Zakázáno: Motiv nepřidává soubor šablony stylů s názvem editor-style.css?

mít co dělatWebová propagacepřítel, nedávno se začal učit používatWeb WordPress.

Povolte zásuvný modul editoru TinyMCE, v nastavení zásuvného modulu editoru TinyMCE došlo k takovému problému▼

Vytvořte nabídku stylů CSS

• Načtěte styly CSS použité v editor-style.css a nahraďte nabídku Formát.
• Zakázáno: Soubor šablony stylů pro editor-style.css.
• Zakázáno: Váš motiv nepřidal soubor šablony stylů s názvem editor-style.css.

Pokud nastane výše uvedená situace, vizuální editor WordPress nemusí být schopen zobrazit požadovaný styl kódu, například:

• blockquote, pre, code...

Odstraňte problémy

1. Promiňteeditor-style.csssoubor, je v kořenovém adresáři motivu WordPress?
2. Používáte dětská témata (dítě)?

když jsmeWordPress backendPři úpravě článku uprostřed se kvůli problému se stylem CSS liší zobrazení popředí a pozadí...

Ale po Wordpressu 3.0 má velmi dobré vlastnosti:

• To znamená, že styly přední a zadní strany lze sjednotit, takže když Wordpress upravuje články na pozadí, mohou také vypadat stejně jako přední.
• Podobně již nemusíme upravovat příspěvek upravený v backendu WordPress, protože se zobrazuje jinak než na frontendu.

Pokud otevřeme výchozí téma Wordpressu Twenty Eleven, můžeme vidět, že existuje html komentář a kód, jako je tento ▼

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

• Co tento komentář znamená: Vizuální editor odpovídá stylu editoru motivu-style.css.
• Tato funkce je také velmi jednoduchá na implementaci, protože je to výchozí funkce WordPressu, stačí ji aktivovat.

Jak příspěvky WordPress zobrazují stejný styl textu jako frontend?

第 1 步:Vytvořte soubor editor-style.css

第 2 步:Přidejte následující kód do souboru editor-style.css▼

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

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

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

第 3 步:Zkopírujte soubor editor-style.css do kořenového adresáře vašeho motivu WordPress.

Kapitola 4 Krok:Přidejte následující kód do souboru 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 pro úpravy příspěvků WordPress

• Zkontrolujte a potvrďte, zda jsou styly textu v přední a zadní části WordPress stejné?

注意 事项

Pokud vaše téma WordPress nepřidává styly CSS do „quote tag blockquote“ a „code tag pre/code“, musíte přidat odpovídající kód CSS do souboru style.css motivu WordPress.

Podrobnosti naleznete v následujícím návodu k vytváření webových stránek ▼

Jak používat blockquote? Ukázkový efekt značky HTML blockquote

Při úpravách článků ve WordPressu je společné tlačítko „Blockquote“ ▼ Při použití přidá aOznačením vyvoláte nějaké citované prohlášení nebo zvýraznění. Co znamená blockquote?Následuje Chen Wei...

Co je pre ve stylu CSS? Role předbalení značek kódu v HTML

Potřebujeme se naučit nějaké základní znalosti CSS a HTML, abychom mohli vytvořit web pomocí WordPress: kvůli souborům stylů CSS u některých témat WordPress nejsou přidány styly značek pre a code.Většina prohlížečů v současnosti podporujeoznačit. h...