WordPress Editor Bereich anpassen (Plugin)

Der Editorbereich von WordPress kann für einen Laien recht unübersichtlich sein oder es gibt auch Funktionen, die der eine oder andere einfach nicht benötigt und sie deshalb nur stören. Bereiche, die man aber viel nutzt, die kommen dadurch zu kurz oder gehen unter, da der Anwender nicht jeden Tag damit arbeite.

In einem Projekt wollten die Anwender der Bereich einfacher und übersichtlicher! Dazu kann man entweder die Core-Dateien im Backend bearbeiten, und das dann nach jedem Update, insofern die Datei betroffen ist oder man nutzt die Pluginschnittstelle und bringt in eine CSS-Datei in den Header, die die jeweiligen Bereiche ausblendet. So ist nun die folgende Lösung. Dabei ist kein großes Plugin entstanden, kein Klickmenü im Backend, lediglich aktivieren und die CSS-Datei anpassen, was man ja eigentlich nur einmal macht. Die Lösung ist einfach und funktioniert. Wer ebenso einige Container im backend Deaktivieren will, der bediene sich.

Die CSS-Datei wird nur geladen, wenn der Editor genutzt wird, ansonsten wird die Datei nicht über den Header eingebunden, schont ein wenig Ressourcen. Soll also noch mehr mittels CSS geändert werden, dann das Plugin anpassen. Derzeit wird nur implementiert, wenn Datei post.php, post-new.php, page.php oder page-new.php geladen werden.

if( strpos($_SERVER['REQUEST_URI'], 'post.php') !== false || strpos($_SERVER['REQUEST_URI'], 'post-new.php') !== false || strpos($_SERVER['REQUEST_URI'], 'page.php') !== false || strpos($_SERVER['REQUEST_URI'], 'page-new.php') !== false )

Anforderungen:

Das Plugin arbeitet ab Version 2.0* von WordPress.

Was macht das Plugin?

Es formatiert den Editorbereich neu, vorrangig gedacht für das Ausblenden von Containern, die nicht benötigt werden.

Installation:

1. Den Download lokal entpacken
2. Den Ordner incl. Datei in das Plugin-Verzeichnis kopieren: /wp-content/plugins/
3. Die CSS-Datei anpassen, die möglichen Bereiche im folgenden
4. Das Plugin im Backend aktivieren

Folgende IDs können unter anderem angesprochen werden und mit Hilfe von CSS neu formatiert werden.

• #categorydiv.dbx-box,
• #commentstatusdiv.dbx-box,
• #passworddiv.dbx-box,
• #slugdiv.dbx-box,
• #authordiv.dbx-box,
• #postexcerpt.dbx-box,
• #trackbacksdiv.dbx-box,
• #postcustom.dbx-box,
• #wp-bookmarklet,
• #pageparent.dbx-box,
• #pageorder.dbx-box,
• #poststatusdiv.dbx-box,
• #posttimestampdiv.dbx-box,
• #uploading

Beispiel

Der folgende Syntax sorgt dafür, dass eine ganze Reihe von Container nicht dargestellt werden und der Kategoriebereich größer dargestellt wird, so dass man nicht scrollen muss, je nach Anzahl der Kategorien, die man verwendet.

#commentstatusdiv.dbx-box,
#passworddiv.dbx-box,
#slugdiv.dbx-box,
#slugdiv.dbx-box,
#authordiv.dbx-box,
#postexcerpt,
#trackbacksdiv,
#postcustom,
#wp-bookmarklet,
#pageparent.dbx-box,
#pageorder.dbx-box {
	visibility: hidden !important;
	height: 0 !important;
}

#categorychecklist {
	height: 350px !important;
}

Download:

Ist die Arbeit nicht 1 Euro wert?
Jede Spende wird dankbar angenommen und ermöglicht das weitere Arbeiten an freier Software.
Möchtest du mehr oder anders spenden, so besuche meine Wunschliste.

Download als php-Datei: downloads.wordpress.org/plugin/custom-admin-css.zip - 24 kByte

Historie

• v0.1 - Idee umgesetzt
• v0.2 - Aktiv für alle Benutzer, außer Admin (!current_user_can('level_10'))
• v0.3 - WP 2.5 fähig; hosting bei wordpress.org, css-beispiel erweitert

Hinweis

Möchte man das Backend umfassend und einfach gestallten, also Bereiche deaktivieren, so empfehle ich das Plugin Custom Admin Menu. Damit lassen sich Bereiche, außer im Editor (deshalb das obige Plugin) deaktivieren und an Wunschposition verschieben.