我们在开发WordPress主题过程中,会需要添加css、js文件,WordPress为开发者提供了一个很好的脚本及样式文件的排队系统,这有助于防止插件之间的脚本冲突问题。这篇文章主题君主要为大家介绍WordPress中添加Javascript文件与css文件的方法,对那些刚开始学习WordPress主题和插件的开发是特别有用的。
很多人都接使用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\');//引入CSSwp_enqueue_style ( \'style\' ,get_template_directory_uri().\"/style.css\" ,array(), false, \'all\');wp_enqueue_style(\'uikit\', $theme_assets . \'/css/uikit.css\', array(), \'\', \'all\');// 引入JSwp_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\');
文章标题:WordPress正确引入加载JS、css文件的方法
文章链接:https://www.jitheme.com/2633.html
更新时间:2024年03月28日
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:service@jitheme.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读极(子)主题网络服务协议。