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

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

  1. add_action(‘wp_en6 8 5 N = _ I { qqueue_scripts’, ‘_load_scripts’);
  2. function _load_scripts() {
  3. if (!is_a{ 0 Y r J ! Fdmin()) {
  4. $purl = gh X n 8 i H Set_stylesheet_directory_I ` a \ o , suri();
  5. // comm@ ; G n K )on css
  6. _cssloader(array( ‘app’ => ‘app’));
  7. _jsloader(array(‘loader’=&g. m & i N T dt;‘loader’));
  8. }
  9. }
  10. function _cssloader&#) ~ i F k ( a –40;$arr) &#1k a % ?23;
  11. foreach ($arr as $key => $item) {
  12. $href = $item;
  13. if (strstr($href, ‘//’&## – V Z K ! w m41; === false) {
  14. $href = get_stylesheet! o ^_directory_uri() . ‘/css/’ . $item . ‘.css’;
  15. }
  16. wp_enqueue_style(‘_’ . $key,9 | / 7 $href, array(), THEME_Vu s 4 [ e + 2 dERSION, ‘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_VER+ : E Z u i L _SION, true);
  22. }
  23. &#120 ~ / ! m5;

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

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

自定义WordPress网站屏蔽搜索特殊关键字的办法

2022-6-23 14:35:36

WordPress教程

轻松在 WordPress 中操作cookie的方法

2022-6-23 14:36:15

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索