如何使用wp_en队列脚本()将样式入队?

时间:2017-08-07 作者:Henry

我很难在“排队”函数中正确加载路径。

我试图实现的是在特定页面上加载特定的CSS样式表。。。

下面的方法是将路径添加到正确模板上的标记中,但路径错误。。。

 add_action(\'wp_enqueue_scripts\',\'homepage\');
  function homepage(){
    if ( is_page_template(\'page-home.php\') ) {
      wp_enqueue_style(\'home-css\', array(), \'1.0.0\', true );
      get_template_directory_uri() . \'/css/flags.min.css\',
    }
  }
原因是(我相信)路径设置不正确,无法找到合适的css文件夹。。。

因此,php缺少这一行:

get_template_directory_uri() . \'/css/flags.min.css\',
我的问题是-如何添加这一行来定位主题css文件夹?我试过下面的but it did NOT work...

 add_action(\'wp_enqueue_scripts\',\'homepage\');
  function homepage(){
   if ( is_page_template(\'page-home.php\') ) {
      wp_enqueue_style(\'home-css\', array(), \'1.0.0\', true );
      get_template_directory_uri() . \'/css/flags.min.css\',
    }
   }

1 个回复
最合适的回答,由SO网友:Johansson 整理而成

的第二个参数wp_enqueue_style() 是可选路径。您正在传递一个空数组,该数组将不排队。

get_template_directory_uri() 检索当前主题的根URI,您可以在wp_enqueue_style():

 add_action(\'wp_enqueue_scripts\',\'homepage\');
  function homepage(){
   if ( is_page_template(\'page-home.php\') ) {
      wp_enqueue_style(\'home-css\', get_template_directory_uri() . \'/css/flags.min.css\', \'1.0.0\', true );
    }
   }
我提到了“可选”,因为还有另一种使用方法wp_enqueue_style. 在这种方法中,您可以首先使用wp_register_style, 然后将其排队:

wp_register_style( \'home-css\', get_template_directory_uri() . \'/css/flags.min.css\' );
wp_enqueue_style(\'home-css\');
同样适用于wp_enqueue_script().

基于使用父主题或子主题,您可能还需要了解get_stylesheet_directory_uri()

结束

相关推荐