it-swarm.com.de

Verwendung von main style.css mit add_editor_style

Alle Ressourcen, die ich online gelesen habe, schlagen vor, eine andere CSS-Datei (d. H. editor-style.css) zu verwenden, um den WYSIWYG-Editor so zu gestalten, dass er dem tatsächlichen Inhalt besser ähnelt.

Zum Testen habe ich versucht, nur die Haupt-style.css-Datei zu verwenden, die ich für den Rest der Site verwendet habe, und das Styling im WYSIWYG-Editor sieht großartig aus. Bisher sind mir dabei keine Probleme aufgefallen.

Soll ich trotzdem einen neuen editor-style.css erstellen und diesen verwenden, oder ist es eine akzeptable Praxis, meinen Haupt-style.css zu verwenden?

Dies ist der Code, den ich unten verwendet habe:

function wysiwyg_styles() {
    add_editor_style( 'style.css' );
}
add_action( 'init', 'wysiwyg_styles' );
2
epsilon42

Die einfachste Antwort lautet: Sie können jedes gewünschte Stylesheet für den Editor verwenden. editor-style.css ist nur das Standard-Stylesheet, das geladen wird, wenn keines an add_editor_style() übergeben wird.

Dadurch wird das angegebene Stylesheet geladen:

add_editor_style( 'some-stylsheet.css' );

Dies lädt editor-style.css:

add_editor_style();

Verwenden Sie, was Ihren Anforderungen besser entspricht.

Übrigens ist es besser, das Editor-Stylesheet mit der Aktion after_setup_theme und nicht mit der Aktion init hinzuzufügen, da dies für das Thema spezifisch ist:

add_action( 'after_setup_theme', 'cyb_theme_setup' );
fucntion cyb_theme_setup() {
    add_editor_style();
}
2
cybmeta

Der Editor verwendet nicht alle Stile, die im Front-End Ihrer Website verwendet werden. Sie brauchen also nicht die gesamte style.css-Datei. Trotzdem wird die Datei vom Browser zwischengespeichert, sodass wahrscheinlich keine Leistungsprobleme auftreten.

Aber es könnte ein Konfliktproblem geben, wenn Sie style.css ziemlich groß sind. Es könnte die anderen Stile überschreiben, die vom Admin-Panel verwendet werden. Möglicherweise haben Sie ein paar kleine Änderungen im Gesamtbild Ihres Dashboards bemerkt (wahrscheinlich, nicht sicher). In diesem Fall können Sie ein kleines Stylesheet schreiben und nur Stile einbeziehen, die in den einzelnen Posts und Seiten verwendet werden.

0
Jack Johansson