E holofetse: Theme ha e kenye faele ea sheetsheet e bitsoang editor-style.css?

eba le seo o ka se etsangKholiso ea Marang-rangmotsoalle, haufinyane o qalile ho ithuta ho sebelisaWebosaete ea WordPress.

Numella TinyMCE plug-in ea mohlophisi, litlhophisong tsa plug-in ea TinyMCE, e kopane le bothata bo joalo▼

E holofetse: Theme ha e kenye faele ea sheetsheet e bitsoang editor-style.css?

Theha lethathamo la setaele sa CSS

  • Laola mefuta ea CSS e sebelisoang ho editor-style.css 'me u emise menu ea Format.
  • E holofetse: Faele ea leqephe la litaele bakeng sa editor-style.css.
  • E holofetse: Faele ea leqephe la litaele e bitsoang editor-style.css ha ea kengoa ke sehlooho sa hau.

Haeba boemo bo kaholimo bo etsahala, mohlophisi oa pono oa WordPress a kanna a se khone ho bonts'a mokhoa oa khoutu oo re o batlang, joalo ka:

  • blockquote, pele, khoutu...

Tharollo ya mathata

  1. Ntšoareleeditor-style.cssfile, na e bukeng ea motso ea sehlooho sa WordPress?
  2. A na u sebelisa lihlooho tsa bana (bana)?

ha re leWordPress backendHa u hlophisa sengoloa bohareng, ka lebaka la bothata ba setaele sa CSS, bokapele le ponts'o ea bokamorao li fapane...

Empa ka mor'a Wordpress 3.0, e na le litšobotsi tse ntle haholo:

  • Ke hore, mekhoa ea pele le ea morao e ka kopanngoa, kahoo ha Wordpress e fetola lihlooho ka morao, e ka boela ea shebahala e tšoana le ea pele.
  • Ka mokhoa o ts'oanang, ha re sa hloka ho fetola poso e hlophisitsoeng ho WordPress backend hobane e bonts'oa ka tsela e fapaneng le e ka pele.

Haeba re bula sehlooho sa kamehla sa Wordpress Twenty Eleven, re ka bona hore ho na le maikutlo a html le khoutu e kang ena ▼

//此主题使用editor-style.css为可视化编辑器设置样式,以匹配主题样式
add_editor_style();
  • Se boleloang ke tlhaloso ena: Mohlophisi oa pono o lumellana le mokhoa oa mohlophisi oa sehlooho.css.
  • Ts'ebetso ena e boetse e bonolo haholo ho e kenya ts'ebetsong, hobane ke ts'ebetso ea kamehla ea WordPress, re hloka feela ho e kenya tšebetsong.

Lits'oants'o tsa WordPress li bonts'a setaele se ts'oanang sa mongolo joalo ka frontend?

Likhahlelo tsa 1:Etsa faele ea editor-style.css

Likhahlelo tsa 2:Kenya khoutu e latelang ho file ea editor-style.css▼

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

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

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

Likhahlelo tsa 3:Kopitsa faele ea mohlophisi-style.css bukeng ea metso ea sehlooho sa hau sa WordPress.

Khaolo ea 4 mohato:Kenya khoutu e latelang ho mesebetsi.php file▼

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

Likhahlelo tsa 5:Hlakola leqephe la ho hlophisa poso ea WordPress

  • Lekola 'me u netefatse hore na litaele tsa mongolo tse ka pele le ka morao ho WordPress lia tšoana?

Litlhokomelo

Haeba sehlooho sa hau sa WordPress se sa kenye mekhoa ea CSS ho "quote tag blockquote" le "code tag pre/code", u lokela ho eketsa khoutu ea CSS e lumellanang le faele ea style.css ea sehlooho sa WordPress.

Bakeng sa lintlha, ka kopo sheba thuto e latelang ea moaho oa sebaka sa marang-rang ▼

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) e arolelanoeng "Ho holofetse: Theme ha e kenye faele ea leqephe la setaele e bitsoang editor-style.css?", e thusa.

Rea u amohela ho arolelana sehokelo sa sengoloa sena:https://www.chenweiliang.com/cwl-966.html

Rea u amohela ho mocha oa Telegraph oa blog ea Chen Weiliang ho fumana lintlha tsa morao-rao!

🔔 Eba oa pele oa ho fumana Tataiso ea Tšebeliso ea "ChatGPT Content Marketing AI" ea bohlokoa bukeng ea holimo ea seteishene! 🌟
📚 Tataiso ena e na le boleng bo boholo, 🌟Ona ke monyetla o sa tloaelehang, se ke oa o fetoa! ⏰⌛💨
Share le rata haeba u rata!
Ho arolelana le lintho tseo u li ratang ke khothatso ea rona e tsoelang pele!

 

Comments

Aterese ea hau ea lengolo tsoibila e ke ke ea phatlalatsoa. Ho sebelisoa masimo a hlokahalang * Letšoao

tsamaisetsa hodimo