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

  • 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…

  • Como encontrar o ID de suas páginas?

    Você precisa encontrar um ID de página ou post do WordPress, mas não sabe onde estão? Neste artigo você aprenderá um método fácil para visualizar IDs de páginas e postagens no painel do WordPress – sem usar plugins ou qualquer outro recurso adicional. O que são IDs de páginas e posts do WordPress? Cada conteúdo…

  • 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 adicionar CSS personalizado no painel administrativo do WordPress

    Como adicionar CSS personalizado no painel administrativo do WordPress

    Mais uma vez precisei adicionar algumas classes de CSS em algumas seções que criei no painel administrativo de um projeto em WordPress, com isso resolvi compartilhar a dica por aqui! Seguindo estes passos você também consegue, vamos a eles! Passo 1 – Seu arquivo .css Crie um arquivo admin.css e coloque em uma pasta do…

  • 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 =…

  • 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…

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