Início » Desenvolvimento WordPress » O poder da Body Class | Ninjas em WordPress sabem como usar
Desenvolvimento WordPress

O poder da Body Class | Ninjas em WordPress sabem como usar

Body Class. Uma funcionalidade simples e inteligente, que facilita no desenvolvimento e estilização de componentes dinâmicos em temas para WordPress.
Escrito Por Leandro Vieira em julho de 2016 /3 min de leitura
Conteúdo escrito por humano

Sabe aquele componente HTML que você queria alterar dinamicamente seu estilo em uma determinada página do seu site em WordPress? Pois é, seus problemas acabaram, e já faz tempo, viu? Mas talvez você nunca ouviu falar em Body Class.

O poder da Body Class

O que é Body Class?

Body Class é uma Template Tag do WordPress. Uma função que quando utilizada, gera diferentes nomes de classes no atributo class da tag body do HTML, tudo de acordo com a página e/ou a forma como você a está acessando. Body Class, como o próprio nome diz, são as classes a serem geradas e exibidas dentro da tag body do HTML. Não vá inventar moda, ok? 😀

Porquê usar Body Class?

Porque você quer ser um Ninja em WordPress e facilitar a vida do Front-End. Simples assim. Por experiência própria, eles adoram e já contam com essas classes geradas pelo WordPress desde o início e sabem também que caso seja necessário adicionar uma nova classe, não será nenhum problema.

Obs: se você é um Front-End Developer e não conhecia essa funcionalidade do WordPress, passará a adora-la a partir de agora!

Quando usar Body Class?

Sempre! Não espere o Front-End pedir. Flexibilize. Maximize as possibilidades de customização.

Como usar Body Class?

Tudo que você tem que fazer é inserir a função body_class dentro da tag body do HTML. Geralmente, no arquivo header.php do seu tema.

<body <?php body_class(); ?>>

Você pode conferir alguns modelos padrão gerados automaticamente pelo WordPress através da função body_class.

Alguns exemplos:

  • .home (para a página home);
  • .page-id-{id} (para a página com um ID definido);
  • .logged-in (para quando o usuário está logado na página);

Se você quiser adicionar uma classe customizada na tag body, faça assim:

<body <?php body_class( 'apiki' ); ?>>

Se você quiser adicionar mais de uma classe customizada na tag body, informe as classes no formato de string, separando por um espaço:

<body <?php body_class( 'apiki wordpress ninjas' ); ?>>

Ou você pode inserir através de elementos em um array:

<body <?php body_class( array( 'apiki', 'wordpress', 'ninjas' ) ); ?>>

Além das classes padrão geradas pelo WordPress, serão exibidas também todas as classes customizadas passadas como parâmetro.

E tem mais, você pode filtrar as classes a serem exibidas através da função body_class e gerenciá-las de acordo com a sua necessidade.

Leandro Vieira

Uma das grandes referências de WordPress no Brasil, entusiasta e evangelista da plataforma. Fundador e CEO da Apiki, empresa especializada no desenvolvimento web com WordPress.
Qual nota você da para este artigo?
Ruim

O que você achou disso?

Clique nas estrelas

Média da classificação 0 / 5. Número de votos: 0

Nenhum voto até agora! Seja o primeiro a avaliar este post.

Excelente
Artigos Relacionados

  1. Felipe Genuino
    Sempre uso, é muito útil.
    1. Legal Felipe. Também usamos sempre. É obrigatório! :D

Construa seu site WordPress sob medida com os maiores especialistas em WordPress da America Latina
Conheça a Apiki

Faça um comentário
Cadastre-se rápido

Fazer Login