په ورڈپریس کې د ډیشیکونز کارولو څرنګوالی - یو ګام په ګام لارښود
فهرست
دا د هرچا سره پیښیږي.
تاسو یوه موضوع ومومئ چې تاسو یې خوښوي، تاسو یې نصب کړئ او یو څو میاشتې ستاسو د سایټ د لید څخه خوند واخلئ. مګر بیا، د څو میاشتو وروسته، موضوع د بوی احساس پیل کوي. یو څه ستړی کوونکی.
یوازینۍ ستونزه دا ده، تاسو نه غواړئ څو ساعته د نوي څه په لټه کې تیر کړئ. که یوازې ستاسو په موضوع کې د لږ مسالې اضافه کولو لپاره یوه لاره شتون ولري، یو څه روښانه کول چې دا روښانه کړي.
مخکې له دې چې تاسو په نا امیدۍ کې لاسونه پورته کړئ، اجازه راکړئ چې تاسو ته د مسالې کولو یوه اسانه لار وښیم. موضوع پرته له ډیرې هڅې، او پرته له دې چې غیر ضروري انځورونه اضافه کړي چې ستاسو سایټ ورو کړي. Dashicons د فونټ شبیہیں دي چې په WordPress 3.8 کې معرفي شوي. دا هغه په زړه پوري او په زړه پوري عکسونه دي چې تاسو یې ګورئ کله چې تاسو خپل ډشبورډ ته ننوځئ. ایا دا به ښه نه وي که تاسو کولی شئ دوی په خپل موضوع کې هم اضافه کړئ؟
ښه، تاسو کولی شئ او زه به تاسو ته وښیم چې څنګه.
تاسو څنګه کولی شئ په خپل موضوع کې ډشیکون وکاروئ د نیویګیشن مینو؟
راځئ چې د یو ساده مثال څخه پیل وکړو. Dashicons لا دمخه په ورڈپریس کې د 3.8 نسخه راهیسې شامل دي مګر تاسو لاهم اړتیا لرئ چې دا شامل کړئ ترڅو دوی ستاسو د سایټ په لومړي پای کې په سمه توګه ښکاره شي؛ دا ستاسو موضوع ده.
هم وګوره: د پرو بیاکتنې 2023 بدل کړئ: خپل د بریښنالیک لیست ته وده ورکړئ & د ورڈپریس سره تبادلې ډرایولومړی ګام: خپله موضوع Dashicons چمتو کړئ
د دې لپاره چې ستاسو موضوع Dashicons چمتو کړئ لومړی خپل د functions.php فایل خلاص کړئ (په ظاهري او gt کې موندل شوی ایډیټر - په ډیفالټ دا به ستاسو د اوسني موضوع CSS فایل خلاص کړي. مخکې لاړ شئ او لټون وکړئfunctions.php فایل او په ایډیټر کې د پورته کولو لپاره په هغې کلیک وکړئ.)
دوهمه مرحله: سکریپټ قطار کړئ
ټولې لارې لاندې ته سکرول کړئ او دا کرښې پیسټ کړئ د کوډ په پای کې:
//Enqueue the Dashicons script add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' ); function load_dashicons_front_end() { wp_enqueue_style( 'dashicons' ); }ښه! اوس ستاسو موضوع د Dashicons کارولو لپاره چمتو ده.
درېیم ګام: د مینو توکو ته Dashicons اضافه کول
راځئ چې ستاسو د کور لینک لپاره ډیشیکون اضافه کړو. د Dashicons ویب پاڼې ته لاړ شئ او هغه عکس غوره کړئ چې تاسو یې خوښوي.
تازه کول: Dashicons په اصل کې په GitHub.io کې شتون درلود، مګر دوی وروسته له دې په WordPress.org کې شتون لري.
مرحله 4:
په مطلوب عکس کلیک وکړئ (په دې حالت کې ما د کور عکس غوره کړی) او بیا په کاپي HTML کلیک وکړئ. دا به تاسو ته د هغه کوډ سره یو پاپ اپ کړکۍ درکړي چې تاسو ورته اړتیا لرئ.
پنځم ګام:
بیرته خپل د ورډپریس ډشبورډ ته لاړ شئ، په ظاهري بڼه کلیک وکړئ > ; مینو او کوډ په سمه توګه پیسټ کړئ چیرې چې دا د نیویګیشن لیبل وايي.
که تاسو اوس هم غواړئ چې کلمه ښکاره شي، نو د تړلو div بریکٹ وروسته یې ولیکئ.
باندې کلیک وکړئ خپل کور پاڼه خوندي او پورته کړئ. ستاسو د کور لینک باید اوس یو ښه، کریک ډیشیکون ښکاره کړي.
تاسو کولی شئ دا د ټولو نیویګیشن مینو توکو لپاره یا یوازې د کور لپاره ترسره کړئ. یوازې پورتنۍ مرحلې د ورته عکسونو سره تکرار کړئ. دا سمه وه؟
هم وګوره: د 2023 لپاره 15 غوره لینډینګ پا pagesې جوړونکي: د فنل پاڼې ګړندي جوړ کړئتاسو په پوسټ میټا کې ډیشیکونز څنګه کاروئ؟
تاسو کولی شئ یو ګام نور هم لاړ شئ او خپل پوسټ میټا کې ډیشیکونز اضافه کړئ ، یا په بل عبارت د لیکوال په مخ کې ډیشیکونز اضافه کړئ نوم، نیټه، کټګورۍ یا ټګ؛ پورې اړه لريستاسو موضوع او هغه معلومات چې دا یې ښکاره کوي.
څرنګه چې تاسو مخکې له دې چې تاسو په خپله موضوع کې Dashicons په کتار کې یاست، نو تاسو باید اوس یوازې د خپل style.css فایل خلاص کړئ (یا د دودیز CSS ایډیټر وکاروئ کوم چې تل یو غوره انتخاب دی نو تاسو کله چې ستاسو موضوع تازه شي بدلونونه له لاسه مه ورکوئ!)، د سمون ټاکونکی ومومئ او د CSS کوډ اضافه کړئ.
راځئ چې ووایو تاسو غواړئ د خپل نوم یا د لیکوال د نوم مخې ته یو عکس اضافه کړئ.
لومړی ګام: 7>>
بیا په هغې کلیک وکړئ، او دا ځل کاپي CSS غوره کړئ. یو ځل بیا، دا به تاسو ته د هغه کوډ سره یو پاپ اپ کړکۍ درکړي چې تاسو یې پیسټ کولو ته اړتیا لرئ.
درېیم ګام:
اوس خپل style.css خلاص کړئ او اړونده ټاکونکی ومومئ، پدې حالت کې - .entry-author. په اضافه کولو سره: مخکې او بیا د سی ایس ایس کوډ پیسټ کولو سره چې تاسو د Dashicons ویب پاڼې څخه کاپي کړی، د لیکوال نوم به د هغې په مخ کې یو ښه عکس ولري. تاسو باید دا هم مشخص کړئ چې تاسو د Dashicons فونټ کاروئ. تعدیل شوی کوډ داسې ښکاري:
.entry-author:before { font-family: "dashicons"; content: "\f110"; } راځئ چې یو څه سټایل هم اضافه کړو، او اوس بشپړ شوی کوډ داسې ښکاري:
.entry-author:before { font-family: "dashicons"; content: "\f110"; color: #f15123; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/1; vertical-align: top; margin-right: 5px; margin-right: 0.5rem; } پای پایله
نو څه ایا دا به په پای کې داسې ښکاري؟
د دې په څیر یو څه:
داسې ډیری لارې شتون لري چې تاسو کولی شئ د ډیشیکونز څخه کار واخلئ – اجازه راکړئ چې خپل خلاقیت ونیسي او وګورئ چې تاسو څه کولی شئ.
دا ټول سره یوځای کول
د پورتنیو مثالونو سربیره، تاسو کولی شئ د مختلف مشخص کولو لپاره په خپل پس منظر کې ډیشیکونز وکاروئد مختلف پوسټ ډولونو لپاره شبیهونه، یا تاسو کولی شئ دا د خپل پوسټ سرلیکونو، ویجټ سرلیکونو کې وکاروئ، یا که تاسو یو دودیز لینډینګ پاڼه جوړ کړئ تاسو کولی شئ د خپل سایټ د مختلفو پاڼو ترمنځ توپیر وکړئ. تاسو کولی شئ دا د جوړولو لپاره وکاروئ:
