X

So erstellen Sie benutzerdefiniertes CSS für den WordPress-Editor

Schnipsel von IsItWP

Suchen Sie nach einer Möglichkeit, benutzerdefinierten CSS für den WordPress-Editor zu erstellen? Es gibt wahrscheinlich ein Plugin dafür, aber wir haben einen schnellen Code-Schnipsel erstellt, den Sie verwenden können, um benutzerdefinierten CSS für den WordPress-Editor in WordPress zu erstellen.

Anweisungen:

Sie müssen diesen Code nur zur functions.php-Datei Ihres Themes oder in ein websitespezifisches Plugin einfügen:

add_editor_style('css/custom-editor-style.css');

Der Parameter von add_editor_style() ist der Name der Stylesheet-Datei relativ zum Theme-Stammverzeichnis. Er akzeptiert auch ein Array von Stylesheets. Er ist optional und hat den Standardwert ‘editor-style.css’.

Dies ist ein Beispiel für eine editor_css.css-Datei.

body#tinymce.wp-editor { 
    font-family: Arial, Helvetica, sans-serif; 
    margin:10px; 
}

Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzufügen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress hinzufügen, damit Sie Ihre Website nicht versehentlich beschädigen.

Wenn Ihnen dieser Code-Schnipsel gefallen hat, sollten Sie sich unsere anderen Artikel auf der Website ansehen, wie z. B.: 43 beste Fotografie-Themes für WordPress und Erstellen Sie beeindruckende WordPress-Opt-in-Formulare.

Kommentare   Hinterlasse eine Antwort

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.

WordPress Launch Checkliste

Die ultimative Checkliste für den Start von WordPress

Wir haben alle wichtigen Checklistenpunkte für den Start Ihrer nächsten WordPress-Website in einem praktischen E-Book zusammengefasst.
Ja, senden Sie mir das kostenlose E-Book!