Imezimwa: Mandhari hayaongezi faili ya laha ya mtindo inayoitwa editor-style.css?

kuwa na kitu cha kufanyaUkuzaji wa Wavutirafiki, hivi karibuni alianza kujifunza kutumiaJengo la tovuti ya WordPress.

Washa programu-jalizi ya kihariri ya TinyMCE, katika mipangilio ya programu-jalizi ya kihariri ya TinyMCE, ilikumbana na tatizo kama hilo▼

Imezimwa: Mandhari hayaongezi faili ya laha ya mtindo inayoitwa editor-style.css?

Unda menyu ya mtindo wa CSS

  • Pakia mitindo ya CSS inayotumika katika editor-style.css na ubadilishe menyu ya Umbizo.
  • Walemavu: Faili ya laha ya mtindo ya editor-style.css.
  • Walemavu: Faili ya laha ya mtindo iitwayo editor-style.css haikuongezwa na mada yako.

Ikiwa hali iliyo hapo juu itatokea, kihariri cha kuona cha WordPress kinaweza kukosa kuonyesha mtindo wa nambari tunayotaka, kama vile:

  • blockquote, kabla, kanuni...

Tatua

  1. Samahanieditor-style.cssfaili, kwenye saraka ya mizizi ya mada ya WordPress?
  2. Je, unatumia mada za watoto (mtoto)?

tunapokuwaWordPress backendWakati wa kuhariri makala, mandhari ya mbele na mandharinyuma ni tofauti kutokana na matatizo ya mtindo wa CSS...

Lakini baada ya Wordpress 3.0, ina sifa nzuri sana:

  • Hiyo ni, mitindo ya mbele na ya nyuma inaweza kuunganishwa, kwa hivyo wakati Wordpress inahariri vifungu chinichini, inaweza pia kuonekana sawa na ya mbele.
  • Vile vile, hatuhitaji tena kurekebisha chapisho lililohaririwa katika mandharinyuma ya WordPress kwa sababu linaonyeshwa tofauti na mandhari ya mbele.

Ikiwa tutafungua mandhari chaguo-msingi ya Wordpress, Twenty Eleven, tunaweza kuona kwamba kuna maoni na msimbo wa html kama hii ▼

//此主题使用editor-style.css为可视化编辑器设置样式,以匹配主题样式
add_editor_style();
  • Nini maana ya maoni haya: Kihariri kinachoonekana kinalingana na mtindo wa mhariri wa mandhari.css.
  • Kazi hii pia ni rahisi sana kutekeleza, kwa sababu ni chaguo-msingi ya WordPress, tunahitaji tu kuiwasha.

Machapisho ya WordPress yanaonyeshaje mtindo sawa wa maandishi kama sehemu ya mbele?

Sura ya 1:Unda faili ya mhariri-style.css

Sura ya 2:Ongeza msimbo ufuatao kwenye faili ya editor-style.css▼

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

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

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

Sura ya 3:Nakili faili ya mhariri-style.css kwenye saraka ya mizizi ya mandhari yako ya WordPress.

Sura ya 4 步:Ongeza nambari ifuatayo kwenye faili ya function.php▼

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

Sura ya 5:Onyesha upya ukurasa wa kuhariri chapisho la WordPress

  • Angalia na uthibitishe ikiwa mitindo ya maandishi mbele na nyuma ya WordPress ni sawa?

注意 事项

Ikiwa mandhari yako ya WordPress hayaongezi mitindo ya CSS kwenye "nukuu ya lebo ya kunukuu" na "lebo ya awali ya msimbo", unahitaji kuongeza msimbo unaolingana wa CSS kwenye faili ya style.css ya mandhari ya WordPress.

Kwa maelezo, tafadhali angalia mafunzo yafuatayo ya ujenzi wa tovuti ▼

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) ilishirikiwa "Imezimwa: Mandhari hayaongezi faili ya laha ya mtindo inayoitwa editor-style.css?", inasaidia.

Karibu kushiriki kiungo cha makala hii:https://www.chenweiliang.com/cwl-966.html

Karibu kwenye chaneli ya Telegramu ya blogu ya Chen Weiliang ili kupata masasisho mapya zaidi!

🔔 Kuwa wa kwanza kupata "Mwongozo wa Matumizi ya Zana ya AI ya Uuzaji wa Maudhui ya ChatGPT" katika saraka ya juu ya kituo! 🌟
📚 Mwongozo huu una thamani kubwa, 🌟Hii ni fursa adimu, usiikose! ⏰⌛💨
Share na like ukipenda!
Kushiriki kwako na kupenda kwako ndio motisha yetu inayoendelea!

 

发表 评论

Anwani yako ya barua pepe haitachapishwa. 必填 项 已 用 * 标注

tembeza juu