首页 WordPress教程 WordPress正确引入加载JS、css文件的方法
正文 评论

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

我们在开发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\');
-=||=-收藏赞 (0)
更多主题
v1.0.0
小程序收录免费WordPress主题:XCX主题
¥ 0 关注:22,481
详情
单栏极简文艺WordPress博客主题:Diaspora主题
¥ 0 关注:22,055
详情
简约黑白WordPress个人博客主题:Personal主题
¥ 0 关注:21,760
详情
功能丰富切轻量的WordPress虚拟资源主题:Rizhuti主题
¥ 599 关注:19,807
详情
v1.0.0
一款简约单栏的免费WordPress博客主题:itheme主题
¥ 0 关注:19,737
详情
v3.4.0
适用自媒体资讯的免费WordPress主题:Autumn主题
¥ 0 关注:16,836
详情
回复
暂无评论

不要再留垃圾评论了,主题君整理资源不容易,留几句鼓励的话吧。