Como criar CSS específicos selector base em WP Post Tipo e Pós-ID Wordpress Theme ponta

Enquanto o meu tempo gasto fórum perseguição wordpress apoio, eu tropeçado sobre esse 6 dias por resolver temas "usando página / Pós-id para especificar por css na página 2-5".

Estou prestes a atualizar um site do Wordpress 2.3 para a versão mais recente. Tenho sido previamente empregando a página id, a fim de ter página específica CSS, por exemplo, com qualquer uma das páginas 0, 1 ou 2 barras laterais.

Por exemplo, se a url é http://site.com/page1, a página é elegante com uma combinação de um modelo e CSS para especificar a largura das primárias:

# # Página1 primário (margin-left: 0; width: 890px;)

Li em alguns outros lugares Wordpress 2.5 aqui que já não usa esta, e agora o cargo ID é usado no lugar [...] ~ hauntedtapedeck

Solução alternativa

Basicamente, o que nós precisamos é de um único posto específico para CSS Selector & página personalizada no interior do modelo.

1. Primeiro vamos criar uma função para a nossa CSS selector e guardá-lo no interior WP tema functions.php

   functions.php: get_post_selector_classname ()

     get_post_selector_classname função () 
     ($ Wp_query global; 
   
      if (! is_object ($ wp_query)) retornar; 
   
      if ($ wp_query-> is_single | | $ wp_query-> is_page) ( 	 
   
   	   $ pid = $ wp_query-> post-> ID; 
   	   $ $ wp_query-post_type => pós-> post_type;  
   
   	   retorno "wp-". $ post_type '.  '. post_type .'-'.$ $ pid; 
      ) 
     ) 
   

2. Próxima get_post_selector_classname nós chamamos a função dentro do modelo. Você pode chamar esta função em qualquer lugar dentro do seu modelo, mas o melhor posicionamento para o seletor classe está dentro corpo tag (mais peso para a sucessão).

   header.php

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

Disponível CSS selector

A seguir encontra-se disponível Selector CSS interior WP pós única e exclusivamente página.

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

Exemplo CSS

styling "única página" post.

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

styling uma única página com pós ID 69.

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

styling página personalizada com pós ID 42.

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

styling personalizadas toda página.

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

Wordpress 2.6.2

Não sei por que razão o seu trabalho não pensei. Para WP 2.6.2, tente seguir o código

  / / Add no interior functions.php 
  post_selector_classname função () 
  ($ Wp_query global; 

	  $ output = "wp-"; 

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

	   $ pid = $ wp_query-> post-> ID; 
	   $ $ wp_query-post_type => pós-> post_type;  

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

   echo $ resultado; 
  ) 

chamada dentro modelo (header.php)

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

Consulte query.php dentro wp-inclui pasta para WP hierárquico mais seções.