Il CMS WordPress permette di visualizzare una barra d’amministrazione in tutte le pagine del sito web con la quale possiamo facilmente inserire e modificare articoli, pagine etc… tenere sotto controllo gli aggiornamenti, arrivare facilmente a tutte le varie pagine di amministrazione e molto altro ancora.

Attivando questa barra wordpress inserisce automaticamente un codice CSS che crea un margine superiore di 32px al tag <HTML> della pagina in modo da impedire che la barra venga sovrapposta al contenuto.

<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
	html { margin-top: 32px !important; }
	* html body { margin-top: 32px !important; }
	@media screen and ( max-width: 782px ) {
		html { margin-top: 46px !important; }
		* html body { margin-top: 46px !important; }
	}
</style>

Sorge un problema però nei siti con header fissato al top della pagina, nei quali la barra verrà comunque sovrapposta all’header e creerà uno spazio inutile tra l’header e il contenuto.

Fortunatamente bastano pochissime righe di codice, inseriti nel file function.php del vostro tema per ovviare a questo fastidioso problema.

add_action('get_header', 'rimuovi_css_barra');
function rimuovi_css_barra() {
	remove_action('wp_head', '_admin_bar_bump_cb');
}

Ecco fatto 🙂