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

本文来源于 网络,由本站搜集发布,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系本站核实处理。如需转载,请注明文章来源。

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享