Deaktiviert: Das Design fügt keine Stylesheet-Datei namens editor-style.css hinzu?

etwas zu tun habenWeb-PromotionFreund, vor kurzem angefangen zu lernen, zu verwendenWordPress-Website.

Beim Aktivieren des TinyMCE-Editor-Plug-Ins in den Einstellungen des TinyMCE-Editor-Plug-Ins ist ein solches Problem aufgetreten▼

Menü im CSS-Stil erstellen

• Laden Sie die in editor-style.css verwendeten CSS-Stile und ersetzen Sie das Menü Format.
• Deaktiviert: Die Stylesheet-Datei für editor-style.css.
• Deaktiviert: Eine Stylesheet-Datei namens editor-style.css wurde nicht von Ihrem Design hinzugefügt.

Wenn die obige Situation eintritt, kann der visuelle Editor von WordPress möglicherweise nicht den gewünschten Codestil anzeigen, wie zum Beispiel:

• Blockzitat, Pre, Code ...

Fehlerbehebung

1. 请问editor-style.cssDatei, befindet sie sich im Stammverzeichnis des WordPress-Themes?
2. Verwenden Sie untergeordnete Themen (Kind)?

Wenn wir sindWordPress-BackendBeim Bearbeiten eines Artikels sind Vorder- und Hintergrundanzeige aufgrund von CSS-Stilproblemen unterschiedlich...

Aber nach Wordpress 3.0 hat es sehr gute Eigenschaften:

• Das heißt, die Vorder- und Rückseitenstile können vereinheitlicht werden, sodass, wenn Wordpress Artikel im Hintergrund bearbeitet, es auch genauso aussehen kann wie die Vorderseite.
• Ebenso müssen wir den im WordPress-Backend bearbeiteten Beitrag nicht mehr modifizieren, da er anders als im Frontend dargestellt wird.

Wenn wir das Standarddesign von Wordpress, Twenty Eleven, öffnen, können wir sehen, dass es einen HTML-Kommentar und Code wie diesen gibt ▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式
add_editor_style();

• Bedeutung dieses Kommentars: Der visuelle Editor entspricht dem Design-Editor-style.css-Stil.
• Diese Funktion ist auch sehr einfach zu implementieren, da es sich um die Standardfunktion von WordPress handelt, wir müssen sie nur aktivieren.

Wie zeigen WordPress-Beiträge den gleichen Textstil wie das Frontend?

1 步：Erstellen Sie die editor-style.css-Datei

2 步：Fügen Sie der Datei „editor-style.css“ den folgenden Code hinzu▼

@import url('../style.css');

body {
margin: 14px;
max-width: 702px;
}

.post-content {
font-size: 14px;
}

3 步：Kopieren Sie die Datei editor-style.css in das Stammverzeichnis Ihres WordPress-Themes.

4 Schritt:Fügen Sie den folgenden Code zur Datei functions.php▼ hinzu

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式 
add_action( 'after_setup_theme', 'my_theme_setup' );
function my_theme_setup() {
add_editor_style();

// 对于块编辑器
add_theme_support( 'editor-styles' );
}

5 步：Aktualisieren Sie die WordPress-Beitragsbearbeitungsseite

• Überprüfen und bestätigen Sie, ob die Textstile auf der Vorder- und Rückseite von WordPress gleich sind?

注意 事项

Wenn Ihr WordPress-Theme keine CSS-Stile zu „quote tag blockquote“ und „code tag pre/code“ hinzufügt, müssen Sie den entsprechenden CSS-Code zur style.css-Datei des WordPress-Themes hinzufügen.

Einzelheiten finden Sie im folgenden Tutorial zum Erstellen von Websites ▼

Wie verwende ich Blockzitate? HTML-Blockquote-Tag-Demo-Effekt

In der WordPress-Artikelbearbeitung gibt es eine gemeinsame Schaltfläche „Blockquote“ ▼ Wenn sie verwendet wird, fügt sie eine hinzuMarkieren, um eine zitierte Aussage oder Hervorhebung aufzurufen. Was bedeutet Blockquote?Das Folgende ist Chen Wei ...

Was ist Pre im CSS-Stil? Die Rolle von Pre-Wrapping-Code-Tags in HTML

Um eine Website mit WordPress zu erstellen, müssen wir uns einige Grundkenntnisse in CSS und HTML aneignen: Aufgrund der CSS-Stildateien einiger WordPress-Themes werden die Pre- und Code-Tag-Stile nicht hinzugefügt.Die meisten Browser unterstützen derzeitKennzeichen. h...