غیر فعال شوی: موضوع د editor-style.css په نوم د سټایل شیټ فایل نه اضافه کوي؟

زما یو ملګری چې غواړي آنلاین بازار موندنه وکړي، پدې وروستیو کې یې د ورڈپریس په کارولو سره د ویب پاڼې جوړولو زده کړه پیل کړه.

د TinyMCE ایډیټر پلگ ان فعال کړئ، د TinyMCE ایډیټر پلگ ان په ترتیباتو کې، د داسې ستونزې سره مخ شو▼

د CSS سټایل مینو جوړ کړئ

• په editor-style.css کې کارول شوي CSS سټایلونه پورته کړئ او د فارمیټ مینو بدل کړئ.
• ناتوان شوی: د editor-style.css لپاره د سټایل شیټ فایل.
• ناتوان شوی: ستاسو د موضوع لخوا د editor-style.css په نوم د سټایل شیټ فایل ندی اضافه شوی.

که پورتني حالت واقع شي، د ورڈپریس بصری مدیر ممکن نشي کولی د کوډ سټایل چې موږ یې غواړو ښکاره کړي، لکه:

• بلاک اقتباس، مخکی، کوډ...

ستونزې حل کړئ

1. بخښنه غواړمeditor-style.cssفایل، ایا دا د ورڈپریس تھیم روټ لارښود کې دی؟
2. ایا تاسو د ماشوم موضوعات (ماشوم) کاروئ؟

کله چې موږ د ورڈپریس اډمین پینل کې پوسټونه ایډیټ کوو ، د CSS سټایل مسلو له امله مخکینۍ او شاته پای په مختلف ډول ښکاره کیږي ...

مګر د Wordpress 3.0 وروسته، دا خورا ښه ځانګړتیاوې لري:

• دا دی، د مخ او شا سټایلونه متحد کیدی شي، نو کله چې ورڈپریس په شالید کې مقالې ایډیټ کوي، دا د مخ په څیر ورته ښکاري.
• په ورته ډول، موږ نور اړتیا نلرو چې په ورڈپریس پس منظر کې ایډیټ شوي پوسټ تعدیل کړو ځکه چې دا د مخکینۍ برخې څخه په مختلف ډول ښودل کیږي.

که موږ د ورڈپریس ډیفالټ موضوع XNUMX یوولس خلاص کړو، موږ لیدلی شو چې دلته یو html تبصره او کوډ شتون لري لکه دا ▼

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

• دا تبصره څه معنی لري: بصری مدیر د موضوع مدیر-style.css سټایل سره سمون لري.
• دا فنکشن د پلي کولو لپاره هم خورا ساده دی ، ځکه چې دا د ورڈپریس ډیفالټ فنکشن دی ، موږ یوازې دا فعالولو ته اړتیا لرو.

د ورڈپریس پوسټونه څنګه د مخکني په څیر ورته متن سټایل ښیې؟

لومړی ګام: د editor-style.css فایل جوړ کړئ

دوهم ګام: لاندې کوډ د editor-style.css فایل کې اضافه کړئ ▼

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

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

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

دریم ګام: د editor-style.css فایل د خپل ورڈپریس تھیم روټ ډایرکټرۍ ته کاپي کړئ.

څلورم ګام : لاندې کوډ د 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' );
}

پنځم ګام: د ورڈپریس پوسټ ایډیټ کولو پاڼه تازه کړئ

• وګورئ او تایید کړئ چې ایا د ورڈپریس په مخ او شا کې د متن سټایلونه ورته دي؟

احتیاطونه

که ستاسو د ورڈپریس تھیم د "اقتباس ټاګ بلاک quote" او "کوډ ټګ پری/کوډ" کې د CSS سټایلونه نه اضافه کوي ، تاسو اړتیا لرئ د ورڈپریس تھیم style.css فایل کې ورته CSS کوډ اضافه کړئ.

د جزیاتو لپاره، مهرباني وکړئ لاندې ویب پاڼه جوړونې ټیوټوریل وګورئ ▼

🔗 د بلاک اقتباس څنګه وکاروئ؟ په HTML کې د بلاک کوټ ټګ ډیمو اغیز

🔗په CSS سټایل کې پری څه شی دی؟ په HTML کې د مخکینۍ اتوماتیک لاین بریک کوډ ټګ فعالیت