Come creare specifiche CSS selettore sulla base di WP Post Tipo e Post ID Wordpress Tema suggerimenti

Mentre la spesa il mio tempo appostamenti wordpress forum di supporto, sono incappato in questo 6 giorni temi irrisolti "utilizzando pagina / post id specificare per pagina css in 2.5".

Sto per aggiornare un sito da Wordpress 2.3 alla versione più recente. Ho già state utilizzando la pagina id al fine di disporre di pagina specifiche CSS, ad esempio, le pagine con uno 0, 1 o 2 barre laterali.

Ad esempio, se l'url è http://site.com/page1, la pagina è in stile con una combinazione di un modello e CSS per specificare la larghezza di primaria:

# # pagina1 principale (margin-left: 0; width: 890px;)

Ho letto in alcuni altri posti qui che Wordpress 2.5 non utilizza più il presente, e ora il posto ID è utilizzato invece [...] ~ hauntedtapedeck

Soluzione

In sostanza, ciò di cui abbiamo bisogno è un unico selettore CSS per specifici di post e di pagina personalizzato all'interno del modello.

1. Per prima cosa creare una funzione per la nostra selettore CSS e salvarlo all'interno di WP tema functions.php

   functions.php: get_post_selector_classname ()

     get_post_selector_classname funzione () 
     ($ Wp_query globale; 
   
      if (! is_object ($ wp_query)) return; 
   
      if ($ wp_query-> is_single | | $ wp_query-> is_page) ( 	 
   
   	   $ pid = $ wp_query-> post-> ID; 
   	   post_type $ = $ wp_query-> post-> post_type;  
   
   	   ritorno 'wp-'. post_type $. '  '. post_type .'-'.$ $ pid; 
      ) 
     ) 
   

2. Poi si chiama l'get_post_selector_classname funzione all'interno del modello. È possibile chiamare questa funzione in qualsiasi punto all'interno del tuo modello, ma il miglior posizionamento per il selettore di classe si trova all'interno del corpo etichetta (più peso per la successione).

   header.php

     <corpo class = "<? php echo get_post_selector_classname ();?>"> 
   

Disponibile selettore CSS

Il seguente selettore CSS è disponibile all'interno WP posto unico e solo pagina.

• body.wp pagina
• body.page-ID
• body.wp post
• body.post-ID

Esempio CSS

Styling di "sportello unico" pagina "post.

  body.wp-unico (background-color: # f6f6f6;) 

Styling di una singola pagina con post ID 69.

  body.single-69 (background-color: # f6f6f6;) 

stile di pagina personalizzato con post ID 42.

  body.page-42 (background-color: # f6f6f6;) 

Styling di tutti i pagina personalizzata.

  body.wp-pagina (background-color: # f6f6f6;) 

Wordpress 2.6.2

Non sono sicuro del perchè il suo pensiero non funziona. Per WP 2.6.2, provare il codice qui sotto

  / / Aggiungere all'interno functions.php 
  post_selector_classname funzione () 
  ($ Wp_query globale; 

	  $ output = 'wp-'; 

   if ($ wp_query-> is_single | | $ wp_query-> is_page) ( 	 

	   $ pid = $ wp_query-> post-> ID; 
	   post_type $ = $ wp_query-> post-> post_type;  

	   $ output .= $ post_type. '  '. post_type .'-'.$ $ pid; 
   ) Elseif ($ wp_query-> is_home) ( 
 		  $ output .= 'casa'; 
   ) 

   echo $ output; 
  ) 

chiamata all'interno di modello (header.php)

  <corpo class = "<? php post_selector_classname ();?>"> 

Fare riferimento query.php all'interno wp-include cartella di WP gerarchica più sezioni.