新版WordPress需使用wp_enqueue_script管理js与css
前几天在建英文站的时候遇到wordpress报告了一个警告,load_scripts报告的,具体记不住了。引起…
前几天在建英文站的时候遇到wordpress报告了一个警告,load_scripts报告的,具体记不住了。引起这个警告的原因是主题或插件未使用官方推荐的方式加载js与css,比如直接在 wp_head
与 wp_footer
中输出js与css地址。正确的加载方式如下,取自DUX主题。
//https://www.daimadog.com/7792.html // load script and style add_action('wp_enqueue_scripts', '_load_scripts'); function _load_scripts() { if (!is_admin()) { $purl = get_stylesheet_directory_uri(); // common css _cssloader(array( 'app' => 'app')); _jsloader(array('loader'=>'loader')); } } function _cssloader($arr) { foreach ($arr as $key => $item) { $href = $item; if (strstr($href, '//') === false) { $href = get_stylesheet_directory_uri() . '/css/' . $item . '.css'; } wp_enqueue_style('_' . $key, $href, array(), THEME_VERSION, 'all'); } } function _jsloader($arr) { foreach ($arr as $item) { wp_enqueue_script('_' . $item, get_stylesheet_directory_uri() . '/js/' . $item . '.js', array(), THEME_VERSION, true); } }
通过 _cssloader
函数加载css,需提供以css文件名为键值的数组, _jsloader
函数加载js,使用方法与 _cssloader
相同。最后通过 wp_enqueue_scripts
钩子挂载函数进行加载,通过这种方式加载js与css,wordpress就不会再提示警告信息了。
类别:SEO、
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
还没有任何评论,赶紧来占个楼吧!