Das TinyMCE Advanced-Plugin - Schaltflächen einfach per Drag and Drop sortieren, hinzufügen oder entfernen
Mit diesem Plugin lässt sich der Texteditor TinyMCE, der standardmäßig in WordPress implementiert ist, einrichten. Die gewünschten Schaltflächen können einfach per Drag and Drop zum Editor hinzugefügt werden.
Wer seine Texte gerne mit Hilfe der Entertaste formatiert, um Leerzeilen einzufügen, sollte den Haken bei
Stop removing the <p> and <br /> tags when saving and show them in the HTML editor
nicht vergessen. Allerdings führt dies dazu, dass über das Element “Bild mit Bildunterschrift” nach jedem Aktualisieren der Seite ein neuer Absatz
<p> </p>
eingefügt wird. Dadurch verschieben sich diese Elemente. Das ist vor allem problematisch, wenn mehrere dieser Elemente nebeneinander stehen sollen. Nur wenn die Seite komplett erstellt und dann gespeichert wird, bleibt die Formatierung erhalten. Soll die Seite geändert werden, müssen die automatisch hinzugefügten Absätze immer wieder gelöscht werden. “Bild mit Bildunterschrift”-Elemente lassen sich dann aber nie auf gleiche Höhe ausrichten.
Eine saubere Lösung bietet das TinyMCE Clear-Plugin. Es fügt drei Buttons in den TinyMCE ein, jeweils einen für claer:left, clear:both und clear:right. Damit ist es möglich, den oben genannten Haken nicht zu setzen. Wenn jetzt neben einem Bild bzw. einem Element “Bild mit Bildunterschrift” der umfließende Text weniger hoch als das Bild ist, wird mit der entsprechenden Schaltfläche ein (zum Beispiel)
<p><div style="clear:left;"></div></p>
eingefügt. Dann kann unter dem Bild weitergeschrieben werden, ohne mit der Entertaste mehrere Absätze einzufügen. Die Abstände zwischen Absätzen können mit CSS formatiert werden. Zum Einfügen eines Umbruches
<br />
wird standardmäßig die Tastenkombination Shift + Enter verwendet (mehrere aufeinanderfolgende Umbrüche werden nicht zugelassen!, siehe Text-Editor). Mit diesen Einstellungen lassen sich Seiten vernünftig formatieren.
Da die Styles-Klassen für die Bildausrichtung in den CSS-Dateien von WordPress nicht mehr standardmäßig integriert sind, muss zur korrekten Ausrichtung der Bilder Folgendes in die style.css des Themes eingefügt werden:
/*-------Bilder-Ausrichtung-------*/
img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
float:right;
margin:0 0 0.5em 0.5em;
img.aligncentered, div.aligncentered
text-align:center;
margin:0 auto;
Link zur Plugin-Seite
Download von WordPress.org