Deaktiveret: Temaet tilføjer ikke en stylesheet-fil ved navn editor-style.css?

har noget at laveWeb Promotionven, for nylig begyndt at lære at brugeWordPress hjemmeside.

Aktiver TinyMCE editor plug-in, i indstillingerne for TinyMCE editor plug-in, stødte på et sådant problem▼

Opret CSS-stilmenu

• Indlæs CSS-stilene, der bruges i editor-style.css, og erstat menuen Format.
• Handicappet: Stylesheet-filen til editor-style.css.
• Handicappet: En stylesheet-fil ved navn editor-style.css blev ikke tilføjet af dit tema.

Hvis ovenstående situation opstår, er WordPress visuelle editor muligvis ikke i stand til at vise den kodestil, vi ønsker, såsom:

• blokcitat, pre, kode...

Fejlfinding

1. Undskyld migeditor-style.cssfil, i rodmappen til WordPress-temaet?
2. Bruger du børnetemaer (barn)?

når vi erWordPress backendNår du redigerer en artikel, er forgrunds- og baggrundsvisningen anderledes på grund af problemer med CSS-stil...

Men efter Wordpress 3.0 har den meget gode funktioner:

• Det vil sige, at for- og bagstilen kan forenes, så når Wordpress redigerer artikler i baggrunden, kan den også se ud som forsiden.
• På samme måde behøver vi ikke længere at ændre indlægget, der er redigeret i WordPress-backend, og vise det anderledes end frontend.

Hvis vi åbner Wordpresss standardtema, Twenty Eleven, kan vi se, at der er en html-kommentar og kode som denne ▼

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

• Hvad denne kommentar betyder: Den visuelle editor matcher temaet editor-style.css-stilen.
• Denne funktion er også meget enkel at implementere, fordi det er standardfunktionen i WordPress, vi skal bare aktivere den.

Hvordan viser WordPress-indlæg den samme tekststil som frontend?

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

第 2 步:Tilføj følgende kode til filen editor-style.css▼

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

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

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

第 3 步:Kopier filen editor-style.css til rodmappen til dit WordPress-tema.

omkring 4 步:Tilføj følgende kode til functions.php-filen▼

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

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

第 5 步:Opdater WordPress-indlægsredigeringssiden

• Tjek og bekræft, om tekststilene foran og bag på WordPress er de samme?

注意 事项

Hvis dit WordPress-tema ikke tilføjer CSS-stile til "quote tag blockquote" og "code tag pre/code", skal du tilføje den tilsvarende CSS-kode til style.css-filen i WordPress-temaet.

For detaljer, tjek venligst følgende hjemmesideopbygningsvejledning ▼

Hvordan bruger man blockquote? HTML blockquote tag demo effekt

I WordPress artikelredigering er der en almindelig "Blokcitat"-knap ▼ Når den bruges, vil den tilføje enMarkér for at påberåbe en citeret erklæring eller fremhævning. Hvad betyder blokcitat?Følgende er Chen Wei...

Hvad er pre i CSS-stil? Rollen af ​​pre wrapping kode tags i HTML

Vi er nødt til at lære noget grundlæggende kendskab til CSS og HTML for at bygge et websted med WordPress: På grund af CSS-stilfilerne i nogle WordPress-temaer tilføjes pre- og kode-tag-stilene ikke.De fleste browsere understøtter i øjeblikketmærke. h...