O'chirilgan: Mavzuga editor-style.css nomli uslublar jadvali fayli qo'shilmaganmi?

qiladigan ish borVeb-tashviqotdo'stim, yaqinda foydalanishni o'rgana boshladiWordPress veb-sayti.

TinyMCE muharriri plaginini yoqing, TinyMCE muharriri plaginining sozlamalarida shunday muammoga duch keldi▼

CSS uslubi menyusini yarating

• editor-style.css da ishlatiladigan CSS uslublarini yuklang va Format menyusini almashtiring.
• O‘chirilgan: editor-style.css uchun uslublar jadvali fayli.
• O‘chirilgan: editor-style.css nomli uslublar jadvali fayli mavzuingiz tomonidan qoʻshilmagan.

Agar yuqoridagi holat yuzaga kelsa, WordPress vizual muharriri biz xohlagan kod uslubini ko'rsata olmasligi mumkin, masalan:

• blokquote, pre, code...

Muammolarni bartaraf etish

1. Kechirasizeditor-style.cssfayl, u WordPress mavzusining asosiy katalogidami?
2. Siz bolalar mavzularidan (bola) foydalanasizmi?

biz bo'lganimizdaWordPress backendMaqolani tahrirlashda CSS uslubidagi muammolar tufayli oldingi va fon ekrani farqlanadi...

Ammo Wordpress 3.0 dan keyin u juda yaxshi xususiyatlarga ega:

• Ya'ni, old va orqa uslublar birlashtirilishi mumkin, shuning uchun Wordpress maqolalarni fonda tahrir qilganda, u ham old tomondan bir xil ko'rinishi mumkin.
• Shunga o'xshab, biz WordPress backendida tahrirlangan postni endi o'zgartirishimiz shart emas, chunki u frontenddan boshqacha ko'rsatiladi.

Agar biz Wordpress-ning standart mavzusi bo'lgan Twenty Eleven ni ochsak, html izohi va shunga o'xshash kod mavjudligini ko'rishimiz mumkin ▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式
add_editor_style();

• Bu izoh nimani anglatadi: Vizual muharrir mavzu muharriri-style.css uslubiga mos keladi.
• Ushbu funktsiyani amalga oshirish ham juda oddiy, chunki u WordPress-ning standart funksiyasi, biz uni faollashtirishimiz kerak.

Qanday qilib WordPress postlari frontend bilan bir xil matn uslubini aks ettiradi?

1 yil:editor-style.css faylini yarating

2 yil:Quyidagi kodni editor-style.css fayliga qo'shing▼

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

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

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

3 yil:editor-style.css faylini WordPress mavzuingizning asosiy katalogiga nusxalang.

4-bob Qadam:functions.php fayliga quyidagi kodni qo'shing▼

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

// 对于块编辑器
add_theme_support( 'editor-styles' );
}

5 yil:WordPress postini tahrirlash sahifasini yangilang

• WordPress-ning old va orqa qismidagi matn uslublari bir xilligini tekshiring va tasdiqlang?

注意 事项

Agar sizning WordPress mavzuingiz CSS uslublarini "quote tag blockquote" va "code tag pre/code" ga qo'shmasa, WordPress mavzusining style.css fayliga mos keladigan CSS kodini qo'shishingiz kerak.

Tafsilotlar uchun quyidagi veb-sayt yaratish bo'yicha qo'llanmani tekshiring ▼

Blockquote qanday ishlatiladi? HTML blockquote teg demo effekti

WordPress maqolalarini tahrirlashda umumiy "Blockquote" tugmasi mavjud ▼ Foydalanilganda uBa'zi bir iqtibos yoki ta'kidlashni chaqirish uchun belgilang. Blok tirnoq nimani anglatadi?Quyida Chen Vey...

CSS uslubida pre nima? HTMLda oldindan o'rash kod teglarining roli

WordPress bilan veb-sayt yaratish uchun biz CSS va HTML bo'yicha ba'zi asosiy bilimlarni o'rganishimiz kerak: ba'zi WordPress mavzularining CSS uslubidagi fayllari tufayli oldindan va kod teg uslublari qo'shilmaydi.Ko'pgina brauzerlar hozirda qo'llab-quvvatlaydibelgi. h...