ပိတ်ထားသည်- အပြင်အဆင်သည် editor-style.css ဟု အမည်ပေးထားသည့် စတိုင်စာရွက်ဖိုင်ကို ထည့်မထားပါ။

အွန်လိုင်းစျေးကွက်ရှာဖွေရေး လုပ်ချင်တဲ့ ကျွန်တော့်သူငယ်ချင်းတစ်ယောက်က မကြာသေးခင်က WordPress ကိုသုံးပြီး ဝက်ဘ်ဆိုက်တစ်ခုတည်ဆောက်နည်း ကို စတင်လေ့လာနေပါတယ် ။

TinyMCE အယ်ဒီတာ ပလပ်အင်၏ ဆက်တင်များတွင် TinyMCE တည်းဖြတ်သူ ပလပ်အင်ကို ဖွင့်ပါ၊ ထိုသို့သော ပြဿနာမျိုး ကြုံတွေ့ခဲ့ရသည်▼

CSS စတိုင်မီနူး ဖန်တီးပါ။

• editor-style.css တွင်အသုံးပြုသော CSS စတိုင်များကို တင်ပြီး ဖော်မတ်မီနူးကို အစားထိုးပါ။
• ပိတ်ထားသည် တည်းဖြတ်သူ-style.css အတွက်စတိုင်စာရွက်ဖိုင်။
• ပိတ်ထားသည် editor-style.css ဟု အမည်ပေးထားသည့် စတိုင်စာရွက်ဖိုင်ကို သင့်အပြင်အဆင်တွင် ထည့်မထားပါ။

အထက်ဖော်ပြပါ အခြေအနေများ ဖြစ်ပေါ်လာပါက၊ WordPress ရုပ်ပုံ တည်းဖြတ်သူသည် ကျွန်ုပ်တို့ လိုချင်သော ကုဒ်ပုံစံကို ပြသနိုင်မည် မဟုတ်ပါ။

• blockquote၊ ကြိုတင်၊ ကုဒ်...

ပြဿနာဖြေရှင်းခြင်း။

1. 请问editor-style.cssဖိုင်၊ ၎င်းသည် WordPress အပြင်အဆင်၏ root directory တွင်ရှိပါသလား။
2. ကလေးအကြောင်းအရာများ (ကလေး) ကို သင်အသုံးပြုနေပါသလား။

WordPress admin panel မှာ post တွေကို edit လုပ်တဲ့အခါ CSS style ပြဿနာတွေကြောင့် front-end နဲ့ back-end တွေ ကွဲပြားစွာ ပြသပါတယ်။

သို့သော် Wordpress 3.0 ပြီးနောက်၊ ၎င်းတွင်အလွန်ကောင်းမွန်သောအင်္ဂါရပ်များရှိသည်။

• ဆိုလိုသည်မှာ၊ ရှေ့နှင့်နောက်ပုံစံများကို ပေါင်းစည်းနိုင်သည်၊ ထို့ကြောင့် Wordpress သည် နောက်ခံတွင် ဆောင်းပါးများကို တည်းဖြတ်သောအခါ၊ ၎င်းသည် အရှေ့နှင့် တူညီနိုင်သည်။
• အလားတူ၊ ကျွန်ုပ်တို့သည် ရှေ့တန်းမှ ကွဲပြားစွာပြသထားသောကြောင့် WordPress နောက်ခံတွင် တည်းဖြတ်ထားသော ပို့စ်ကို မွမ်းမံပြင်ဆင်ရန် မလိုအပ်တော့ပါ။

Wordpress ၏ မူရင်းအခင်းအကျင်း Twenty Eleven ကိုဖွင့်ပါက၊ ဤကဲ့သို့သော html မှတ်ချက်နှင့် ကုဒ်တစ်ခု ရှိနေသည်ကို တွေ့နိုင်သည် ▼

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

• ဤမှတ်ချက်က ဘာကိုဆိုလိုသည်- ရုပ်ပုံတည်းဖြတ်သူသည် အပြင်အဆင်တည်းဖြတ်သူ-style.css စတိုင်နှင့် ကိုက်ညီသည်။
• ဤလုပ်ဆောင်ချက်သည် အကောင်အထည်ဖော်ရန် အလွန်ရိုးရှင်းပါသည်၊ ၎င်းသည် WordPress ၏ မူရင်းလုပ်ဆောင်ချက်ဖြစ်သောကြောင့် ကျွန်ုပ်တို့ ၎င်းကို အသက်သွင်းရန်သာ လိုအပ်ပါသည်။

WordPress ပို့စ်များသည် ရှေ့တန်းနှင့် တူညီသော စာသားပုံစံကို မည်သို့ဖော်ပြသနည်း။

အဆင့် ၁: editor-style.css ဖိုင်ကို ဖန်တီးပါ။

အဆင့် ၂: အောက်ပါကုဒ်ကို editor-style.css ဖိုင်ထဲသို့ထည့်ပါ ▼

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

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

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

အဆင့် ၃: editor-style.css ဖိုင်ကို သင့် WordPress theme ၏ root directory သို့ ကူးယူပါ။

အဆင့် ၄ : အောက်ပါကုဒ်ကို 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' );
}

အဆင့် ၅: WordPress ပို့စ်တည်းဖြတ်ရေးစာမျက်နှာကို ပြန်လည်ဆန်းသစ်ပါ။

• WordPress ၏ ရှေ့နှင့် နောက်ကျောရှိ စာသားစတိုင်များ တူညီခြင်းရှိမရှိ စစ်ဆေးပြီး အတည်ပြုပါသလား။

ကြိုတင်ကာကွယ်မှုများ

အကယ်၍ သင်၏ WordPress အပြင်အဆင်သည် "quote tag blockquote" နှင့် "code tag pre/code" တွင် CSS စတိုင်များကို မထည့်ပါက၊ သင်သည် WordPress theme ၏ style.css ဖိုင်တွင် သက်ဆိုင်ရာ CSS ကုဒ်ကို ထည့်ရန်လိုအပ်ပါသည်။

အသေးစိတ်အတွက်၊ အောက်ပါ ဝဘ်ဆိုဒ်တည်ဆောက်ခြင်းဆိုင်ရာ သင်ခန်းစာ ▼ ကို ကြည့်ရှုပါ။

🔗 blockquote ကို ဘယ်လိုသုံးမလဲ။ HTML ရှိ blockquote တဂ်၏သရုပ်ပြအကျိုးသက်ရောက်မှု

🔗 CSS စတိုင်တွင် ကြိုတင်ဆိုသည်မှာ အဘယ်နည်း။ HTML တွင် အလိုအလျောက်မျဉ်းချိုးကုဒ်တဂ်၏ လုပ်ဆောင်ချက်