Enfim: Tèm nan pa ajoute yon fichye style ki rele editor-style.css?

gen yon bagay pou fèPwomosyon entènètzanmi, dènyèman te kòmanse aprann itilizeSit entènèt WordPress.

Pèmèt ploge-in TinyMCE editè, nan anviwònman ploge-in TinyMCE editè, te rankontre yon pwoblèm konsa▼

Enfim: Tèm nan pa ajoute yon fichye style ki rele editor-style.css?

Kreye meni style CSS

  • Chaje estil CSS yo itilize nan editor-style.css epi ranplase meni Fòma.
  • Andikape: Fichye stylesheet la pou editor-style.css.
  • Andikape: Tèm ou pa t ajoute yon fichye style ki te rele editor-style.css.

Si sitiyasyon ki pi wo a rive, editè vizyèl WordPress la ka pa kapab montre style kòd nou vle a, tankou:

  • blockquote, pre, kòd...

Depanaj

  1. Eskize meditor-style.cssdosye, èske li nan anyè rasin tèm WordPress la?
  2. Èske w ap itilize tèm timoun (pitit)?

Lè nou yeWordPress backendLè modifye yon atik nan mitan an, akòz pwoblèm nan style CSS, premye plan ak ekspozisyon background yo diferan...

Men, apre Wordpress 3.0, li gen karakteristik trè bon:

  • Sa vle di, estil devan ak dèyè yo ka inifye, kidonk lè Wordpress edite atik nan background nan, li ka sanble tou menm jan ak devan an.
  • Menm jan an tou, nou pa bezwen modifye pòs la edited nan WordPress backend paske li parèt yon fason diferan de fasad la.

Si nou louvri tèm default Wordpress la Twenty Eleven, nou ka wè ke gen yon kòmantè html ak kòd tankou sa a ▼

//此主题使用editor-style.css为可视化编辑器设置样式,以匹配主题样式
add_editor_style();
  • Ki sa kòmantè sa a vle di: Editè vizyèl la matche ak stil editè-style.css tèm.
  • Fonksyon sa a se tou trè senp aplike, paske li se fonksyon an default nan WordPress, nou jis bezwen aktive li.

Ki jan pòs WordPress yo montre menm style tèks ak entèfas la?

Etap 1:Kreye dosye editè-style.css

Etap 2:Ajoute kòd sa a nan dosye editor-style.css ▼

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

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

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

Etap 3:Kopi fichye editè-style.css nan anyè rasin tèm WordPress ou a.

4yèm 步:Ajoute kòd sa a nan fichye 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' ); }

Etap 5:Rafrechi WordPress post edit paj la

  • Tcheke epi konfime si estil tèks yo nan devan ak dèyè WordPress yo se menm bagay la?

注意 事项

Si tèm WordPress ou a pa ajoute estil CSS nan "quote tag blockquote" ak "kod tag pre/kòd", ou bezwen ajoute kòd CSS ki koresponn lan nan dosye style.css tèm WordPress la.

Pou plis detay, tanpri tcheke leson patikilye sou konstriksyon sit entènèt sa a ▼

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) pataje "Enfim: Tèm nan pa ajoute yon fichye fèy style ki rele editor-style.css?", itil.

Byenvini pataje lyen atik sa a:https://www.chenweiliang.com/cwl-966.html

Byenveni nan chanèl Telegram blog Chen Weiliang a pou jwenn dènye mizajou yo!

🔔 Se pou premye moun ki jwenn bonjan "ChatGPT Content Maketing AI Itilizasyon Zouti Gid" nan anyè chanèl ki pi wo a! 🌟
📚 Gid sa a gen anpil valè, 🌟Sa a se yon opòtinite ki ra, pa rate li! ⏰⌛💨
Pataje epi like siw renmen!
Pataje w ak renmen ou se motivasyon kontinyèl nou!

 

kòmantè

Adrès imèl ou pa pral pibliye. Jaden obligatwa yo te itilize * Mete etikèt sou

woule nan tèt