Zakázané: Téma nepridáva súbor šablóny so štýlmi s názvom editor-style.css?

mať čo robiťWeb Propagáciapriateľ, nedávno sa začal učiť používaťWordPress web.

Povoľte doplnok editora TinyMCE, v nastaveniach doplnku editora TinyMCE sa vyskytol takýto problém▼

Vytvorte ponuku štýlu CSS

• Načítajte štýly CSS použité v editor-style.css a nahraďte ponuku Formát.
• zakázaný: Súbor šablóny so štýlmi pre editor-style.css.
• zakázaný: Váš motív nepridal súbor šablóny so štýlmi s názvom editor-style.css.

Ak nastane vyššie uvedená situácia, vizuálny editor WordPress nemusí byť schopný zobraziť požadovaný štýl kódu, ako napríklad:

• blockquote, pre, code...

Riešenie problémov

1. Ospravedlnte maeditor-style.cssje v koreňovom adresári témy WordPress?
2. Používate detské motívy (dieťa)?

keď smeWordPress backendPri úprave článku v strede sa kvôli problémom so štýlom CSS líši zobrazenie popredia a pozadia...

Ale po Wordpress 3.0 má veľmi dobré vlastnosti:

• To znamená, že štýly prednej a zadnej strany môžu byť zjednotené, takže keď Wordpress upravuje články na pozadí, môžu tiež vyzerať rovnako ako predná strana.
• Podobne už nemusíme upravovať príspevok upravený v backende WordPress, pretože sa zobrazuje inak ako frontend.

Ak otvoríme predvolenú tému Wordpressu Twenty Eleven, môžeme vidieť, že existuje html komentár a kód, ako je tento ▼

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

• Čo znamená tento komentár: Vizuálny editor zodpovedá štýlu editora tém-style.css.
• Táto funkcia je tiež veľmi jednoduchá na implementáciu, pretože je to predvolená funkcia WordPress, stačí ju aktivovať.

Ako príspevky WordPress zobrazujú rovnaký štýl textu ako frontend?

第 1 步:Vytvorte súbor editor-style.css

第 2 步:Pridajte nasledujúci kód do súboru editor-style.css▼

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

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

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

第 3 步:Skopírujte súbor editor-style.css do koreňového adresára vašej WordPress témy.

4 krok:Pridajte nasledujúci kód do súboru 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 步:Obnovte stránku na úpravu príspevkov WordPress

• Skontrolujte a potvrďte, či sú štýly textu v prednej a zadnej časti WordPress rovnaké?

注意 事项

Ak vaša téma WordPress nepridáva štýly CSS do položiek „quote tag blockquote“ a „code tag pre/code“, musíte pridať zodpovedajúci kód CSS do súboru style.css témy WordPress.

Podrobnosti nájdete v nasledujúcom návode na vytváranie webových stránok ▼

🔗Ako používať blockquote? Demo efekt značky blockquote v HTML

🔗Čo je pre v štýle CSS? Funkcia značky kódu pre automatické zalomenie riadkov v HTML