新版WordPress需使用wp_enqueue_script管理js与css

前几天在建英文站的时候遇到 WordPress 报告了一个警告,load_scripts 报告的,具体记不住了。引起这个警告的原因是主题插件未使用官方推荐的方式加载 js 与 css,比如直接在 wp_head 与 wp_footer 中输出 js 与 css 地址。正确的加载方式如下,取自 DUX 主题。

  1. add_action('wp_enqueue_scripts', '_load_scripts');
  2. function _load_scripts() {
  3. if (!is_admin()) {
  4. $purl = get_stylesheet_directory_uri();
  5. // common css
  6. _cssloader(array( 'app' => 'app'));
  7. _jsloader(array('loader'=>'loader'));
  8. }
  9. }
  10. function _cssloader($arr) {
  11. foreach ($arr as $key => $item) {
  12. $href = $item;
  13. if (strstr($href, '//') === false) {
  14. $href = get_stylesheet_directory_uri() . '/css/' . $item . '.css';
  15. }
  16. wp_enqueue_style('_' . $key, $href, array(), THEME_VERSION, 'all');
  17. }
  18. }
  19. function _jsloader($arr) {
  20. foreach ($arr as $item) {
  21. wp_enqueue_script('_' . $item, get_stylesheet_directory_uri() . '/js/' . $item . '.js', array(), THEME_VERSION, true);
  22. }
  23. }

通过 _cssloader 函数加载 css,需提供以 css 文件名为键值的数组, _jsloader 函数加载 js,使用方法与 _cssloader 相同。最后通过 wp_enqueue_scripts 钩子挂载函数进行加载,通过这种方式加载 js 与 css,wordpress 就不会再提示警告信息了。

溫馨提示:

文章標題:新版WordPress需使用wp_enqueue_script管理js与css

文章連結:https://www.wuyanshuo.cn/311.html

更新時間:2022年3月23日

1、本站所有資源均不添加推廣檔案或浮水印,壓縮包內若有廣告檔案和浮水印請勿輕易相信。

2、本站資源均為兩層壓縮,第一層7z(尾碼若為wys,請自行修改為7z)有解壓密碼; 第二層zip或cbz,無解壓密碼,可直接使用漫畫類軟件程式查看; 詳情可參攷解壓教程

3、本站大部分內容均收集於網絡! 若內容侵犯到您的權益,請發送郵件至:admin#wysacg.top我們將第一時間處理! 資源所需價格並非資源售賣價格,是收集、整理、編輯詳情以及本站運營的適當補貼,並且本站不提供任何免費技術支援。 所有資源僅限於參攷和學習,版權歸原作者所有!

给TA打赏
共{{data.count}}人
人已打赏
建站教程

Advanced Custom Fields 高级自定义字段插件详细使用教程

2022-3-22 20:26:29

建站教程

WordPress 如何实现截取pdf首页作为缩略图片

2022-3-23 5:06:05

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索