Išjungta: tema neprideda stiliaus lapo failo pavadinimu editor-style.css?

turi ką veiktiInterneto reklamadraugas, neseniai pradėjo mokytis naudotisWordPress svetainė.

Įgalinti TinyMCE redaktoriaus papildinį TinyMCE redaktoriaus papildinio nustatymuose susidūrėte su tokia problema▼

Sukurkite CSS stiliaus meniu

• Įkelkite CSS stilius, naudojamus editor-style.css, ir pakeiskite meniu Formatas.
• Neįgalus: editor-style.css stiliaus lapo failas.
• Neįgalus: Stiliaus lapo failas, pavadintas editor-style.css, nebuvo pridėtas prie jūsų temos.

Jei atsitiks aukščiau nurodyta situacija, „WordPress“ vaizdo redaktorius gali nesugebėti parodyti norimo kodo stiliaus, pvz.:

• citata, prieš, kodas...

Trikčių šalinimas

1. Atsiprašaueditor-style.cssfailas, ar jis yra „WordPress“ temos šakniniame kataloge?
2. Ar naudojate vaikų temas (vaikas)?

kai esameWordPress backendRedaguojant straipsnį, priekinio plano ir fono ekranas skiriasi dėl CSS stiliaus problemų...

Tačiau po WordPress 3.0 ji turi labai gerų savybių:

• Tai yra, priekinis ir galinis stiliai gali būti suvienodinti, taigi, kai Wordpress redaguoja straipsnius fone, jis taip pat gali atrodyti taip pat, kaip ir priekis.
• Panašiai mums nebereikia keisti įrašo, redaguoto „WordPress“ vidinėje programoje, nes jis rodomas kitaip nei sąsajoje.

Jei atidarysime numatytąją Wordpress temą Twenty Eleven, pamatysime, kad yra toks html komentaras ir kodas ▼

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

• Ką reiškia šis komentaras: vaizdinė redagavimo priemonė atitinka temos editor-style.css stilių.
• Šią funkciją taip pat labai paprasta įdiegti, nes tai yra numatytoji WordPress funkcija, tereikia ją aktyvuoti.

Kaip „WordPress“ įrašuose rodomas toks pat teksto stilius kaip ir priekinėje dalyje?

1 d.:Sukurkite editor-style.css failą

2 d.:Pridėkite šį kodą į editor-style.css failą▼

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

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

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

3 d.:Nukopijuokite editor-style.css failą į pagrindinį „WordPress“ temos katalogą.

4 Žingsnis:Pridėkite šį kodą į functions.php failą▼

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

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

5 d.:Atnaujinkite „WordPress“ įrašo redagavimo puslapį

• Patikrinkite ir patvirtinkite, ar teksto stiliai „WordPress“ priekyje ir gale yra vienodi?

注意 事项

Jei jūsų „WordPress“ tema neprideda CSS stilių prie „quote tag blockquote“ ir „code tag pre/code“, turite pridėti atitinkamą CSS kodą į „WordPress“ temos style.css failą.

Norėdami gauti daugiau informacijos, žr. šią svetainės kūrimo mokymo programą ▼

Kaip naudoti blockquote? HTML blockquote žymos demonstracinis efektas

Redaguojant „WordPress“ straipsnius, yra įprastas mygtukas „Blokuoti citatą“. ▼ Kai naudojamas, jis pridės aPažymėkite, kad iškviestumėte kokį nors cituojamą teiginį ar paryškinimą. Ką reiškia blockquote?Tai yra Chen Wei...

Kas yra išankstinis CSS stilius? Išankstinio įvyniojimo kodo žymų vaidmuo HTML

Turime išmokti tam tikrų pagrindinių CSS ir HTML žinių, kad galėtume sukurti svetainę naudodami „WordPress“: dėl kai kurių „WordPress“ temų CSS stiliaus failų išankstinio ir kodo žymų stiliai nepridedami.Šiuo metu palaikoma dauguma naršykliųženklas. h...