Onemogočeno: Tema ne doda datoteke s slogovno datoteko z imenom editor-style.css?

imeti kaj početiSpletna promocijaprijatelj, se je pred kratkim začel učiti uporabljatiSpletno mesto WordPress.

Omogočite vtičnik urejevalnika TinyMCE v nastavitvah vtičnika urejevalnika TinyMCE, naletel na takšno težavo▼

Ustvarite meni v slogu CSS

• Naložite sloge CSS, uporabljene v editor-style.css, in zamenjajte meni Oblika.
• Onemogočeno: Datoteka s slogovno datoteko za editor-style.css.
• Onemogočeno: Vaša tema ni dodala datoteke s slogovno tabelo z imenom editor-style.css.

Če pride do zgornje situacije, vizualni urejevalnik WordPress morda ne bo mogel prikazati sloga kode, ki ga želimo, na primer:

• blok citat, pred, koda ...

Odpravljanje težav

1. Oprostiteeditor-style.cssali je v korenskem imeniku teme WordPress?
2. Ali uporabljate podrejene teme (otrok)?

Ko smoWordPress backendPri urejanju članka na sredini se zaradi težave s slogom CSS prikaz v ospredju in ozadju razlikujeta ...

Toda po Wordpressu 3.0 ima zelo dobre lastnosti:

• To pomeni, da sta slog sprednje in zadnje strani lahko poenotena, tako da lahko Wordpress, ko ureja članke v ozadju, izgleda enako kot sprednja stran.
• Podobno nam ni treba več spreminjati objave, urejene v ozadju WordPressa, ker je prikazana drugače kot na sprednji strani.

Če odpremo Wordpressovo privzeto temo, Twenty Eleven, lahko vidimo, da obstaja komentar html in koda, kot je ta ▼

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

• Kaj ta komentar pomeni: vizualni urejevalnik se ujema s slogom editor-style.css teme.
• Ta funkcija je tudi zelo enostavna za implementacijo, saj je privzeta funkcija WordPressa, le aktivirati jo moramo.

Kako objave v WordPressu prikazujejo isti slog besedila kot sprednji del?

第 1 步:Ustvari datoteko editor-style.css

第 2 步:Dodajte naslednjo kodo v datoteko editor-style.css▼

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

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

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

第 3 步:Kopirajte datoteko editor-style.css v korenski imenik vaše teme WordPress.

poglavje 4 步:Dodajte naslednjo kodo v datoteko functions.php▼

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

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

第 5 步:Osvežite stran za urejanje objave WordPress

• Preverite in potrdite, ali sta sloga besedila na sprednji in zadnji strani WordPressa enaka?

注意 事项

Če vaša tema WordPress ne doda slogov CSS v »quote tag blockquote« in »code tag pre/code«, morate dodati ustrezno kodo CSS v datoteko style.css teme WordPress.

Za podrobnosti si oglejte naslednjo vadnico za izdelavo spletnega mesta ▼

🔗Kako uporabljati blockquote? Demo učinek oznake blockquote v HTML

🔗Kaj je pre v slogu CSS? Funkcija predsamodejne kodne oznake za prelom vrstice v HTML