Das WordPress Backend Theme anpassen und Plugin-, Theme-Editor und Admin Bar ausblenden

Die Oberfläche des Backends ändern

Ein sehr umfangreiches Plugin kommt aus der Schmiede von bueltge.de und nennt sich Adminimize. Um ehrlich zu sein, habe ich das Plugin bisher nicht ausgiebig getestet. Es bietet tonnenweise Einstellungsmöglichkeiten, welche getrennt an den verschiedenen Benutzergruppen angewendet werden können. Mir persönlich passt die Backend Oberfläche grundsätzlich so wie sie ist, weshalb ich mich nach einem schlankeren Lösungsweg umsah.

Zusätzliche CSS-Datei mithilfe eines Plugins laden

Pascal Bajorat zeigt in seinem Blogartikel WordPress Backend individualisieren mit eigener CSS-Datei – mittels WordPress Plugin was der Titel verspricht. Es soll also eine zusätzliche CSS-Datei zur (Um)gestaltung des Backends hinzugefügt werden. Ungeeignet ist die direkte Bearbeitung der orignialen CSS-Dateien, da bei zukünftigen Updates die Dateien überschrieben werden können. Um die gewünschten IDs und Klassen herauszufinden, eignet sich die Browsererweiterung Firebug oder browserinterne Entwicklertools.

functions.php anstatt eines Plugins

Wer die zusätzliche CSS-Datei lieber mithilfe von einigen Zeilen in der functions.php umsetzen möchte, der kann das natürlich. Obwohl der benötigte Code auch vom oben aufgeführten Lösungsweg entnommen werden kann, hier noch eine Variante von wp-snippets.com in leicht abgeänderter Form.

<?php
/* Load additional stylesheet for your WP Backend */
function customAdmin() {
	$url = home_url('/wp-content/themes/my-theme/styles/wp-admin.css');
	echo '<link rel="stylesheet" type="text/css" href="' . $url . '" />';
}
add_action('admin_head', 'customAdmin');
?>

Den Pfad in der vierten Zeile müsst ihr natürlich noch abändern.

Praxisbeispiel eines Stylesheets

Um die Änderungen, welche im Artikelbild ersichtlich sind, aufzuzeigen, folgt im Anschluss mein geladenes CSS Stylesheet. Ich habe mir das Logo im Kopfbereich zwischen Icon und Titel eingefügt. Ebenfalls habe ich Schriftanpassungen am h2 Titel im Kopfbereich und den h3 Titeln im Dashbord Bereich vorgenommen.

@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700);

div#wpbody-content div.wrap h2 {
	background:url(assets/2012-04-06/logo-admin.png) no-repeat 45px 4px;
	color:#767676;
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-size:3em;
	letter-spacing:1px;
	margin:15px 0;
	padding-left:255px;
}

h3.hndle {
	color:#767676;
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-size:1.8em;
	letter-spacing:1px;
}

Den Plugin und Theme Editor ausblenden

Ich persönlich halte nicht viel davon den Code von Plugins oder Themes direkt im Backend zu bearbeiten. Mit einem lokal installierten Editor lassen sich die Dateien einerseits besser ändern und andererseits zeigt sich die Wiederherstellung von Fehleingaben einfacher. Insbesondere wenn noch andere Administratoren mitwirken, stellt ihr euch vielleicht die Frage ob dies Editoren wirklich benötigt werden.

Um die Editoren für alle Benutzer auszublenden, müsst ihr lediglich folgende Zeile (Quelle codex.wordpress.org) in die config.php einfügen:

/* Disable the Plugin and Theme Editor */
define('DISALLOW_FILE_EDIT',true);

Admin Bar ausblenden

In der Version 3.1 von WordPress wurde die Admin Bar eingeführt. Diese dient als Bearbeitungswerkzeug im Frontend. Wenn ihr die Admin Bar nicht benötigt und sie euch stört, könnt ihr sie mit einer Zeile Code in der functions.php ausblenden. Der folgende Code stammt von wp-snippets.com.

<?php
/* Disable the Admin Bar */
show_admin_bar(false);
?>