WordPress အပြင်အဆင် ရက်စွဲ CSS စတိုင်ကို ဘယ်လို ဖျောက်မလဲ။ div ဝှက်ထားသော css စတိုင်သင်ခန်းစာ

ဖျောက်နည်းWordPressအပြင်အဆင် ရက်စွဲ CSS စတိုင်လား။

DIV ဝှက်ထားသော CSS စတိုင်သင်ခန်းစာ

Chen Weiliangမကြာသေးမီက၊ ဝဘ်ဆိုဒ် နမူနာပုံစံကို မြှင့်တင်ပြီး အကောင်းဆုံးဖြစ်အောင် ပြုလုပ်ထားပြီး ၎င်းကိုလည်း ထည့်သွင်းစဉ်းစားရန် လုပ်ဆောင်ထားသည်။SEO ဆိုသည်မှာအသုံးပြုသူအတွေ့အကြုံ။

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

အဖြေမှာ CSS ဖြင့် စတိုင်များကို ဖုံးကွယ်ရန်ဖြစ်သည် ။

.r-hide {display：none;}

CSS လျှို့ဝှက်စတိုင်များ အောင်မြင်နိုင်သည်-

• 1) ဝှက်ထားသောစာသား
• 2) ဟိုက်ပါလင့်ခ်များကို ဝှက်ပါ (အနက်ရောင်လင့်ခ်များ)
• 3) စာရင်းအင်းကုဒ်ကို ဖျောက်ပါ။
• 4) အိုင်ကွန်ကိုဖျောက်ပါ။

ဦးစွာ၊ ကျွန်ုပ်တို့သည် CSS ရွေးချယ်မှုများကို ရှာဖွေရန် လိုအပ်သည်။

CSS ရွေးချယ်မှုများသည် အဘယ်နည်း။

CSS စတိုင်တစ်ခုစီ၏ အဓိပ္ပါယ်ဖွင့်ဆိုချက်တွင် အပိုင်း ၂ ပိုင်း ပါဝင်သည်-

选择器{样式}

• {} ၏ ရှေ့ပိုင်းသည် "ရွေးချယ်မှု" ဖြစ်သည်။
• "ရွေးချယ်သူ" သည် {} အရာဝတ္ထု၏ "စတိုင်" ကို ညွှန်ပြသည်။
• ဤ "စတိုင်" သည် စာမျက်နှာ၏ မည်သည့်ဒြပ်စင်ကို လုပ်ဆောင်သနည်း မှတ်ချက်များ။

CSS ရွေးချယ်မှုများကို မည်သို့ရှာရမည်နည်း။

ကုဒ်ဥပမာ ၁

အောက်ပါသည် GIF ကာတွန်းတစ်ခု၏ ဥပမာတစ်ခုဖြစ်သည်။ ဘရောက်ဆာမှတစ်ဆင့် CSS ရွေးချယ်မှုစနစ်ကို ရှာဖွေပြီးနောက် ရက်စွဲကို ဖျောက်ထားသည်▼

CSS ရွေးချယ်မှုများကို ရယူပါ။ time.the-date ထို့နောက် WP ဆောင်ပုဒ်၏ style.css ဖိုင်တွင် အောက်ပါ CSS ကုဒ်ကို ထည့်ပါ။

time.the-date {
 display: none;
}

ကုဒ်ဥပမာ ၁

ဤတွင် class="r-hide" ဖြင့် element တစ်ခုကို ရွေးချယ်ပြီး ပုံစံပုံစံလုပ်နည်းမှာ ဤတွင်ဖြစ်သည်-

.r-hide {display：none;}

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

• CSS စတိုင်များကိုသုံးပါ။ပြသမှု- none;  သတ်မှတ်ထားသော အကြောင်းအရာကို ဖုံးကွယ်ခြင်း၊
• ဘရောက်ဆာမှတဆင့် မမြင်နိုင်သော၊ ဝှက်ထားသော အကြောင်းအရာသည် နေရာယူမည်မဟုတ်ပါ၊
• JS အကျိုးသက်ရောက်မှုများကို ဝှက်ထားရန်၊ ကိန်းဂဏန်းကုဒ်များ၏ အိုင်ကွန်များကို ဝှက်ရန် စသည်ဖြင့် အသုံးပြုလေ့ရှိသည်။

တိုးချဲ့ဖတ်ခြင်း

• " CSS Selector Class နှင့် id အကြား ကွာခြားချက်မှာ အဘယ်နည်း။ HTML တွင် id နှင့် class အသုံးပြုမှု"