Voeg type en naam toe aan de body class

Body class
  • PHP
  • Snippets
  • Wordpress

Sommige pagina’s en/of posts hebben andere of specifieke styling nodig. Enige specifieke indicatie van een pagina/post is de ID

Voorbeeld:

Je hebt een pagina “Over mij” en die heeft ID 70, de body tag ziet er dan als volgt uit <body class="page page-id-71">

Het is niet fijn om met page-id-71 i.c.m. javascript en/of CSS te werken.

Met de code hieronder komt hier een eind aan. (deze kun je plakken in je functions.php van je thema) Aan de body class wordt er het type + de naam toegevoegd. je body tag ziet er dan als volgt uit: <body class="page page-id-71 page-over-mij">

function extend_body_class( $classes )
{
	if( is_singular() )
	{
		global $post;
		$classes[] = "{$post->post_type}-{$post->post_name}";
	}
	return $classes;
}
add_filter( 'body_class', 'extend_body_class' );

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *