03.08.2011

Adicionando a slug do post como classe no body em WordPress

Usar as classes inseridas da função body_class aumenta muito o seu poder de customização de CSS em seu projeto em WordPress. Por padrão o WordPress insere algumas classes como: ID do post, o tipo de post, o template usado, entre outras coisas. Mas as vezes isso não é o bastante. Em um post anterior eu ensinei como adicionar o nome do navegador como classe na função body_class. Neste post vou mostrar uma função simples que vai adicionar o tipo e slug de um post como classe na tag body.

Abaixo segue a função que você precisa adicionar no seu arquivo functions.php:

add_filter( 'body_class', 'post_name_in_body_class' );
function post_name_in_body_class( $classes ){
	if( is_singular() )
	{
		global $post;
		array_push( $classes, "{$post->post_type}-{$post->post_name}" );
	}
	return $classes;
}

O resultado dessa função é o tipo de post + o slug do post. Por exemplo, se for do tipo page (página) com nome de contato ficará “page-contato”.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *