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

  • Inverta a ordem dos comentários em seu WordPress

    Por padrão o WordPress exibe os comentários na ordem cronológica (mais antigos para os mais novos). Especialmente para blogs com um grande número de comentários, pode ser interessante inverter esta ordem para mostrar os comentários mais novos primeiro. É claro que temos plugins que fazem isso, mas com uma simples edição em seu arquivo comments.php…

  • Realizando 2 ou mais instalações do WordPress na mesma base de dados

    Vários serviços de hospedagem fornecem apenas uma base de dados e caso você queira uma nova base de dados é necessário pagar um valor adicional na mensalidade. Diante desta situação, quando temos a necessidade de realizar duas ou mais instalações do WordPress no mesmo banco de dados, nos deparamos com a mensagem de erro dizendo…

  • Permitindo que colaboradores façam upload de arquivos

    O perfil de usuário “colaborador” do WordPress permite aos usuários criar postagens para o site. Entretanto, tal nível de usuário não permite o upload de arquivos para ilustrar os posts ou para downloads.

  • Como utilizar javascript no WordPress de forma correta?

    Muitos desenvolvedores, ao criar seus temas, fazem chamadas para arquivos javascript da forma errada, não seguindo o padrão que o WordPress recomenda. Vamos aprender esse padrão? Vem comigo 😉 Dois problemas enquanto estiver usando JavaScript em Projetos WordPress Existem basicamente dois problemas importantes que você pode encontrar se você injetar arquivos JavaScript diretamente no WordPress com código…

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

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