Deaktivert: Temaet legger ikke til en stilarkfil kalt editor-style.css?

ha noe å gjøreNettpromoteringvenn, begynte nylig å lære å brukeWordPress nettsted.

Aktiver TinyMCE editor plug-in, i innstillingene til TinyMCE editor plug-in, oppdaget et slikt problem▼

Lag CSS-stilmeny

• Last inn CSS-stilene som brukes i editor-style.css og erstatt Format-menyen.
• Funksjonshemmet: Stilarkfilen for editor-style.css.
• Funksjonshemmet: En stilarkfil kalt editor-style.css ble ikke lagt til av temaet ditt.

Hvis situasjonen ovenfor oppstår, kan det hende at WordPress visuelle editor ikke kan vise kodestilen vi ønsker, for eksempel:

• blokksitat, pre, kode...

Feilsøking

1. Unnskyld megeditor-style.cssfil, i rotkatalogen til WordPress-temaet?
2. Bruker du barnetemaer (barn)?

når vi erWordPress-backendNår du redigerer en artikkel, er forgrunns- og bakgrunnsvisningen annerledes på grunn av problemer med CSS-stil...

Men etter Wordpress 3.0 har den veldig gode funksjoner:

• Det vil si at stilene foran og bak kan forenes, så når Wordpress redigerer artikler i bakgrunnen, kan den også se ut som forsiden.
• På samme måte trenger vi ikke lenger å endre innlegget som er redigert i WordPress-backend, fordi det vises annerledes enn frontend.

Hvis vi åpner Wordpress sitt standardtema, Twenty Eleven, kan vi se at det er en html-kommentar og kode som dette ▼

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

• Hva denne kommentaren betyr: Den visuelle editoren samsvarer med temaet editor-style.css-stilen.
• Denne funksjonen er også veldig enkel å implementere, fordi det er standardfunksjonen til WordPress, vi trenger bare å aktivere den.

Hvordan viser WordPress-innlegg samme tekststil som grensesnittet?

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

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

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

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

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

第 3 步:Kopier editor-style.css-filen til rotkatalogen til WordPress-temaet ditt.

nummer 4 Trinn:Legg til følgende kode i 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 步:Oppdater WordPress-postredigeringssiden

• Sjekk og bekreft om tekststilene foran og bak på WordPress er de samme?

forholdsregler

Hvis WordPress-temaet ditt ikke legger til CSS-stiler i "quote tag blockquote" og "code tag pre/code", må du legge til den tilsvarende CSS-koden til style.css-filen til WordPress-temaet.

For detaljer, sjekk følgende veiledning for nettstedbygging ▼

Hvordan bruker jeg blockquote? HTML blockquote tag demo effekt

I WordPress-artikkelredigering er det en vanlig "Blockquote"-knapp ▼ Når den brukes, vil den legge til enMerk for å påkalle en sitert uttalelse eller markering. Hva betyr blockquote?Følgende er Chen Wei...

Hva er pre i CSS-stiler? Rollen til pre-innpakning av kodekoder i HTML

Vi trenger å lære litt grunnleggende kunnskap om CSS og HTML for å bygge et nettsted med WordPress: På grunn av CSS-stilfilene til noen WordPress-temaer, legges ikke pre- og kodetag-stilene til.De fleste nettlesere støtter for øyeblikketmerke. h...