是否仅在需要供应商JS/CSS的页面上注册它们?

时间:2019-08-23 作者:DDulla

我有一些JS\\CSS,用于我网站上的选定页面中的各种UI功能,例如图像滑块。此图像滑块仅在站点内的几个页面上使用,在每个请求上加载它都会影响性能。

是否有在需要时选择性加载这些类型的供应商有效载荷的最佳实践?

function wpdocs_dequeue_script() {
     if( ! is_page(\'gallery\') ) {   
          wp_dequeue_script( \'vendor-slider\' );
      }
}
add_action( \'wp_print_scripts\', \'wpdocs_dequeue_script\', 100 );
我是否在函数中加载所需的所有内容。php,然后把我不需要的东西排到队列中

1 个回复
SO网友:HU ist Sebastian

页面上如何包含UI元素?如果使用短代码,可以将js部分(wp\\u enqueue\\u script)排队到短代码函数中。然后,您的JS将在页脚中排队。CSS当然必须在标头中排队,因此您必须在wp\\u enqueue\\u scripts操作中将其排队。如果您只需要在具有短代码的页面上使用它,您可以在wp\\u enqueue\\u scripts操作函数中执行以下操作:

add_action(\'wp_enqueue_scripts\',\'my_awesome_function\');

function my_awesome_function(){
  if(is_singular()){
    global $post;
    if(has_shortcode($post->post_content,\'my_awesome_shortcode\')){
       wp_enqueue_style(\'my-awesome-style\');
    }
  }
}
快乐的编码!

相关推荐

Div-Wrap with Functions.php in ChildTheme Using Shorcode!

我只想为一个简单样式的DIV包装器创建一个短代码。在WordPress的网站上,我想添加如下内容:[quotehead]Headline text[/quotehead] ...a normal blockquote from wordpress... 输出应为:<div class=\"block_header\">Headline text</div> 我的内部功能functions.php (在childtheme中)包含以下内容:/**