home iconStartseite / wordpress / So stellen Sie den Stil mit wp_enqueue_style ()

So stellen Sie den Stil mit wp_enqueue_style ()

    • vote up icon 9 vote down icon
    • translation icon
    • view icon64813 calendar icon2013-03-05
    in die Warteschlange

    Ichentwickleein Thema. Ich habe die Codes (unten)in die header.phpeingefügt. Aberich habeesin das WP-Themen-Repositorygestellt undes wird überprüft,und der Prüfer hatmich angewiesen,den Stilmit wp_enqueue_style()/wp_enqueue_script()in die Warteschlange zu stellen. Kann abernicht verstehen,wiemanesmit der Funktionimplementiert. Ich habe diegerichtete wp_enqueue_style(); im Codexgesehen,aber Ich kannnicht verstehen,wieman dieganze Reihe von Codesmit ihren Bedingungen verbindet. 

     <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>
    • WIE?
    wp-enqueue-style

2  Antworten

  • Stimmen
    • accept answer icon
    • translation icon
    • calendar icon 2013-03-05

    Folgendes können Sietun:

    1 - Legen Sie das CSSin einer separaten Datei ab und speichern Sieesin Ihrem Themenverzeichnis.
    2 - Fügen Sie denfolgenden Codein Ihre functions phpein: 

     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' );
    • Warumnicht die Bedingungenin den Rückruf "wp_enqueue_scripts"einfügen?Nichts davonmussin den Dokumentenkopfgelangen.
    • Daran habeichnichtgedacht,eine Bearbeitungistin Vorbereitung
    • +1.Ich habebearbeitet,um "get_bloginfo (" stylesheet_directory ") durch"get_template_directory_uri () "zuersetzen.Verweise auf das Verzeichnis ** Stylesheet ** solltenfür untergeordnete Themen reserviert werden.
    • Schön undgut.Es hatmich hiergelöst.Danke Mike.Ich werde diesen Threadin [Codex] (http://codex.wordpress.org/Function_Reference/wp_enqueue_style),inshALLAH,hinzufügen.Vielen Dank.
    • translation icon
    • calendar icon 2013-06-08

    Hinzufügeneiner zweiten style.css -Dateifür Kategorieseitenarchive. 

     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' );    
    }    
}