یو څه باید وکړئد ویب ترویجملګري، پدې وروستیو کې د کارولو زده کړه پیل کړهد WordPress ویب پاڼه.
د TinyMCE ایډیټر پلگ ان فعال کړئ، د TinyMCE ایډیټر پلگ ان په ترتیباتو کې، د داسې ستونزې سره مخ شو▼
د CSS سټایل مینو جوړ کړئ
- په editor-style.css کې کارول شوي CSS سټایلونه پورته کړئ او د فارمیټ مینو بدل کړئ.
- ناتوان شوی: د editor-style.css لپاره د سټایل شیټ فایل.
- ناتوان شوی: ستاسو د موضوع لخوا د editor-style.css په نوم د سټایل شیټ فایل ندی اضافه شوی.
که پورتني حالت واقع شي، د ورڈپریس بصری مدیر ممکن نشي کولی د کوډ سټایل چې موږ یې غواړو ښکاره کړي، لکه:
- بلاک اقتباس، مخکی، کوډ...
ستونزې حل کړئ
- بخښنه غواړم
editor-style.css
فایل، ایا دا د ورڈپریس تھیم روټ لارښود کې دی؟ - ایا تاسو د ماشوم موضوعات (ماشوم) کاروئ؟
کله چې موږ یود 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 کوډ اضافه کړئ.
د جزیاتو لپاره، مهرباني وکړئ لاندې ویب پاڼه جوړونې ټیوټوریل وګورئ ▼
امید چن وییلینګ بلاګ ( https://www.chenweiliang.com/ ) شریک شوی "معلول شوی: موضوع د ایډیټر-style.css په نوم د سټایل شیټ فایل نه اضافه کوي؟"، ګټور.
د دې مقالې لینک شریکولو ته ښه راغلاست:https://www.chenweiliang.com/cwl-966.html
د وروستي تازه معلوماتو ترلاسه کولو لپاره د چن ویلیانګ بلاګ ټیلیګرام چینل ته ښه راغلاست!
📚 دا لارښود لوی ارزښت لري، 🌟دا یو نادر فرصت دی، له لاسه مه ورکوئ! ⏰⌛💨
که مو خوښه شوه لایک او شریک کړئ!
ستاسو شریکول او خوښول زموږ دوامداره هڅونه ده!