Anpassen des WordPress 3.3 Editor

Aus Aktuellem Anlass ziehe ich das ganze nach oben, da die Entwickler mit der Gestern erschienenen WordPress Version (3.3) das einbinden vom Editor verändert haben.

Um neue Artikel unter WordPress zu veröffentlichen gibt es einen sogenannten WYSIWYG Editor (What you see is what you get, zu deutsch was du siehst erhältst du auch), also eine Möglichkeit Texte zu formatieren ohne größere Html Kenntnisse.

Allerdings nutzt WordPress nur manche der möglichen Funktionen des verwendeten TinyMCE Editor. Es gibt mehrere Möglichkeiten an die fehlenden Funktionen zu gelangen.

  1. Man kann ein Plugin Installieren um die Funktionen freizuschalten (Einfach)
  2. Man kann einen alternativen Editor einrichten
  3. Oder man fügt etwas dem Code hinzu, um sich das Plugin oder den anderen Editor zu ersparen.

Editor mit standart Einstellungen
Standardmäßig aktivierte Funktionen des Editors

Wie man mehr Funktionen zum Editor hinzufügen kann erkläre ich mal an einem Beispiel: Wir wollen die Funktion zum ändern der Schriftgröße freischalten.

Für diese Variante habe ich mich entschieden, da sie kein Plugin benötigt und für das freischalten der Funktionen jeweils nur eine Variable an der richtigen stelle nötig ist.
Allerdings setzt dieser schritt den Umgang Mit dem Code voraus.

Öffne mit einem FTP Programm das Verzeichnis  /wp-includes und lade die Datei
class-wp-editor.php herunter.

Öffne anschließend die class-wp-editor.php Datei mit einem Texteditor und suche nach der Zeile die ungefähr so anfängt:

$mce_buttons = apply_filters( ‘teeny_mce_buttons’, array(‘bold’, [...] ‘fullscreen’), $editor_id );

In der klammer nach dem Array (Array = Auflistung der Funktionen die eingebunden werden) werden die einzelnen Elemente aufgelistet.
Zum hinzufügen der Option einfach zu dem Array fontsizeselect, hinzufügen.

$mce_buttons = apply_filters( ‘teeny_mce_buttons’, array(‘bold, italic,  fontsizeselect, underline, blockquote, [...] fullscreen’) );

Jetzt müssen wir uns um Gedanken zur Positionierung der Format Einstellung machen, in meinem Beispiel setze ich sie direkt hinter die Formatvorlagen.
Dazu ein paar Zeilen weiter unten in einem weitere Array, hier wird die Reihenfolge bestimmt, fügen wir wieder fontsizeselect ein allerdings mit einfachen Anführungszeichen

$mce_buttons_2 = apply_filters(‘mce_buttons_2′, array( ‘formatselect’,  ‘fontsizeselect’, ‘underline’, [...] ‘|’, ‘undo’, ‘redo’, ‘wp_help’ ), $editor_id);

Jetzt die Datei abspeichern und die Original class-wp-editor.php durch unsere Version ersetzen. (Vorher ein Backup erstellen)

Erweiterter Editor
Editor mit erweiterten Funktion

Liste mit möglichen Funktionen

bold
italic
underline
strikethrough
justifyleft
justifycenter
justifyright
justifyfull
bullist
numlist
outdent
indent
cut
copy
paste
undo
redo
link
unlink
image
cleanup
help
code
hr
removeformat
formatselect
fontselect
fontsizeselect
styleselect
sub
sup
forecolor
backcolor
charmap
visualaid
anchor
newdocument
separator

Auf die Idee für den Beitrag bin ich durch ein Tutorial auf lancelhoff gekommen, das ist allerdings in Englisch und nicht mehr aktuell.

Ein Gedanke zu “Anpassen des WordPress 3.3 Editor

  1. Danke, danke, danke!
    Seit Stunden suche ich nach einem Editor für die Schriftgröße, der mir mein Fotoplugin nicht zerschießt, finde nix als ärger und dann diese Seite. Einfach herrlich. Danke!

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>