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

یو څه باید وکړئد ویب ترویجملګري، پدې وروستیو کې د کارولو زده کړه پیل کړهد WordPress ویب پاڼه.

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

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

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

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

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

ستونزې حل کړئ

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

کله چې موږ یود WordPress پس منظرکله چې په مینځ کې مقاله ایډیټ کړئ ، د CSS سټایل ستونزې له امله ، مخکینۍ او شالید ښودنه توپیر لري ...

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

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

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

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

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

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

په 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 فایل ستاسو د ورڈپریس تھیم روټ ډایرکټر ته کاپي کړئ.

څپرکی ۱۴۱۸ ګام:د 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 کې:د ورڈپریس پوسټ ترمیم پاڼه تازه کړئ

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

احتیاطونه

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

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

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

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