Khubaziwe: Umxholo awongezi ifayile yecwecwe elibizwa umhleli-style.css?

ube nento yokwenzauKhuthazo lweWebhuumhlobo, kutshanje uqale ukufunda ukusebenzisaIwebhusayithi yeWordPress,

Yenza i-plug-in yomhleli we-TinyMCE, kwiisetingi ze-TinyMCE yomhleli weplagi, idibene nengxaki enjalo▼

Yenza imenyu yesimbo seCSS

• Layisha izimbo zeCSS ezisetyenziswa kumhleli-style.css kwaye endaweni yeMenu yeFomathi.
• Ikhubazekile: Ifayile yecwecwe lesimbo somhleli-style.css.
• Ikhubazekile: Ifayile yecwecwe elinegama elithi editor-style.css ayidityaniswanga ngumxholo wakho.

Ukuba le meko ingentla iyenzeka, umhleli obonakalayo weWordPress usenokungakwazi ukubonisa isitayile sekhowudi esiyifunayo, njengale:

• i-blockquote, ngaphambili, ikhowudi...

Ukusombulula ingxaki

1. Andivangaeditor-style.cssifayile, ingaba ikuluhlu lweengcambu zomxholo we-WordPress?
2. Ngaba usebenzisa imixholo yomntwana (umntwana)?

xa sikhonaI-WordPress backendXa uhlela inqaku embindini, ngenxa yengxaki yesimbo seCSS, umphambili kunye nomboniso ongasemva zahlukile...

Kodwa emva kwe-Wordpress 3.0, ineempawu ezintle kakhulu:

• Oko kukuthi, izitayile zangaphambili nezingasemva zinokudityaniswa, ngoko xa iWordpress ihlela amanqaku ngasemva, inokubonakala ifana nangaphambili.
• Ngokufanayo, asisadingi ukuguqula iposi ehleliweyo kwi-backend ye-WordPress ngenxa yokuba iboniswa ngokwahlukileyo kwi-frontend.

Ukuba sivula umxholo we-Wordpress ongagqibekanga we-Twenty Eleven, sinokubona ukuba kukho i-html inkcazo kunye nekhowudi efana nale ▼

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

• Uthetha ukuthini lo mhlomlo: Umhleli obonakalayo uhambelana nomxholo womhleli-style.css isimbo.
• Lo msebenzi ukwalula kakhulu ukuwuphumeza, kuba ngumsebenzi ongagqibekanga weWordPress, kufuneka nje siwuvule.

Izithuba zeWordPress zibonisa njani isitayile sombhalo ofanayo njenge-frontend?

Isiqendu 1:Yenza ifayile yomhleli-style.css

Isiqendu 2:Yongeza le khowudi ilandelayo kwi-editor-style.css file▼

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

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

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

Isiqendu 3:Khuphela ifayile ye-editor-style.css kwi-root directory yomxholo wakho we-WordPress.

4th Inyathelo:Yongeza ikhowudi elandelayo kwifayile yemisebenzi.php▼

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

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

Isiqendu 5:Hlaziya i-WordPress post edit page

• Jonga kwaye uqinisekise ukuba izitayile zokubhaliweyo ngaphambili nangasemva kweWordPress ziyafana?

Izilumkiso

Ukuba umxholo wakho we-WordPress awufaki izitayela ze-CSS kwi-"quote tag blockquote" kunye ne "code tag pre / code", kufuneka udibanise ikhowudi ye-CSS ehambelanayo kwifayile ye-style.css yomxholo we-WordPress.

Ngeenkcukacha, nceda ujonge le tutorial ilandelayo yokwakha iwebhusayithi ▼

Uyisebenzisa njani i-blockquote? HTML blockquote ithegi yempembelelo yedemo

Kuhlelo lwenqaku le-WordPress, kukho iqhosha eliqhelekileyo elithi "Blockquote" ▼ Xa lisetyenziswa, liyakongezaPhawula ukucela ingxelo ecatshulweyo okanye ukuqaqambisa. Ithetha ukuthini i-blockquote?Oku kulandelayo nguChen Wei...

Yintoni i-pre kwisitayile seCSS? Indima yeethegi zekhowudi yokusonga kwangaphambili kwi-HTML

Kufuneka sifunde ulwazi olusisiseko lwe-CSS kunye ne-HTML yokwakha iwebhusayithi kunye ne-WordPress: ngenxa yeefayile zesitayela seCSS zeminye imixholo ye-WordPress, izitayela zethegi zangaphambili kunye nekhowudi azifakwanga.Uninzi lwezikhangeli zixhasa okwangokuuphawu. h...