Идэвхгүй: Энэ загвар нь editor-style.css нэртэй загварын файлыг нэмээгүй байна уу?

хийх зүйл байнаВэб сурталчилгаанайз аа, саяхан хэрэглэж сурсанWordPress вэбсайт.

TinyMCE засварлагч залгаасын тохиргоонд TinyMCE засварлагч залгаасыг идэвхжүүлэхэд ийм асуудал гарсан▼

Идэвхгүй: Энэ загвар нь editor-style.css нэртэй загварын файлыг нэмээгүй байна уу?

CSS загварын цэс үүсгэх

  • editor-style.css-д ашигласан CSS загваруудыг ачаалж, Format цэсийг солино.
  • Идэвхгүй болсон байна editor-style.css-д зориулсан загварын хуудасны файл.
  • Идэвхгүй болсон байна editor-style.css нэртэй загварын хуудасны файлыг таны загвар нэмээгүй байна.

Хэрэв дээрх нөхцөл байдал үүсвэл WordPress визуал засварлагч бидний хүссэн кодын хэв маягийг харуулах боломжгүй байж магадгүй, тухайлбал:

  • блок ишлэл, өмнөх, код...

Алдааг олж засварлах

  1. Өршөөгөөрэйeditor-style.cssфайл, энэ нь WordPress сэдвийн үндсэн директорт байгаа юу?
  2. Та хүүхдийн сэдэв (хүүхэд) ашиглаж байна уу?

бид байхадWordPress backendНийтлэлийг засварлах үед CSS загварын асуудлаас болж нүүр болон арын дэлгэц өөр байна...

Гэхдээ Wordpress 3.0-ийн дараа энэ нь маш сайн боломжуудтай:

  • Өөрөөр хэлбэл, урд болон арын хэв маягийг нэгтгэх боломжтой тул Wordpress нийтлэлийг арын дэвсгэр дээр засварлах үед энэ нь урд талынхтай ижил харагдах болно.
  • Үүний нэгэн адил бид WordPress-ийн арын хэсэгт засварласан нийтлэлийг өөрчилж, нүүр хуудаснаас өөрөөр харуулах шаардлагагүй болсон.

Хэрэв бид Wordpress-ийн анхдагч Twenty Eleven сэдвийг нээвэл html тайлбар болон ийм код байгааг харж болно ▼

//此主题使用editor-style.css为可视化编辑器设置样式,以匹配主题样式
add_editor_style();
  • Энэ тайлбар нь юу гэсэн үг вэ: Визуал засварлагч нь theme editor-style.css загвартай таарч байна.
  • Энэ функцийг хэрэгжүүлэхэд маш энгийн, учир нь энэ нь WordPress-ийн анхдагч функц тул бид үүнийг идэвхжүүлэхэд л хангалттай.

WordPress нийтлэлүүд нүүр хуудастай ижил текстийн хэв маягийг хэрхэн харуулдаг вэ?

1-р сар:editor-style.css файл үүсгэх

2-р сар:Дараах кодыг editor-style.css файлд нэмнэ▼

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

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

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

3-р сар:editor-style.css файлыг WordPress сэдвийнхээ үндсэн директор руу хуулна уу.

4-р бүлэг 步: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' ); }

5-р сар:WordPress нийтлэлийг засах хуудсыг сэргээнэ үү

  • WordPress-ийн урд болон арын текстийн хэв маяг ижил эсэхийг шалгаж, баталгаажуулна уу?

Урьдчилан сэргийлэх арга хэмжээ

Хэрэв таны WordPress загвар нь "quote tag blockquote" болон "code tag pre/code"-д CSS загварыг нэмээгүй бол та WordPress сэдвийн style.css файлд харгалзах CSS кодыг нэмэх хэрэгтэй.

Дэлгэрэнгүйг дараах вэбсайт бүтээх зааварчилгаанаас үзнэ үү ▼

Hope Chen Weiliang блог ( https://www.chenweiliang.com/ ) хуваалцсан "Идэвхгүй: Энэ загвар нь editor-style.css нэртэй загварын хуудасны файл нэмэхгүй байна уу?", тустай.

Энэ нийтлэлийн холбоосыг хуваалцахад тавтай морилно уу:https://www.chenweiliang.com/cwl-966.html

Чен Вэйляны блогын Telegram сувагт тавтай морил, хамгийн сүүлийн үеийн мэдээг аваарай!

🔔 Сувгийн шилдэг лавлахаас "ChatGPT Content Marketing AI Tool Usage Guide"-г хамгийн түрүүнд аваарай! 🌟
📚 Энэхүү гарын авлага нь асар их үнэ цэнийг агуулсан, 🌟Энэ бол ховор боломж, бүү алдаарай! ⏰⌛💨
Хэрэв танд таалагдвал лайк дарж, хуваалцаарай!
Таны хуваалцах, дуртай зүйл бол бидний байнгын урам зориг юм!

 

发表 评论

Таны имэйл хаяг нийтлэгдэхгүй. 必填 项 已 用 дээр ажиллаж байна * 标注

滚动 到 顶部