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

  • Jetpack: Editando o posicionamento dos botões de compartilhamento social

    Jetpack: Editando o posicionamento dos botões de compartilhamento social

    Utilizando o plugin Jetpack faz algum tempo, sempre me perguntei como os botões de compartilhamento social eram corretamente colocados após o conteúdo da postagem, e como eu poderia fazer um controle manual deste posicionamento para explorar isso melhor em cada tema. Aqui mesmo no TudoParaWP, os botões de compartilhamento são colocados antes e depois do…

  • Funções de usuários e Capacidades no WordPress – Parte 3: Um exemplo prático

    Este artigo é a parte 3 de 3 da série Funções de usuários e Capacidades do WordPress Funções de usuários e Capacidades do WordPress – Parte 1: O básico Funções de usuários e Capacidades no WordPress – Parte 2: Funções interessantes Funções de usuários e Capacidades no WordPress – Parte 3: Um exemplo prático Esta…

  • Como baixar versões antigas de plugins no repositório oficial?

    Como baixar versões antigas de plugins no repositório oficial?

    Existe uma maneira simples de obter versões anteriores de seus plugins do WordPress, por exemplo, se uma versão atual quebrar sua configuração e você precisar voltar para a versão que funcionava. Note que essa dica é ótima para resolver problemas por um tempo, mas que não é recomendado deixar plugins desatualizados por muito tempo já…

  • Como acelerar seu blog WordPress usando menos plugins?

    Como acelerar seu blog WordPress usando menos plugins?

    Muitos artigos e blogueiros apresentam matérias mostrando métodos atuais para fazer seu WordPress mais rápido, recomendar soluções eficientes como ter arquivos CSS e JavaScript otimizados e concatenados, como usar CSS sprites e cache. Seguindo essa dica, na verdade este conceito, você pode fazer o seu blog carregar até duas vezes mais rápido (ou mais), e…

  • 7 verificações para fazer antes de publicar seu site/blog em WordPress

    Durante esses dias, eu fiz alguns testes em vários blogs no meu trabalho (+/- uns 100). Encontrei erros absurdos e ao mesmo tempo muito bobos.  Por isso me auto-convidei para escrever aqui no Tudo Para WordPress e compartilhar essa experiência com vocês. Esse post é apenas um “checklist” de coisas que você pode testar e…

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!!!