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 exibir um arquivo PDF em sua postagem WordPress

    Esta será a postagem mais inusitada de todos os tempos. Ao criar uma postagem para um site sobre o livro Tudo o que você precisa saber sobre o Twitter, resolvi criar uma versão do livro em Flash (que era bem usado nessa época) para que todos pudessem ler o livro diretamente aqui do site. Entretanto,…

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

  • Fazendo a busca do WordPress funcionar apenas para algumas categorias

    Me passou pela cabeça a seguinte questão: Como excluir algumas categorias da busca do WordPress ? Passou pela sua também ? Então continue lendo esse post, a dica vem logo abaixo ! Adicione o código ao arquivo search.php: <?php if( is_search() ) : $paged = (get_query_var(‘paged’)) ? get_query_var(‘paged’) : 1; query_posts(“s=$s&paged=$paged&cat=9,11,16”); endif; ?> A seleção…

  • Bloqueie Spammers de pegar os e-mails do seu WordPress

    Olá a todos. Depois de muito tempo volto para mostrar uma forma de bloquear que os spammers usem os emails do seu WordPress para uso de spam. Resolvi vir aqui depois de ler um Post no grupo do WordPress no Facebook, onde uma pessoas queria pegar os e-mails dos comentários de outros sites em WordPress….

  • Adicionando categorias, tags e taxonomias customizadas nas Mídias do WordPress

    Você já se sentiu frustrado pelo fato do WordPress não permitir que você especifique uma categoria ou uma tag nas imagens ou arquivos de mídia? Pois é, eu já, pois tive tal necessidade em um projeto, e me coloquei a pesquisas como resolver isso. Imagine como isso poder ser útil: criar uma galeria dinâmica de…

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