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:
- Uma ID para a home;
- Uma ID para as páginas de arquivos por data;
- Uma ID para uma página da categoria “Tutoriais”
- Uma ID para uma página “Contato”
- 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();?>>
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!!!
Me salvou hoje seu tuto. Valeu mesmo!!!
Eu uso assim:
<body id="post_name ?>”>
Assim ele já pega o slug da página.
#ficaadica
Era isso que eu tava tentando colocar: https://wordpress.org/support/topic/insert-the-slug-in-a-template