WordPress: assegnare un ID all'elemento body in modo dinamico

WordPress assegna delle classi all'elemento body in base alla sezione nella quale ci troviamo. Purtroppo non assegna un ID univoco a tale elemento. Perchè è importante? Perchè ai fini degli stili CSS da applicare un ID è più specifico di una classe. Vediamo come ovviare a questo problema.

Possiamo usare la seguente funzione (migliorabile) da aggiungere al file functions.php:

if(!function_exists('body_id')) {
	
	function body_id() {
		
		global $post;
		$post_id = $post->ID;
		$id = '';
		
		if(is_home() || is_front_page()) {
			
			$id = 'home';
			
		}
		
		if(is_single()) {
			
			$id = 'post-' . $post_id;
			
		}
		
		if(is_page()) {
			
			$id = 'page-' . $post_id;
			
		}
		
		if(is_category() || is_archive()) {
			
			$cat_name = get_query_var('category_name');
			
			if(!empty($cat_name)) {
				
				$id = 'category-' . $cat_name;
				
			} else {
			
			    // Qui potete aggiungere dei test per le date
				
				$id = 'archive';
				
				
			}
			
			
			
			
		}
		
		
		
		
		if(is_tag()) {
			
			$id = 'tag-' . get_query_var('tag');
			
		}
		
		if(is_404()) {
			
			$id = 'error404';
			
		}
		
		echo ' id="'. $id .'" ';
	}
	
}

Possiamo usare tale funzione nel file header.php:

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