WordPress正确引入加载JS、css文件的方法

2020-06-20 0 1,704

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

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

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

正确引入JS、css的方法

//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\');

 

文章来自 猪小侠源码www.yqym.net转载请注明出处,并保留本链接,谢谢!

:本文采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可, 转载请附上原文出处链接。
1、本站提供的源码不保证资源的完整性以及安全性,不附带任何技术服务!
2、本站提供的模板、软件工具等其他资源,均不包含技术服务,请大家谅解!
3、本站提供的资源仅供下载者参考学习,请勿用于任何商业用途,请24小时内删除!
4、如需商用,请购买正版,由于未及时购买正版发生的侵权行为,与本站无关。
5、本站部分资源存放于百度网盘或其他网盘中,请提前注册好百度网盘账号,下载安装百度网盘客户端或其他网盘客户端进行下载;
6、本站部分资源文件是经压缩后的,请下载后安装解压软件,推荐使用WinRAR和7-Zip解压软件。
7、如果本站提供的资源侵犯到了您的权益,请邮件联系: 442469558@qq.com 进行处理!

猪小侠源码-最新源码下载平台 WordPress教程 WordPress正确引入加载JS、css文件的方法 http://www.20zxx.cn/13897/wordpres/wordpressq.html

猪小侠源码,优质资源分享网

常见问题
  • 本站所有资源版权均属于原作者所有,均只能用于参考学习,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,建议提前注册好百度网盘账号,使用百度网盘客户端下载
查看详情

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务