Eigene CSS Styles im Visual Editor von WordPress

Um eigene CSS-Styles und Klassen dem Visual Editor in WordPress (TinyMCE) hinzuzufügen hilft eines der beiden Snippets:

Per Theme

Einfach folgenden Befehl der functions.php hinzufügen:

add_editor_style();

Nun kann man im Theme-Verzeichnis eine Datei namens editor-style.css anlegen. Alle Styles und Klassen aus dieser Datei werden im Visual Editor angewendet.

Per Plugin

Folgenden Code im Plugin (beispielsweise in der index.php-Datei) hinzufügen:

function sw_add_editor_stylesheet()
{
    add_editor_style(plugins_url('editor-style.css', __FILE__));
}

add_action('admin_init', 'sw_add_editor_stylesheet');

Nun kannst du eine Datei editor-style.css im Plugin-Verzeichnis abgelegt werden. Alle Styles und Klassen aus dieser Datei werden im Visual Editor angewendet.

Schreibe einen Kommentar