Malŝaltita: La temo ne aldonas stilfoliodosieron nomitan editor-style.css?

havas ion por fariReteja Promocioamiko, lastatempe eklernis uziWordPress retejo.

Ebligi TinyMCE-redaktilo-aldonaĵon, en la agordoj de TinyMCE-redaktilo-aldonaĵo, renkontis tian problemon▼

Malŝaltita: La temo ne aldonas stilfoliodosieron nomitan editor-style.css?

Krei CSS-stilan menuon

  • Ŝarĝu la CSS-stilojn uzatajn en editor-style.css kaj anstataŭigu la Format-menuon.
  • Malebligita: La stilfolio dosiero por editor-style.css.
  • Malebligita: Stilfoliodosiero nomita editor-style.css ne estis aldonita de via temo.

Se la supra situacio okazas, la vida redaktilo de WordPress eble ne povos montri la kodstilon, kiun ni volas, kiel ekzemple:

  • blokcitaĵo, antaŭ, kodo...

Solvu problemojn

  1. Pardonu mineditor-style.cssdosiero, ĉu ĝi estas en la radika dosierujo de la WordPress-temo?
  2. Ĉu vi uzas infanajn temojn (infanon)?

kiam ni estasWordPress backendDum redaktado de artikolo, la malfono kaj fona ekrano estas malsamaj pro CSS-stilaj problemoj...

Sed post Wordpress 3.0, ĝi havas tre bonajn funkciojn:

  • Tio estas, la antaŭaj kaj malantaŭaj stiloj povas esti unuigitaj, do kiam Wordpress redaktas artikolojn en la fono, ĝi ankaŭ povas aspekti same kiel la fronto.
  • Simile, ni ne plu bezonas modifi la afiŝon redaktitan en la WordPress backend ĉar ĝi estas montrata malsame ol la fasado.

Se ni malfermas la defaŭltan temon de Wordpress, Twenty Eleven, ni povas vidi, ke ekzistas html-komento kaj kodo tia ▼

//此主题使用editor-style.css为可视化编辑器设置样式,以匹配主题样式
add_editor_style();
  • Kion signifas ĉi tiu komento: La vida redaktilo kongruas kun la temo editor-style.css-stilo.
  • Ĉi tiu funkcio ankaŭ estas tre simpla por efektivigi, ĉar ĝi estas la defaŭlta funkcio de WordPress, ni nur bezonas aktivigi ĝin.

Kiel WordPress-afiŝoj montras la saman tekstan stilon kiel la fasado?

paŝo 1:Krei redaktilo-style.css dosieron

paŝo 2:Aldonu la sekvan kodon al la dosiero editor-style.css▼

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

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

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

paŝo 3:Kopiu la redaktilo-style.css-dosieron al la radika dosierujo de via WordPress-temo.

Ĉapitro 4 Paŝo:Aldonu la sekvan kodon al la functions.php-dosiero▼

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

paŝo 5:Refreŝigi la WordPress-afiŝo-redaktopaĝon

  • Kontrolu kaj konfirmu ĉu la tekstaj stiloj en la fronto kaj malantaŭo de WordPress estas la samaj?

Antaŭzorgoj

Se via WordPress etoso ne aldonas CSS-stilojn al la "quote tag blockquote" kaj "code tag pre/code", vi devas aldoni la respondan CSS-kodon al la style.css-dosiero de la WordPress-temo.

Por detaloj, bonvolu kontroli la sekvan lernilon pri konstruado de retejoj ▼

Hope Chen Weiliang Blogo ( https://www.chenweiliang.com/ ) konigis "Malŝaltita: La temo ne aldonas stilfoliodosieron nomitan editor-style.css?", helpema.

Bonvenon dividi la ligon de ĉi tiu artikolo:https://www.chenweiliang.com/cwl-966.html

Bonvenon al la Telegram-kanalo de la blogo de Chen Weiliang por ricevi la plej novajn ĝisdatigojn!

🔔 Estu la unua ricevi la valoran "ChatGPT Content Marketing AI Tool Use Guide" en la ĉefa dosierujo de la kanalo! 🌟
📚 Ĉi tiu gvidilo enhavas grandegan valoron, 🌟Ĉi tio estas malofta ŝanco, ne maltrafu ĝin! ⏰⌛💨
Kunhavigu kaj ŝatu se vi ŝatas!
Via kundivido kaj ŝatoj estas nia kontinua instigo!

 

Lasu komenton

Via retpoŝta adreso ne estos publikigita. Bezonataj kampoj estas uzataj * Etikedo

rulumu al la supro