၎င်းသည် လူတိုင်းတွင် ဖြစ်တတ်ပါသည်။

သင်နှစ်သက်သည့် အပြင်အဆင်ကို သင်တွေ့သည်၊ ၎င်းကို ထည့်သွင်းပြီး သင့်ဆိုဒ်၏ အသွင်အပြင်ကို လအနည်းငယ်ကြာ ခံစားနေပါသည်။ သို့သော် လအနည်းငယ်ကြာပြီးနောက်၊ အပြင်အဆင်သည် ပုပ်သိုးစပြုလာသည်။ နည်းနည်းတော့ ငြီးငွေ့စရာကောင်းပါတယ်။

တစ်ခုတည်းသော ပြဿနာကတော့၊ အသစ်တစ်ခုခုကို ရှာနေတာ နာရီနှစ်ဆယ်လောက် မဖြုန်းချင်ဘူး။ သင့်အပြင်အဆင်တွင် ဟင်းခတ်အမွှေးအကြိုင်အနည်းငယ်ထည့်ရန် နည်းလမ်းရှိပါက၊ ထင်ရှားပေါ်လွင်စေရန် မီးတောက်အနည်းငယ်သာရှိသည်။

စိတ်ပျက်လက်ပျက်ဖြင့် လက်ကိုမမြှောက်မီ၊ ဟင်းခတ်အမွှေးအကြိုင်ပြုလုပ်ရန် လွယ်ကူသောနည်းလမ်းကို သင့်အား ပြသပါရစေ။ အလွန်အားစိုက်ထုတ်စရာမလိုဘဲ အပြင်အဆင်နှင့် သင့်ဆိုဒ်ကို နှေးကွေးသွားစေမည့် မလိုအပ်သောပုံများကို မထည့်ဘဲနေပါ။

Dashicons ကိုဝင်ပါ။ Dashicons များသည် WordPress 3.8 တွင် မိတ်ဆက်ခဲ့သော ဖောင့်သင်္ကေတများဖြစ်သည်။ ၎င်းတို့သည် သင်၏ ဒက်ရှ်ဘုတ်သို့ သင်ဝင်ရောက်သည့်အခါ သင်မြင်ရသော အံသြဖွယ်ကောင်းသည့် အိုင်ကွန်များဖြစ်သည်။ ၎င်းတို့ကို သင့်အပြင်အဆင်တွင် ထည့်ထားနိုင်လျှင် ကောင်းမည်မဟုတ်ပါလား။

ကောင်းပြီ၊ သင်လုပ်နိုင်ပြီး သင်မည်ကဲ့သို့ လုပ်ဆောင်နိုင်သည်ကို ကျွန်ုပ်ပြပါမည်။

သင့်တွင် Dashicons ကို သင်မည်သို့သုံးနိုင်မည်နည်း။ လမ်းညွှန်ချက်မီနူး?

ရိုးရှင်းသောဥပမာတစ်ခုဖြင့် စတင်ကြပါစို့။ Dashicons များကို ဗားရှင်း 3.8 ကတည်းက WordPress တွင် ထည့်သွင်းထားပြီးဖြစ်သော်လည်း ၎င်းတို့ကို သင့်ဆိုဒ်၏ ရှေ့ဆုံးတွင် မှန်ကန်စွာပြသနိုင်ရန် ၎င်းတို့ကို ထည့်သွင်းရန် လိုအပ်နေသေးသည်။ အဲဒါက မင်းရဲ့အပြင်အဆင်။

အဆင့် 1- မင်းရဲ့ theme Dashicons တွေကို အဆင်သင့်ဖြစ်အောင်လုပ်ပါ

မင်းရဲ့ theme Dashicons တွေကို အဆင်သင့်ဖြစ်အောင် အရင်ဦးဆုံး မင်းရဲ့ functions.php ဖိုင်ကိုဖွင့်ပါ (ပုံပန်းသဏ္ဍာန်> မှာတွေ့တယ်။ ;တည်းဖြတ်သူ – ပုံမှန်အားဖြင့် ၎င်းသည် သင့်လက်ရှိ အပြင်အဆင်၏ CSS ဖိုင်ကို ဖွင့်ပေးမည်ဖြစ်သည်။ ရှေ့ဆက်ပြီး ရှာဖွေပါ။functions.php ဖိုင်ကို တည်းဖြတ်သူတွင် တင်ရန် ၎င်းကို နှိပ်ပါ။)

