بند ٿيل: موضوع ايڊيٽر-style.css نالي هڪ اسٽائل شيٽ فائل شامل نٿو ڪري؟

ڪجهه ڪرڻو آهيويب پروموشندوست، تازو استعمال ڪرڻ سکڻ شروع ڪيوورڈپریس ويب سائيٽ.

TinyMCE ايڊيٽر پلگ ان کي فعال ڪريو، TinyMCE ايڊيٽر پلگ ان جي سيٽنگن ۾، اهڙو مسئلو پيش آيو▼

CSS طرز مينيو ٺاھيو

• ايڊيٽر-style.css ۾ استعمال ٿيل CSS اسٽائل لوڊ ڪريو ۽ فارميٽ مينيو کي تبديل ڪريو.
• معطل ٿيل editor-style.css لاءِ اسٽائل شيٽ فائل.
• معطل ٿيل ايڊيٽر-style.css نالي هڪ اسٽائل شيٽ فائل توهان جي موضوع طرفان شامل نه ڪئي وئي آهي.

جيڪڏهن مٿين صورتحال پيدا ٿئي ٿي، ورڈپریس بصري ايڊيٽر شايد ڪوڊ اسٽائل کي ڊسپلي ڪرڻ جي قابل نه هجي جيڪو اسان چاهيون ٿا، جهڙوڪ:

• blockquote, pre, code...

تڪليفون

1. معاف ڪجوeditor-style.cssفائل، ڇا اهو ورڈپریس تھیم جي روٽ ڊاريڪٽري ۾ آهي؟
2. ڇا توھان استعمال ڪري رھيا آھيو ٻارن جا موضوع (ٻار)؟

جڏهن اسان آهيونورڈپریس پس منظروچ ۾ آرٽيڪل ايڊٽ ڪرڻ وقت، CSS طرز جي مسئلي جي ڪري، اڳيون ۽ پس منظر ڊسپلي مختلف آهن ...

پر ورڈپریس 3.0 کان پوء، ان ۾ تمام سٺيون خاصيتون آهن:

• اهو آهي، سامهون ۽ پوئتي انداز متحد ٿي سگهي ٿو، تنهنڪري جڏهن ورڈپریس پس منظر ۾ آرٽيڪل ايڊٽ ڪري ٿو، اهو پڻ ساڳيو نظر اچي سگهي ٿو جيئن سامهون.
• اهڙي طرح، اسان کي هاڻي ورڈپریس پس منظر ۾ ايڊٽ ڪيل پوسٽ کي تبديل ڪرڻ جي ضرورت ناهي ڇو ته اها فرنٽ اينڊ کان مختلف طور تي ڏيکاريل آهي.

جيڪڏهن اسان ورڈپریس جي ڊفالٽ ٿيم ٽوئنٽي اليون کي کوليون ٿا، اسان ڏسي سگهون ٿا ته اتي هڪ html تبصرو ۽ ڪوڊ هن طرح آهي ▼

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

• هن تبصري جو مطلب ڇا آهي: بصري ايڊيٽر theme editor-style.css انداز سان ملندو آهي.
• هي فنڪشن لاڳو ڪرڻ لاء پڻ تمام آسان آهي، ڇاڪاڻ ته اهو ورڈپریس جو ڊفالٽ فنڪشن آهي، اسان کي صرف ان کي چالو ڪرڻ جي ضرورت آهي.

ڪيئن ورڈپریس پوسٽون ساڳيو ٽيڪسٽ اسلوب ڏيکاري ٿو جيئن فرنٽ اينڊ؟

1 步:ٺاھيو editor-style.css فائل

2 步:ايڊيٽر-style.css فائل ۾ ھيٺ ڏنل ڪوڊ شامل ڪريو▼

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

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

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

3 步:ڪاپي ڪريو editor-style.css فائل پنھنجي ورڈپریس تھیم جي روٽ ڊاريڪٽري ۾.

باب 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 步:ورڈپریس پوسٽ ايڊٽ پيج کي تازو ڪريو

• چيڪ ڪريو ۽ تصديق ڪريو ته ڇا ورڈپریس جي اڳيان ۽ پوئتي متن جا انداز ساڳيا آهن؟

احتياط

جيڪڏهن توهان جو ورڈپریس تھیم CSS اسلوب کي "quote tag blockquote" ۽ "code tag pre/code" ۾ شامل نٿو ڪري، توهان کي لاڳاپيل CSS ڪوڊ شامل ڪرڻو پوندو ورڈپریس تھیم جي style.css فائل ۾.

تفصيلن لاءِ، مھرباني ڪري ھيٺ ڏنل ويب سائيٽ بلڊنگ ٽيوٽوريل ڏسو ▼

ڪيئن استعمال ڪجي blockquote؟ HTML بلاڪ ڪوٽ ٽيگ ڊيمو اثر

ورڈپریس آرٽيڪل ايڊيٽنگ ۾، اتي هڪ عام "Blockquote" بٽڻ آهي ▼ جڏهن استعمال ڪيو ويندو، اهو شامل ڪندوڪجھ حوالا بيان ڪرڻ يا نمايان ڪرڻ لاء نشان لڳايو. مطلب ڇا آھي Blockquote ڇا آھي؟هيٺ ڏنل آهي Chen Wei ...

CSS انداز ۾ اڳ ڇا آهي؟ HTML ۾ اڳ ريپنگ ڪوڊ ٽيگ جو ڪردار

ورڈپریس سان ويب سائيٽ ٺاهڻ لاءِ اسان کي CSS ۽ HTML جي ڪجهه بنيادي ڄاڻ سکڻ جي ضرورت آهي: ڪجهه ورڈپریس موضوعات جي CSS اسٽائل فائلن جي ڪري، اڳ ۽ ڪوڊ ٽيگ اسٽائل شامل نه ڪيا ويا آهن.گھڻا برائوزر في الحال سپورٽ ڪن ٿانشان. ايڇ...