Нийтлэлийн лавлах
хийх зүйл байнаВэб сурталчилгаанайз аа, саяхан хэрэглэж сурсанWordPress вэбсайт.
TinyMCE засварлагч залгаасын тохиргоонд TinyMCE засварлагч залгаасыг идэвхжүүлэхэд ийм асуудал гарсан▼
CSS загварын цэс үүсгэх
- editor-style.css-д ашигласан CSS загваруудыг ачаалж, Format цэсийг солино.
- Идэвхгүй болсон байна editor-style.css-д зориулсан загварын хуудасны файл.
- Идэвхгүй болсон байна editor-style.css нэртэй загварын хуудасны файлыг таны загвар нэмээгүй байна.
Хэрэв дээрх нөхцөл байдал үүсвэл WordPress визуал засварлагч бидний хүссэн кодын хэв маягийг харуулах боломжгүй байж магадгүй, тухайлбал:
- блок ишлэл, өмнөх, код...
Алдааг олж засварлах
- Өршөөгөөрэй
editor-style.css
файл, энэ нь WordPress сэдвийн үндсэн директорт байгаа юу? - Та хүүхдийн сэдэв (хүүхэд) ашиглаж байна уу?
бид байхад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 сувагт тавтай морил, хамгийн сүүлийн үеийн мэдээг аваарай!
📚 Энэхүү гарын авлага нь асар их үнэ цэнийг агуулсан, 🌟Энэ бол ховор боломж, бүү алдаарай! ⏰⌛💨
Хэрэв танд таалагдвал лайк дарж, хуваалцаарай!
Таны хуваалцах, дуртай зүйл бол бидний байнгын урам зориг юм!