Atspējots: motīvam nav pievienots stila lapas fails ar nosaukumu editor-style.css?

ir ko darītTīmekļa veicināšanadraugs, nesen sāka mācīties lietotWordPress vietne.

Iespējot TinyMCE redaktora spraudni, TinyMCE redaktora spraudņa iestatījumos radās šāda problēma▼

Izveidojiet CSS stila izvēlni

• Ielādējiet editor-style.css izmantotos CSS stilus un aizstājiet izvēlni Formatēt.
• Atspējots: Stila lapas fails editor-style.css.
• Atspējots: Stila lapas fails ar nosaukumu editor-style.css netika pievienots jūsu motīvam.

Ja notiek iepriekš minētā situācija, WordPress vizuālais redaktors, iespējams, nevarēs parādīt vēlamo koda stilu, piemēram:

• citāts, iepriekš, kods...

Problēmu novēršana

1. Atvainojieteditor-style.cssvai tas ir WordPress motīva saknes direktorijā?
2. Vai izmantojat bērnu tēmas (bērns)?

Kad mēs esamWordPress aizmugursistēmaRediģējot rakstu vidū, CSS stila problēmas dēļ priekšplāna un fona displejs atšķiras...

Bet pēc Wordpress 3.0 tam ir ļoti labas iespējas:

• Tas ir, priekšējo un aizmugurējo stilu var apvienot, tāpēc, kad Wordpress rediģē rakstus fonā, tas var izskatīties tāpat kā priekšpuse.
• Tāpat mums vairs nav jāmaina WordPress aizmugursistēmā rediģētā ziņa, jo tā tiek parādīta atšķirīgi no priekšgala.

Ja atveram Wordpress noklusējuma motīvu Twenty Eleven, mēs varam redzēt, ka ir šāds html komentārs un kods kā šis ▼

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

• Ko nozīmē šis komentārs: vizuālais redaktors atbilst stilam editor-style.css.
• Šo funkciju ir arī ļoti vienkārši ieviest, jo tā ir WordPress noklusējuma funkcija, mums tā tikai jāaktivizē.

Kā WordPress ziņās tiek rādīts tāds pats teksta stils kā priekšgalā?

第 1 步:Izveidojiet editor-style.css failu

第 2 步:Pievienojiet tālāk norādīto kodu editor-style.css failam▼

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

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

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

第 3 步:Kopējiet failu editor-style.css uz WordPress motīva saknes direktoriju.

4. apmērs 步:Pievienojiet šādu kodu funkcijas.php failam▼

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

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

第 5 步:Atsvaidziniet WordPress ziņas rediģēšanas lapu

• Pārbaudiet un apstipriniet, vai teksta stili WordPress priekšpusē un aizmugurē ir vienādi?

注意 事项

Ja jūsu WordPress motīvs nepievieno CSS stilus "quote tag blockquote" un "code tag pre/code", jums ir jāpievieno atbilstošais CSS kods WordPress tēmas failam style.css.

Lai iegūtu sīkāku informāciju, lūdzu, skatiet šo vietņu veidošanas pamācību ▼

🔗Kā lietot citātu? Blockquote taga demonstrācijas efekts HTML

🔗Kas ir pre CSS stilā? Pirms automātiskā rindas pārtraukuma koda taga funkcija HTML