如何使用wp_enQueue_style()将样式入队

时间：2013-03-05 作者：Mayeenul Islam

我正在制定一个主题。我将代码（如下）添加到header.php. 但是我把它发布到了WP主题库中，它正在审查中，审查者通知我将样式与wp_enqueue_style()/ wp_enqueue_script(). 但无法理解如何使用函数实现它。我看过导演wp_enqueue_style(); 在Codex中，但无法理解如何将所有代码与其条件放在一起。

<style type="text/css">
<?php
// If the menu presents, then CSS loads

if ( has_nav_menu( \'secondary\' ) ) {
?>
.sec-menu{
width: 100%;
background: #333;
height: 26px;
font-size:16px;
text-transform:uppercase;
}
<?php } ?>
<?php
if ( has_nav_menu( \'primary\' ) ) {
?>
#access{
background-color: #333;
height: 26px;
}
<?php } ?>
<?php
if ( !has_nav_menu( \'primary\' ) && !has_nav_menu( \'secondary\' ) ) {
?>
.sec-menu,
#access{
border-bottom: 2px solid #333;
}
<?php } ?>
</style>
如何

2 个回复
最合适的回答,由SO网友:Mike Madern 整理而成

这是您可以做的：

1-将CSS放在一个单独的文件中，并将其保存在主题目录中
2-在中添加以下代码functions php:

function wpse_89494_enqueue_scripts() {
  if ( has_nav_menu( \'secondary\' ) ) {
    wp_enqueue_style( 
      \'wpse_89494_style_1\', 
      get_template_directory_uri() . \'/your-style_1.css\' 
    );
  }
  if ( has_nav_menu( \'primary\' ) ) {
    wp_enqueue_style( 
      \'wpse_89494_style_2\', 
      get_template_directory_uri() . \'/your-style_2.css\' 
    );
  }
  if ( ! has_nav_menu( \'primary\' ) && ! has_nav_menu( \'secondary\' ) ) {
    wp_enqueue_style( 
      \'wpse_89494_style_3\', 
      get_template_directory_uri() . \'/your-style_3.css\' 
    );
  }
}

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

SO网友:Brad Dalton

添加第二个style.css 类别页面存档的文件。

add_action( \'wp_enqueue_scripts\', \'wpsites_second_style_sheet\' );
function wpsites_second_style_sheet() {
    if ( is_category() ) {
       wp_register_style( \'second-style\', get_template_directory_uri() .\'css/second-style.css\', array(), \'20130608\');
       wp_enqueue_style( \'second-style\' );    
    }    
}

结束
标签： wp-enqueue-style   小码农  

相关推荐