Disabled: Cov ntsiab lus tsis ntxiv ib daim ntawv teev npe hu ua editor-style.css?

muaj ib yam dab tsi uaWeb Promotionphooj ywg, nyuam qhuav pib kawm sivWordPress lub vev xaib.

Pab kom TinyMCE editor plug-in, hauv qhov chaw ntawm TinyMCE editor plug-in, ntsib teeb meem zoo li no ▼

Tsim CSS style zaub mov

• Load CSS styles siv hauv editor-style.css thiab hloov cov ntawv qhia zaub mov.
• Xiam Oob Qhab: Cov ntaub ntawv stylesheet rau editor-style.css.
• Xiam Oob Qhab: Cov ntaub ntawv stylesheet npe hu ua editor-style.css tsis tau ntxiv los ntawm koj lub ntsiab lus.

Yog tias qhov xwm txheej saum toj no tshwm sim, WordPress qhov muag pom kev kho yuav tsis tuaj yeem tso saib cov qauv qauv peb xav tau, xws li:

• blockquote, ua ntej, code ...

Teeb meem

1. Zam txim rau kuveditor-style.csscov ntaub ntawv, hauv paus directory ntawm WordPress ntsiab?
2. Koj puas siv cov ntsiab lus me me (me nyuam yaus)?

thaum peb nyobWordPress backendThaum kho ib tsab xov xwm hauv nruab nrab, vim qhov teeb meem CSS style, lub foreground thiab keeb kwm yav dhau yog txawv ...

Tab sis tom qab Wordpress 3.0, nws muaj cov yam ntxwv zoo heev:

• Ntawd yog, cov qauv pem hauv ntej thiab nraub qaum tuaj yeem sib koom ua ke, yog li thaum Wordpress hloov kho cov ntawv hauv keeb kwm yav dhau, nws tuaj yeem zoo ib yam li pem hauv ntej.
• Ib yam li ntawd, peb tsis tas yuav hloov kho cov ncej kho nyob rau hauv WordPress backend vim nws tau tshwm sim txawv ntawm qhov frontend.

Yog tias peb qhib Wordpress lub ntsiab lus tseem ceeb, Kaum Ib Hlis, peb tuaj yeem pom tias muaj html cov lus pom thiab cov lej zoo li qhov no ▼

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

• Cov lus qhia no txhais li cas: Tus kws kho qhov muag pom qhov sib txuam nrog cov ntsiab lus editor-style.css style.
• Qhov kev ua haujlwm no kuj yooj yim heev rau kev siv, vim tias nws yog lub luag haujlwm ntawm WordPress, peb tsuas yog xav tau qhib nws.

Yuav ua li cas WordPress posts tso saib tib cov ntawv nyeem zoo li lub frontend?

Kauj Ruam 1:Tsim cov ntaub ntawv editor-style.css

Kauj Ruam 2:Ntxiv cov cai hauv qab no rau cov ntaub ntawv editor-style.css ▼

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

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

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

Kauj Ruam 3:Luam cov ntaub ntawv editor-style.css rau hauv paus directory ntawm koj lub ntsiab lus WordPress.

Tshooj 4 Kauj ruam:Ntxiv cov cai hauv qab no rau cov ntaub ntawv 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' );
}

Kauj Ruam 5:Refresh lub WordPress ncej hloov kho nplooj ntawv

• Tshawb xyuas thiab paub meej tias cov ntawv sau nyob rau hauv pem hauv ntej thiab nram qab ntawm WordPress yog tib yam?

Ceev faj

Yog tias koj lub ntsiab lus WordPress tsis ntxiv CSS styles rau "quote tag blockquote" thiab "code tag pre/code", koj yuav tsum ntxiv cov CSS code coj mus rau style.css cov ntaub ntawv ntawm WordPress ntsiab.

Yog xav paub ntxiv, thov mus saib hauv qab no lub vev xaib tsim kev qhia ▼

Yuav siv blockquote li cas? HTML blockquote tag demo effect

Hauv WordPress tsab xov xwm kho, muaj ib qho "Blockquote" khawm ▼ Thaum siv, nws yuav ntxiv ib qhoKos rau hu rau qee cov lus hais los yog qhov tseem ceeb. Blockquote txhais li cas?Hauv qab no yog Chen Wei ...

Dab tsi yog ua ntej hauv CSS style? Lub luag haujlwm ntawm pre wrapping code tags hauv HTML

Peb yuav tsum kawm qee qhov kev paub txog CSS thiab HTML los tsim lub vev xaib nrog WordPress: vim yog cov ntaub ntawv CSS style ntawm qee cov ntsiab lus WordPress, cov qauv ua ntej thiab cov lej cim tsis tau ntxiv.Feem ntau browsers tam sim no txhawb nqacim. h...