Identificando o body da página com ID no WordPress

Portal sobre WordPress. Plugins, Temas wordpress, dicas e muito mais sobre WordPress!

Por padrão o WordPress identifica o body de cada página com classes. Essa identificação é feita com várias classes, dependendo do tipo de página, post, etc.

Exemplos:

  • body class="single single-post postid-162 single-format-standard"
  • body class="archive category category-tutoriais category-9"
  • body class="page page-id-442 page-template page-template-contato-php"

Para aplicar estilos, algumas vezes, essa identificação pode ficar um pouco confusa. Este código, que identifica o body com IDs utiliza as condicionais e torna mais simples a identificação. Como o código é escrito no arquivo functions.php, também é bem fácil de atualizar e modificar. Vou colocar um exemplo, que você modifica, de acordo com sua necessidade:

// IDENTIFICANDO O BODY COM ID
function identificaBodyID() {
if (is_home()) {
echo 'id="home"';}
elseif (is_month()) {
echo ' id="archive"';}
elseif (is_category('Tutoriais')) {
echo ' id="categoria-tutoriais"';}
elseif (is_page('Contato')) {
echo ' id="pagina-contato"';}
else {
echo 'id="blog"';}
}

No exemplo criamos:

  1. Uma ID para a home;
  2. Uma ID para as páginas de arquivos por data;
  3. Uma ID para uma página da categoria "Tutoriais"
  4. Uma ID para uma página "Contato"
  5. e finalmente uma ID para as páginas que não se enquadrarem nas anteriores.

 

Depois de colocar o código no arquivo functions.php, modifique no header.php o seguinte:

<body <?php if (function_exists('identificaBodyID')){identificaBodyID();}?> <?php body_class();?>>

Leia também:

  1. Como alterar o logotipo da página de login do WordPress Por padrão, em todo site em WordPress que desenvolvemos, a…
  2. Customizando a página de login de seu WordPress Dica simples e rápida: Localize o arquivo login.css na pasta…
  3. Elimine o “\author\” da página de autores de seu site WordPress Por padrão o WordPress cria uma URL para cada autor,…
  4. Estrutura Básica do WordPress Para entender melhor o wordpress.. você terá que entender a…

Ler mais em: Identificando o body da página com ID no WordPress.

Luis Ferreira

Internet and Network marketer

Website: http://www.ensinardinheiro.com/

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *