Wordpress - Editor anpassen

Aus Wikizone
Version vom 27. Dezember 2006, 10:09 Uhr von 84.160.159.35 (Diskussion)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche

Ab der Version 2 ist TinyMCE als WYSIWYG Editor eingebaut. Aber nicht besonders gut konfiguriert. So geht's besser:

(Quelle: http://blog.suchmaschinen-optimierungen.info/wordpress-cms-praxis-beispiel 27.12.2006)

Überschriften

Um die Überschriften freizuschalten muss man im Quellcode eine Kleinigkeit einfügen. Die relevante Datei ist: ../wp-includes/js/tinymce/tiny_mce_gzip.php. Im letzten Drittel steht:

$mce_buttons = apply_filters(’mce_buttons’, array(’bold’, ‘italic’, ’strikethrough’, ’separator’, ‘bullist’, ‘numlist’, ‘outdent’, ‘indent’, ’separator’, ‘justifyleft’, ‘justifycenter’, ‘justifyright’ ,’separator’, ‘link’, ‘unlink’, ‘image’, ‘wordpress’, ’separator’, ‘undo’, ‘redo’, ‘code’, ‘wphelp’));

Hier kann man nun Schaltflächen entfernen oder bestimmte neue hinzufügen. Das Dropdown-Menü mit den Überschriften schaltet formatselect frei. Bei mir sieht die Leiste dann in etwa so aus:

$mce_buttons = apply_filters('mce_buttons', array('formatselect', 'separator', 'bold', 'italic', 'strikethrough', 'separator', 'bullist', 'numlist', 'separator', 'outdent', 'indent', 'separator', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'separator', 'separator', 'link', 'unlink', 'separator', 'image', 'separator', 'undo', 'redo', 'separator', 'separator', 'code', 'wphelp'));

Folgende Standard-Buttons stehen zur Verfügung Quelle: http://tinymce.moxiecode.com/tinymce/docs/reference_buttons.html

Default buttons available in the advanced theme

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

Dropdown Feld anpassen

So nun findet man links ein Dropdown-Menü mit Überschriften von h1 bis h6 und anderem. Wer nun einen Autor oder Kunden hat, dem das vielleicht verwirrt und der nur normal p und h2, h3-Überschriften benutzen soll (h1 ist ja bereits der Titel), für den muss man noch etwas anpassen.

Die relevante Datei findet man unter ../wp-includes/ js/ tinymce/ themes/ advanced/ editor_template.js. In der ersten ganz langen Zeile sind alle Buttons mit Grafikname und Alttext (Variablen für die Sprachdatei) aufgeführt. Die entsprechende Zeile kann dann für das Dorpdown-Menü so aussehen:

 ...am("theme_advanced_blockformats","p,h2,h3",true).split(',');var lookup=[['p','normaler Absatz'],['address','{$lang_theme_address}'], ['pre','{$lang_theme_pre}'], ['h1','{$lang_theme_h1}'], ['h2','Überschrift 2.Ebene'],['h3','Überschrift 3.Ebene'],['h4','{$lang_th...