Kukhutshaziwe: Itimu ayifaki ifayela leshidi lesitayela eliqanjwe ngokuthi editor-style.css?

ube nento ongayenzaUkukhuthazwa Kwewebhuumngane, muva nje waqala ukufunda ukusebenzisaIwebhusayithi ye-WordPress,

Nika amandla i-plug-in yomhleli we-TinyMCE, kuzilungiselelo ze-plug-in yomhleli we-TinyMCE, ihlangabezane nenkinga enjalo▼

Dala imenyu yesitayela se-CSS

• Layisha izitayela ze-CSS ezisetshenziswa ku-editor-style.css bese ubuyisela imenyu yefomethi.
• Ikhutshaziwe: Ifayela leshidi lesitayela le-editor-style.css.
• Ikhutshaziwe: Ifayela leshidi lesitayela elinegama elithi editor-style.css alizange lengezwe itimu yakho.

Uma kwenzeka isimo esingenhla, isihleli esibukwayo se-WordPress singase singakwazi ukubonisa isitayela sekhodi esisifunayo, njenge:

• blockquote, pre, ikhodi...

Xazulula inkinga

1. Uxoloeditor-style.cssifayela, ingabe likuhlu lwezimpande lwetimu ye-WordPress?
2. Ingabe usebenzisa izingqikithi zezingane (ingane)?

lapho sikhonaI-WordPress backendUma uhlela i-athikili maphakathi, ngenxa yenkinga yesitayela se-CSS, ingaphambili nesibonisi sangemuva kuhlukile...

Kodwa ngemva kwe-Wordpress 3.0, inezici ezinhle kakhulu:

• Okusho ukuthi, izitayela zangaphambili nezangemuva zingahlanganiswa, ngakho-ke lapho i-Wordpress ihlela ama-athikili ngemuva, ingaphinda ibukeke ifana nengaphambili.
• Ngokufanayo, asisadingi ukuguqula okuthunyelwe okuhlelwe ku-WordPress backend ngoba kuboniswa ngokwehlukile kune-frontend.

Uma sivula itimu ezenzakalelayo ye-Wordpress ethi Twenty Eleven, singabona ukuthi kukhona ukuphawula kwe-html kanye nekhodi efana nalena ▼

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

• Kusho ukuthini lawa mazwana: Isihleli esibonakalayo sifana nesitayela somhleli wetimu.css.
• Lo msebenzi futhi kulula kakhulu ukuwusebenzisa, ngoba uwumsebenzi ozenzakalelayo we-WordPress, sidinga nje ukuwuvula.

Okuthunyelwe kwe-WordPress kubonisa kanjani isitayela sombhalo esifanayo njenge-frontend?

Isinyathelo sesi-1:Dala ifayela le-editor-style.css

Isinyathelo sesi-2:Engeza ikhodi elandelayo kufayela le-editor-style.css▼

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

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

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

Isinyathelo sesi-3:Kopisha ifayela le-editor-style.css kumkhombandlela wezimpande wetimu yakho ye-WordPress.

Isahluko 4 步:Engeza ikhodi elandelayo kufayela le-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' );
}

Isinyathelo sesi-5:Vuselela ikhasi lokuhlela okuthunyelwe kwe-WordPress

• Hlola futhi uqinisekise ukuthi izitayela zombhalo ngaphambili nangemuva kwe-WordPress ziyefana yini?

Ukuqapha

Uma itimu yakho ye-WordPress ingangezi izitayela ze-CSS ku-"quote tag blockquote" kanye "ne-code tag pre/code", udinga ukungeza ikhodi ye-CSS ehambisanayo kufayela lesitayela.css letimu ye-WordPress.

Ukuze uthole imininingwane, sicela uhlole isifundo sokwakha iwebhusayithi elandelayo ▼

Ungayisebenzisa kanjani i-blockquote? Umthelela wedemo yedemo ye-blockquote ye-HTML

Ekuhlelweni kwesihloko se-WordPress, kunenkinobho evamile ethi "Blockquote" ▼ Uma isetshenziswa, izongezaMaka ukuze ucele isitatimende esicashuniwe noma ukugqamisa. Isho ukuthini i-blockquote?Okulandelayo ngu-Chen Wei...

Yini i-pre ngesitayela se-CSS? Indima yomaka bekhodi yokugoqa ngaphambili ku-HTML

Kudingeka sifunde ulwazi oluthile oluyisisekelo lwe-CSS ne-HTML ukuze sakhe iwebhusayithi nge-WordPress: ngenxa yamafayela esitayela se-CSS amanye amatimu e-WordPress, izitayela zamathegi angaphambi nekhodi ayengezwa.Iziphequluli eziningi okwamanje ziyasekelaumaka. h...