အဆင့် 2- script ကို Enqueue

အောက်ခြေအထိ ဆွဲချပြီး ဤစာကြောင်းများကို ကူးထည့်ပါ။ ကုဒ်၏အဆုံးတွင်-

//Enqueue the Dashicons script add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' ); function load_dashicons_front_end() { wp_enqueue_style( 'dashicons' ); }

ကောင်းပြီ။ ယခု သင့်အပြင်အဆင်သည် Dashicons ကို အသုံးပြုရန် အဆင်သင့်ဖြစ်ပါပြီ။

အဆင့် 3- မီနူးအကြောင်းအရာများသို့ Dashicons ပေါင်းထည့်ခြင်း

သင့်ပင်မလင့်ခ်အတွက် Dashicon တစ်ခုကို ထည့်ကြပါစို့။ Dashicons ဝဘ်ဆိုက်သို့သွား၍ သင်နှစ်သက်သော အိုင်ကွန်ကို ရွေးပါ။

အပ်ဒိတ်- Dashicons များကို မူလက GitHub.io တွင် ရနိုင်သော်လည်း ၎င်းတို့ကို WordPress.org တွင် စတင်အသုံးပြုနိုင်ပြီဖြစ်သည်။

အဆင့် 4-

အလိုရှိသော အိုင်ကွန်ကို နှိပ်ပါ (ဤကိစ္စတွင် ကျွန်ုပ်သည် ပင်မအိုင်ကွန်ကို ရွေးထားသည်) ပြီးနောက် Copy HTML ကို နှိပ်ပါ။ ၎င်းသည် သင့်အား လိုအပ်သည့်ကုဒ်ပါသော ပေါ်လာသည့်ဝင်းဒိုးကို ပေးလိမ့်မည်။

အဆင့် 5-

သင်၏ WordPress ဒိုင်ခွက်သို့ ပြန်သွားပြီး ပုံပန်းသဏ္ဍာန် > ကို နှိပ်ပါ။ ; Navigation Label ဟူသောနေရာတွင် ကုဒ်ကို နှိပ်ပြီး ကူးထည့်ပါ။

စကားလုံးကို ပေါ်လာစေချင်သေးပါက၊ အပိတ် div bracket ပြီးနောက် ၎င်းကို ရိုက်ထည့်ပါ။

ပေါ်တွင် ကလစ်နှိပ်ပါ။ သင့်ပင်မစာမျက်နှာကို သိမ်းဆည်းပြီး တင်ပါ။ သင့်အိမ်လင့်ခ်သည် ယခုအခါ ကောင်းမွန်ပြီး ပြတ်သားသော Dashicon ကို ပြသသင့်သည်။

သင်သည် ဤအရာကို လမ်းညွှန်မီနူးအရာအားလုံးအတွက် သို့မဟုတ် အိမ်အတွက်သာ ပြုလုပ်နိုင်သည်။ ကိုက်ညီသောအိုင်ကွန်များဖြင့် အထက်ဖော်ပြပါအဆင့်များကို ပြန်လုပ်ပါ။ အဲဒါက လွယ်ပါတယ်။

ပို့စ် meta မှာ Dashicons ကို ဘယ်လိုသုံးမလဲ။

သင် နောက်ထပ်တစ်လှမ်းတက်ပြီး သင့်ပို့စ် meta မှာ Dashicons ပေါင်းထည့်နိုင်တယ်၊ ဒါမှမဟုတ် တစ်နည်းအားဖြင့် စာရေးသူရဲ့ရှေ့မှာ Dashicons တွေကို ထည့်နိုင်ပါတယ်။ အမည်၊ ရက်စွဲ၊ အမျိုးအစား သို့မဟုတ် တက်ဂ်၊ ပေါ်တွင်မူတည်ပါသည်သင်၏ အပြင်အဆင်နှင့် ၎င်းပြသထားသည့် အချက်အလက်။

