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

  • Opa, novo post para revisão!

    Acho que o WordPress já deveria vir com essa funcionalidade por padrão, mas não vem =\ Quando uma pessoa não tem permissão de publicar um post diretamente em um site/blog com WordPress, esse post precisa ir para revisão. Mas o administrador, ou a pessoa que deve aprovar o post não tem ideia que existe um…

  • Como remover o Editor do menu ‘Aparência’

    O painel do WordPress contém um item no menu que permite que você edite qualquer tema WordPress instalado em Aparência > Editor. No entanto, há momentos em que você não pode querer alguém bisbilhotando e alterando as coisa por lá e limitar tal poder de edição apenas a quem tenha a senha de FTP, já…

  • O WordPress é seguro mesmo?

    O WordPress é seguro mesmo?

    Utilizando o WordPress desde 2007 e participando de muitos eventos, grupos em redes sociais, fóruns e afins, algumas perguntas acabam se tornando bem repetitivas para mim, e o assunto deste post é uma delas. Nada contra a pergunta, quem utiliza o WordPress a pouco tempo ou ainda não conhece o sistema sempre vai se fazer esta…

  • Como exibir parte da postagem apenas para usuários registrados

    É muito fácil e com esta dica você poderá exibir conteúdo exclusivo para usuários registrados em seu site WordPress, estimulando assim mais registros ! Já estou até pensando em aplicar em alguns projetos 🙂 Apenas adicione o seguinte código php no arquivo functions.php de seu tema: add_shortcode( ‘member’, ‘member_check_shortcode’ ); function member_check_shortcode( $atts, $content =…

  • Prós e contras de se utilizar um Tema WordPress Gratuito

    Como dito no artigo Temas Gratuitos X Temas Premium: Como escolher um tema WordPress?, nem sempre é fácil escolher um tema para ser utilizado. Neste artigo destacaremos os Prós e Contras de se utilizar um tema WordPress gratuitos. Prós Preço – Esses temas são livres e gratuitos. Liberdade – Você está livre para usar, construir…

  • Utilizando o operador de módulo no loop

    Na maior parte das linguagens de programação existe um operador específico, por vezes esquecido pelos programadores, para operações de módulo. Seu símbolo, na maioria das linguagens, é a % (o que pode causar alguma confusão para os novatos). O PHP não foge à regra e também possui este operador de módulo, sendo o seu símbolo…

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