Identificando o body da página com ID no 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();?>>

Posts Similares

  • Erro Warning: sprintf() nos menus da atualização do 3.6

    Quem atualizou o WordPress semana passada, usando a linguagem pt_BR, com certeza viu o erro “Warning: sprintf(): Argument number must be greater than zero in …….\wp-admin\nav-menus.php on line 478” na tela de administração de menus. Após algumas horas de luta, consegui achar o problema que era um arquivo corrompido pela tradução do WordPress para português do Brasil. Esse erro…

  • Como exibir o número total de comentários em seu blog WordPress?

    Se você tem um site e compartilha conteúdo relevante para pessoas de seu nicho, receber comentários é uma das melhores formas de medir a popularidade de seu site quanto a qualidade das matérias publicadas. Se o seu blog tem muitos comentários, pode ser dizer que o seu blogs é popular, pelo menos as pessoas gostam…

  • A pré-visualizaçao de temas no WordPress parou de funcionar. E agora ?

    Já repararam que em algumas ocasiões instalamos um novo tema em nosso WordPress, entramos no painel de administração do site e quando clicamos no tema para o pré-visualizar a visualização aparece toda em branco, não mostrando o preview do tema ? Isso também já aconteceu comigo e descobri o motivo de tal erro. Caso a…

  • Como utilizar javascript no WordPress de forma correta?

    Muitos desenvolvedores, ao criar seus temas, fazem chamadas para arquivos javascript da forma errada, não seguindo o padrão que o WordPress recomenda. Vamos aprender esse padrão? Vem comigo 😉 Dois problemas enquanto estiver usando JavaScript em Projetos WordPress Existem basicamente dois problemas importantes que você pode encontrar se você injetar arquivos JavaScript diretamente no WordPress com código…

  • Veja todas as novas funções do WordPress 3.7

    A cada nova versão do WordPress, novas funções interessantes vão surgindo. Vamos ver TODAS as novas funções do WordPress? A explicação de cada uma está em inglês, mas aos poucos vamos traduzindo para vocês 😉 find_core_auto_updates Gets the best available (and enabled) Auto-Update for WordPress Core. If there’s 1.2.3 and 1.3 on offer, it’ll choose…

  • WordPress 3.0 – Dica para desenvolvedores

    Para desenvolvedores, as 3 seguintes constantes são importantes e devem ser colocadas em todo wp-config.php de um sistema de desenvolvimento. Por favor, use-a com precaução em um sistema já desenvolvido! Add define(‘WP_DEBUG’, true); // para permitir reports durante o desenvolvimento. Add define(‘WP_DEBUG_DISPLAY’, false); // para desabilitar a exibição de erros. Add define(‘WP_DEBUG_LOG’, true); // para…

Deixe um comentário

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

4 Comentários

  1. Para mim que sou novo no WordPress fica difícil ler uma matéria dessa e compreender por completo. Gostaria de saber par que servem esses códigos que estão no post. Acho que tem algo a ver com o carregamento da página, ou não? Por favor me ajudeeeeem!!!