Inaktiverad: Temat lägger inte till en stilmallsfil med namnet editor-style.css?

har något att göraWeb marknadsföringvän, började nyligen lära sig att användaWordPress webbplats.

Aktivera TinyMCE editor plug-in, i inställningarna för TinyMCE editor plug-in, stötte på ett sådant problem▼

Skapa CSS-stilmeny

• Ladda CSS-stilarna som används i editor-style.css och ersätt menyn Format.
• Inaktiverad: Stilmallsfilen för editor-style.css.
• Inaktiverad: En stilmallsfil med namnet editor-style.css lades inte till av ditt tema.

Om ovanstående situation inträffar kanske WordPress visuella redigerare inte kan visa den kodstil vi vill ha, till exempel:

• blockquote, pre, code...

Felsökning

1. Ursäkta migeditor-style.cssfil, finns den i rotkatalogen för WordPress-temat?
2. Använder du barnteman (barn)?

när vi ärWordPress backendNär du redigerar en artikel i mitten, på grund av CSS-stilproblemet, är förgrunds- och bakgrundsvisningen olika...

Men efter Wordpress 3.0 har den mycket bra funktioner:

• Det vill säga att fram- och bakstilen kan förenas, så när Wordpress redigerar artiklar i bakgrunden kan den också se ut som framsidan.
• På samma sätt behöver vi inte längre ändra inlägget som redigerats i WordPress-backend eftersom det visas annorlunda än frontend.

Om vi ​​öppnar Wordpresss standardtema Twenty Eleven kan vi se att det finns en html-kommentar och kod som denna ▼

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

• Vad den här kommentaren betyder: Den visuella redigeraren matchar temat editor-style.css-stilen.
• Denna funktion är också mycket enkel att implementera, eftersom det är standardfunktionen i WordPress, vi behöver bara aktivera den.

Hur visar WordPress-inlägg samma textstil som gränssnittet?

第 1 步:Skapa editor-style.css-fil

第 2 步:Lägg till följande kod till filen editor-style.css▼

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

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

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

第 3 步:Kopiera filen editor-style.css till rotkatalogen för ditt WordPress-tema.

omkring 4 steg:Lägg till följande kod till filen 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 步:Uppdatera WordPress-postredigeringssidan

• Kontrollera och bekräfta om textstilarna på framsidan och baksidan av WordPress är desamma?

注意 事项

Om ditt WordPress-tema inte lägger till CSS-stilar till "quote tag blockquote" och "code tag pre/code", måste du lägga till motsvarande CSS-kod i style.css-filen för WordPress-temat.

För detaljer, vänligen kolla följande självstudiekurs för webbplatsbyggande ▼

Hur använder man blockquote? HTML blockquote tag demo effekt

I WordPress-artikelredigering finns det en vanlig "Blockcitat"-knapp ▼ När den används kommer den att lägga till enMarkera för att åberopa något citerat uttalande eller markering. Vad betyder blockquote?Följande är Chen Wei...

Vad är pre i CSS-stil? Rollen av förinpackning av kodtaggar i HTML

Vi behöver lära oss lite grundläggande kunskaper om CSS och HTML för att bygga en webbplats med WordPress: på grund av CSS-stilfilerna för vissa WordPress-teman läggs inte pre- och kodtaggstilarna till.De flesta webbläsare stöder för närvarandemärke. h...