Balk bovenin WordPress weghalen

Als je WordPress hebt geïnstalleerd, zal WordPress – wanneer je ingelogd bent – automatisch een balk bovenin tonen. Dit is de zogeheten “admin bar”. Hoe zorg je ervoor dat WordPress deze niet toont?

Vanuit de admin bar kun je door op de naam van je website te klikken, snel in de WordPress admin komen. Ook kun je – wanneer je een pagina of bericht bekijkt – snel op “Bewerken” klikken. Je komt dan direct in de editor om die pagina of het bericht aan te passen.

WordPress balk weghalen

Er zijn meerdere manieren om ervoor te zorgen dat WordPress deze balk niet toont.

1. WordPress admin bar weghalen; alléén voor jouw profiel

Wanneer je alleen voor jezelf – en niet voor andere gebruikers – de balk bovenin WordPress wilt weghalen, kun je dat doen door naar Gebruikers > Je profiel te gaan. Hier vind je de optie “Toolbar”, en als je deze uitvinkt zal WordPress de balk niet meer laten zien wanneer jij bent ingelogd en je je WordPress-website bekijkt. Zie ook de afbeelding:

Wanneer je de balk op deze manier weghaalt, zal dit alleen voor jouw profiel gelden. Andere gebruikers zullen de balk nog steeds zien.

2. Plugin gebruiken om de admin bar te verwijderen

Je kunt ook een plugin gebruiken om de Toolbar niet te tonen. De plugin Disable WP Toolbar verwijdert de balk in één keer voor alle gebruikers.

Hoewel dit een effectieve manier is om de toolbar in één keer weg te halen voor alle gebruikers van je WordPress-website, is het altijd beter om géén plugin te gebruiken wanneer dit niet nodig is. Plugins zijn handig, maar kunnen je website aanzienlijk langzamer maken en een beveiligingslek veroorzaken.

De betere manier om de toolbar voor alle gebruikers te verwijderen is natuurlijk om dit handmatig te doen:

3. Toolbar verwijderen voor alle gebruikers; de juiste manier

Wanneer je het volgende stuk code in het functions.php-bestand van je thema plakt, verwijder je de admin bar voor alle gebruikers op je WordPress-website.

// Verwijder de admin bar voor ALLE gebruikers
if (!function_exists('df_disable_admin_bar')) {

	function df_disable_admin_bar() {

		// for the admin page
		remove_action('admin_footer', 'wp_admin_bar_render', 1000);
		// for the front-end
		remove_action('wp_footer', 'wp_admin_bar_render', 1000);

		// css override for the admin page
		function remove_admin_bar_style_backend() { 
			echo '<style>body.admin-bar #wpcontent, body.admin-bar #adminmenu { padding-top: 0px !important; }</style>';
		}	  
		add_filter('admin_head','remove_admin_bar_style_backend');

		// css override for the frontend
		function remove_admin_bar_style_frontend() {
			echo '<style type="text/css" media="screen">
			html { margin-top: 0px !important; }
			* html body { margin-top: 0px !important; }
			</style>';
		}
		add_filter('wp_head','remove_admin_bar_style_frontend', 99);
  	}
}
add_action('init','df_disable_admin_bar');

Code: DF Factory

4. Toolbar verwijderen voor alle gebruikers, behalve administrators

Het kan natuurlijk ook dat je de toolbar wilt verwijderen voor alle gebruikers op je WordPress-website, behalve de administrators. Dit is ook mogelijk. Om dit te doen plak je het volgende stuk code in het functions.php-bestand van je thema:

// Verwijder admin bar voor ALLE gebruikers behalve administrators
if (!function_exists('df_disable_admin_bar')) {

	function df_disable_admin_bar() {

		if (!current_user_can('manage_options')) {

			// for the admin page
			remove_action('admin_footer', 'wp_admin_bar_render', 1000);
			// for the front-end
			remove_action('wp_footer', 'wp_admin_bar_render', 1000);

			// css override for the admin page
			function remove_admin_bar_style_backend() { 
				echo '<style>body.admin-bar #wpcontent, body.admin-bar #adminmenu { padding-top: 0px !important; }</style>';
			}	  
			add_filter('admin_head','remove_admin_bar_style_backend');

			// css override for the frontend
			function remove_admin_bar_style_frontend() {
				echo '<style type="text/css" media="screen">
				html { margin-top: 0px !important; }
				* html body { margin-top: 0px !important; }
				</style>';
			}
			add_filter('wp_head','remove_admin_bar_style_frontend', 99);

		}
  	}
}
add_action('init','df_disable_admin_bar');

Code: DF Factory