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

  • Como carregar o Contact Form 7 apenas na página de contato?

    Se você usa o plugin Contact Form 7 para gerar formulários de contato em seu site e é tão aficcionado por performance quanto eu, deve ter notado que este plugin adiciona seus arquivos .js e .css em TODAS as páginas de seu site mesmo que eles não sejam usados nelas. Ao ler o parágrafo acima,…

  • Prós e contras de se utilizar um Tema Premium (pago) para WordPress

    Muitas pessoas na comunidade open source acreditam que os temas pagos para WordPress fazem uma cobrança desleal e são uma tentativa de pessoas gananciosas para alimentar a formação de suas empresas e negócios em projetos de código aberto. Temos outra visão por aqui, vamos a ela. Temas Premium são contribuições para um projeto de código…

  • Flash Uploader: Como o desativar?

    DIas atrás, tentando atualizar este site quando não estava em casa, sentei no PC de um amigo para anexar uma imagem na matéria que estava escrevendo, quando me deparei com um problema intrigante. Ao clicar no botão ‘Adicionar uma imagem’ e tentar enviar a ilustração que daria um brilho a mais ao texto escrito, o…

  • Diferença entre WordPress.org e WordPress.com

    Toda vez que dou uma palestra em algum canto do Brasil falando sobre WordPress e os benefícios de se usar esta fantástica ferramenta de gerenciamento de conteúdo para gerenciar seu site/blog, busco deixar clara a diferença entre os dois modelos disponíveis para o uso do WordPress: WordPress.org e WordPress.com. Sobre o WordPress.org Quando ministro tais…

  • Temas Gratuitos X Temas Premium: Como escolher um tema WordPress?

    Escolher um tema para um site WordPress não é uma tarefa fácil. Há tantos temas bonitos, com descrições interessantes e características surpreendentes que escolher um pode ser uma tarefa complicada, mas é justamente esta liberdade e grande quantidade de opções de escolha que torna o WordPress uma opção das mais interessantes para usuários não-técnicos. No…

  • Otimizando seu blog WordPress para os buscadores

    Os buscadores atualmente dispõe de meios para encontrar e classificar quase tudo que há na rede, mas se você contar apenas com isso, vai aproveitar bem pouco desse enorme tráfego gerado a partir de buscas dos internautas. Mas o que se pode fazer para melhorar a colocação de seu blog nas buscas? Bem, há algumas…

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