我们在开发WordPress主题过程中,会需要添加css、js文件,WordPress为开发者提供了一个很好的脚本及样式文件的排队系统,这有助于防止插件之间的脚…
我们在开发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\');