Utskeakele: It tema foeget gjin stylblêdbestân ta mei de namme editor-style.css?

ha wat te dwaanWeb Promoasjefreon, koartlyn begûn te learen te brûkenWordPress webside.

TinyMCE bewurker plug-in ynskeakelje, yn 'e ynstellings fan TinyMCE bewurker plug-in, tsjinkaam sa'n probleem▼

Meitsje CSS-stylmenu

• Laad de CSS-stilen brûkt yn editor-style.css en ferfange it menu Format.
• Ynvalide: It stylblêdbestân foar editor-style.css.
• Ynvalide: In stylblêdbestân mei de namme editor-style.css is net tafoege troch jo tema.

As de boppesteande situaasje foarkomt, kin de WordPress fisuele bewurker miskien de koadestyl dy't wy wolle net werjaan, lykas:

• blokquote, pre, koade...

Troubleshoot

1. Nim my net kwea ôfeditor-style.cssbestân, is it yn 'e root-map fan it WordPress-tema?
2. Brûk jo bernetema's (bern)?

wannear wy binneWordPress backendBy it bewurkjen fan in artikel yn 't midden, fanwege it probleem fan' e CSS-styl, binne de foargrûn- en eftergrûnwerjefte oars ...

Mar nei Wordpress 3.0 hat it heul goede funksjes:

• Dat is, de foar- en efterkantstilen kinne ferienige wurde, dus as Wordpress artikels op 'e eftergrûn bewurket, kin it ek itselde sjen as de foarkant.
• Op deselde manier hoege wy de post dy't bewurke is yn 'e WordPress-backend net langer te feroarjen, om't it oars wurdt werjûn as de frontend.

As wy it standerttema Twenty Eleven fan Wordpress iepenje, kinne wy ​​sjen dat d'r in html-kommentaar en koade is lykas dizze ▼

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

• Wat dizze opmerking betsjut: De fisuele bewurker komt oerien mei it tema editor-style.css styl.
• Dizze funksje is ek heul ienfâldich om te ymplementearjen, om't it de standertfunksje fan WordPress is, wy moatte it gewoan aktivearje.

Hoe litte WordPress-berjochten deselde tekststyl werjaan as de frontend?

第 1 步:Meitsje editor-style.css triem

第 2 步:Foegje de folgjende koade ta oan it bestân editor-style.css▼

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

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

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

第 3 步:Kopiearje it editor-style.css-bestân nei de root-map fan jo WordPress-tema.

4e Stap:Foegje de folgjende koade ta oan it bestân 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 步:Ferfarskje de WordPress-postbewurkingsside

• Kontrolearje en befestigje oft de tekststilen yn 'e foar- en efterkant fan WordPress itselde binne?

Foarsoarchsmaatregels

As jo ​​WordPress-tema gjin CSS-stilen tafoegje oan 'e "quote tag blockquote" en "code tag pre/code", moatte jo de oerienkommende CSS-koade tafoegje oan it style.css-bestân fan it WordPress-tema.

Foar details, kontrolearje asjebleaft de folgjende tutorial foar websidebou ▼

Hoe kinne jo blockquote brûke? HTML blockquote tag demo effekt

Yn it bewurkjen fan WordPress-artikelen is d'r in gewoane knop "Blokquote" ▼ As it wurdt brûkt, sil it inMarkearje om wat oanhelle útspraak of markearring op te roppen. Wat betsjut blokquote?It folgjende is Chen Wei ...

Wat is pre yn CSS-styl? De rol fan pre-wrapping code tags yn HTML

Wy moatte wat basiskennis fan CSS en HTML leare om in webside mei WordPress te bouwen: troch de CSS-stylbestannen fan guon WordPress-tema's wurde de foar- en koade-tagstilen net tafoege.De measte browsers stypje op it stuitmerk. h...