AT互联|WordPress正确引入加载JS、css文件的方法_
AT互联|WordPress正确引入加载JS、css文件的方法_手机扫码预览

AT互联|WordPress正确引入加载JS、css文件的方法_

1.18K
免费 优惠信息:免费 暂无永久SVIP下载特权
  • 免费售前咨询
  • 登录下载更划算哦
  • 付费安装资源
  • 付费终身升级
  • QQ保障售后服务
  • 网站应急咨询顾问

在开发WordPress主题或者是制作WordPress插件的过程中,都需要引入css、 引入 js等文件资源。

很多人都接使用link、script标签写进HTML当中,其实WordPress内置了比较完善的引用脚本的函数和方法。

显然,使用WordPress内置的方法引用,更专业更具有可扩展性一些。

正确引入jsCSS的方法

//WordPress正确引入js、css的方法

function wptoo_scripts()
{
	$theme_assets = get_template_directory_uri() . \\\'/static\\\';
	if (!is_admin()) {
		// 禁用jquery和110n翻译
		wp_deregister_script(\\\'jquery\\\');
		wp_deregister_script(\\\'l10n\\\');

		//引入CSS
		wp_enqueue_style ( \\\'style\\\'   ,get_template_directory_uri().\\\"/style.css\\\"        ,array(), false, \\\'all\\\');
		wp_enqueue_style(\\\'uikit\\\', $theme_assets . \\\'/css/uikit.css\\\', array(), \\\'\\\', \\\'all\\\');

		// 引入JS
		wp_enqueue_script(\\\'jquery\\\', $theme_assets . \\\'/js/jquery.min.js\\\', \\\'\\\', false);
		wp_enqueue_script(\\\'uikit\\\', $theme_assets . \\\'/js/uikit.min.js\\\', array(), \\\'\\\', false);
		wp_enqueue_script(\\\'\\\', $theme_assets . \\\'/js/clipboard.min.js\\\', array(), \\\'\\\', false);
		wp_enqueue_script(\\\'index\\\', $theme_assets . \\\'/js/index.js\\\', array(), \\\'\\\', false);
	}
}
add_action(\\\'wp_enqueue_scripts\\\', \\\'wptoo_scripts\\\');

 

文章来自AT互联https://www.at8848.cn转载请注明出处,并保留本链接,谢谢!

打破行业潜规则-更多选择 更低价格 更快交付!
AT互联全栈开发服务商 » AT互联|WordPress正确引入加载JS、css文件的方法_
欢迎您光顾,建议使用 QQ 登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