သင့်အပြင်အဆင်တွင် Dashicons များကို သင်စာရင်းသွင်းထားပြီးဖြစ်သောကြောင့်၊ ယခု သင်လုပ်ဆောင်ရမည့်အရာမှာ သင်၏ style.css ဖိုင်ကို ဖွင့်ခြင်းဖြစ်သည် (သို့မဟုတ် သင့်အတွက် အမြဲတမ်းပိုကောင်းသည့် ရွေးချယ်မှုဖြစ်သည့် Custom CSS တည်းဖြတ်သူကို သုံးပါ။ သင့်အခင်းအကျင်းကို အပ်ဒိတ်လုပ်ပြီးသည်နှင့် အပြောင်းအလဲများကို မဆုံးရှုံးလိုက်ပါနှင့်။)၊ ကိုက်ညီသည့်ရွေးချယ်မှုအား ရှာဖွေပြီး CSS ကုဒ်ကို ထည့်ပါ။

သင့်အမည် သို့မဟုတ် သင့်စာရေးဆရာအမည်ရှေ့တွင် အိုင်ကွန်တစ်ခုထည့်လိုသည်ဟု ဆိုကြပါစို့။

အဆင့် 1-

ပထမဦးစွာ ကျွန်ုပ်တို့အလိုရှိသော အိုင်ကွန်တစ်ခုကို ရွေးပါမည်။

အဆင့် 2-

ထို့နောက် ၎င်းကိုနှိပ်ပါ၊ ဤတစ်ကြိမ်တွင် Copy CSS ကို ရွေးပါ။ တစ်ဖန်၊ ၎င်းသည် သင်ကူးထည့်ရန် လိုအပ်သည့်ကုဒ်ပါသည့် ပေါ်လာသည့်ဝင်းဒိုးတစ်ခုကို ပေးလိမ့်မည်။

အဆင့် 3-

ယခု သင်၏ style.css ကိုဖွင့်ပါ။ ဤကိစ္စတွင် - .entry-author နှင့် သက်ဆိုင်သည့် ရွေးချယ်သူကို ရှာပါ။ Dashicons ဝဘ်ဆိုက်မှ သင်ကူးယူထားသော CSS ကုဒ်ကို မထည့်မီနှင့် ကူးထည့်ခြင်းဖြင့်၊ စာရေးသူ၏အမည်သည် ၎င်းရှေ့တွင် ကောင်းမွန်သောအိုင်ကွန်တစ်ခု ရှိနေမည်ဖြစ်သည်။ သင်သည် 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; } 

အဆုံးရလဒ်

ဒါဆို ဘာလဲ။ ဤအရာသည် အဆုံးတွင်ဖြစ်မည်လား။

ဤကဲ့သို့သောအရာ-

သင် Dashicons ကိုသုံးနိုင်သည့်နည်းလမ်းများစွာရှိသည် - သင်၏တီထွင်ဖန်တီးနိုင်စွမ်းကို ထိန်းထားပြီး သင်ဘာလုပ်နိုင်သည်ကိုမြင်ပါစေ။

အားလုံးကို ပေါင်းစည်းလိုက်ခြင်း

အထက်ပါ ဥပမာများမှလွဲ၍ ကွဲပြားမှုကို သတ်မှတ်ရန် သင့်နောက်ကွယ်ရှိ Dashicons ကို အသုံးပြုနိုင်ပါသည်။မတူညီသော ပို့စ်အမျိုးအစားများအတွက် အိုင်ကွန်များ၊ သို့မဟုတ် သင့်ပို့စ်ခေါင်းစဉ်များ၊ ဝစ်ဂျက်ခေါင်းစဉ်များ သို့မဟုတ် စိတ်ကြိုက်ဆင်းသက်သည့်စာမျက်နှာကို ဖန်တီးနေပါက သင့်ဆိုဒ်၏ မတူညီသောစာမျက်နှာများကို ခွဲခြားနိုင်ပါသည်။

ဤအရာ၏ အခြေခံဥပမာတစ်ခုဖြစ်သည်။ ဖန်တီးရန် ၎င်းတို့ကို သင်အသုံးပြုနိုင်ပါသည်-