ဒရူးပယ်လ်များအတွက်တွစ်တာ Bootstrap Theme အသုံးပြုခြင်း

တစ်ဦး Drupal Theme အတွက် Bootstrap မူဘောင်ရဲ့ Power ကိုရယူပါ

bootstrap တွစ်တာကတည်ဆောက်ထားတဲ့တပ်လူကြိုက်များမူဘောင်ဖြစ်ပါသည်။ ဒရူးပယ်လ်များအတွက် Bootstrap အဓိကအကြောင်းအရာနှင့်အတူ, သငျသညျအရ (ထိန်းသိမ်းနည်း) သင့်ဒရူးပယ်လ်က်ဘ်ဆိုက်အဘို့ရှိသမျှကိုပါဝါနိုင်ပါတယ်။ သင့်ရဲ့ site ကိုအချို့သော bling sports သည်အထိချောမွေ့ခလုတ်, style အမျိုးမျိုးပုံစံများ, jumbotrons နှင့်ထို့ထက် ပို. ထည့်သွင်းဖို့အဆင်သင့်ရယူပါ!

အဆိုပါ Bootstrap မူဘောင်ကဘာလဲ?

အဆိုပါ Bootstrap မူဘောင်ကလွယ်ကူသင်သည်သင်၏ကွန်ရက်စာမျက်နှာတော်တော်နှင့် / သို့မဟုတ်အသုံးဝင်သောအရာရှည်လျားသောစာရင်းထည့်သွင်းဖို့အတှကျကို CSS နဲ့ Javascript ကိုကုဒ်တစ်ခုစုဆောင်းခြင်းဖြစ်ပါသည်။ ဤစာရင်းတွင်ကောင်းတဲ့-ရှာဖွေနေခလုတ်လည်းပါဝင်သည်, "တံဆိပ်များ" inset "ရေတွင်းများ" နှင့်ပိုပြီးနှင့်အတူစာရင်းပြုစု။

အဆိုပါ bling တဘက်, Bootstrap ကိုလည်းအလေးအနက် pack မှာ တုံ့ပြန်မှု သင့်ရဲ့သူဌေးတစ်ဦးကိုဖုန်းပေါ်မှာဖွင့်လှစ်တဲ့အခါသင်ရှင်းရှင်းချိုးမည်မဟုတ်ကြောင်း site တစ်ခုဒီဇိုင်းကူညီပေးနေ, ပါဝါ။

အဲဒီအစားသင်က CSS ကိုအတန်းနှင့် Bootstrap နေဖြင့်သတ်မှတ်ထားသော HTML element တွေကိုအသုံးပြုဤအမှုအလုံးစုံတို့ကိုကုဒ်သင်ကိုယ်တိုင်ရေးသားဖို့ရှိခြင်း၏။ သင်တစ်ဦးတော်တော်လေးတံဆိပ်ချင်လျှင်, သင်အတန်းတံဆိပ်ထည့်ပါ။ ဒီလိုမျိုး:

ဒီ တော်တော်လေးတံဆိပ် ကိုကြည့်ပါ။

အဆိုပါ Bootstrap မူဘောင်ဒရူးပယ်လ်ရန်မဆက်သွယ်မှုရှိပါတယ်။ သငျသညျ (အောက်တွင်ကြည့်ပါ) jQuery နဲ့အဆက်အသွယ်အပေါ်ပေါက်ကွဲ, ဒါမှမဟုတ်ပင်နှင့်အတူမည်မဟုတ်ကြောင်းမည်သည့် CMS သို့အတူကအသုံးပွုနိုငျ ငြိမ် HTML ကို က်ဘ်ဆိုက်။

ဒရူးပယ်လ်များအတွက် Bootstrap အဓိကအကြောင်းအရာကဘာလဲ?

ဒရူးပယ်လ်များအတွက် Bootstrap အဓိကအကြောင်းအရာကအများကြီးပိုလွယ်သည်သင်၏ website တွင် Bootstrap သုံးစွဲဖို့စေသည်။ ဒီဆောင်ပုဒ်ကို Download လုပ်ပါနှင့်သင့်ကို default အဖြစ်ပြုလုပ်ထားကြ၏။

တကယ်တော့သင်ဖြစ်နိုင်သင့်ကိုယ်ပိုင် subtheme များအတွက်အခြေခံဆောင်ပုဒ်အတိုင်း Bootstrap ဆောင်ပုဒ်အသုံးပြုချင်ပါလိမ့်မယ်။ ပေမယ့်က Bootstrap ဆောင်ပုဒ်ကိုသင်ကုဒ်တစ်ခုလိုင်းမလိုဘဲကျေနပ်ဖွယ်ပါကစိတ်ကြိုက်နိုင်မည်အကြောင်းဤကဲ့သို့သောကျယ်ပြန့်အုပ်ချုပ်မှုဖန်သားပြင်ကမ်းလှမ်းကြောင်းစစ်မှန်တဲ့ပါပဲ။

bootstrap အဆိုပါ jQuery Javascript ကိုစာကြည့်တိုက်များပေါ်တွင်မူတည်သည်။ သင်တို့သည်လည်းသူကလိုအပ်တဲ့ဗားရှင်းရရန် jQuery Update ကို module တစ်ခု install လုပ်ရန်လိုအပ်ပေမည်။ သင့်ရဲ့ site ပေါ်တွင်မဆိုအခြား module တွေ jQuery ကိုသုံးလျှင်, သတိပြုရကြမည် - သူတို့ jQuery ၏လွန်းသစ်ကို version တစ်ခုနှင့်အတူအလုပ်လုပ်နိုင်မည်မဟုတ်ပါ။

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

သင်ကဒရူးပယ်လ်အတွက် Bootstrap ကိုသုံးပါရန် Bootstrap Theme အသုံးပြုနည်းဖူးသလား?

အဆိုပါ Bootstrap မူဘောင်ရုံ CSS ကိုနှင့် Javascript သောကွောငျ့, သင် Bootstrap ဆောင်ပုဒ်သုံးစွဲဖို့မလိုအပ်ပါဘူး။ သငျသညျကို manually သင့်ရဲ့ Theme ကိုတင်းပလိတ်များပေါ်မှာဖို့ Bootstrap စာကြည့်တိုက်များနှင့် link ကိုဒေါင်းလုဒ်ဆွဲနိုင်ပါသည်။

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

အသုံးပြုနည်း Bootstrap ၏ဘယ်ဗားရှင်းကိုရွေးချယ်ပါ

သင်ဤဆောင်ပုဒ်ကို download လုပ်ပါ, စီမံကိန်းစာမျက်နှာကိုဖတ်ရှုခြင်းနှင့်သင်ဒေါင်းလုတ်လုပ်သင့်သောဗားရှင်းကိုနားလည်သေချာအောင်ခြင်းမပြုမီ။ ကွဲပြားခြားနားသောဗားရှင်း Bootstrap မူဘောင်၏ကွဲပြားခြားနားသောဗားရှင်းကိုက်ညီတဲ့။

ဥပမာ, Bootstrap ဆောင်ပုဒ်များအတွက် 7.x-2.2 လွှတ်ပေးရေး Bootstrap မူဘောင်များအတွက် 2.3.2 လွှတ်ပေးရေးထောက်ခံရန်ဖို့နောက်ဆုံးဖြစ်ခဲ့သည်။ ဒီအရေးအသား၏သကဲ့သို့, Bootstrap ဆောင်ပုဒ်၏တည်ငြိမ်သောဗားရှင်း 7.x-3.0, Bootstrap 3 နဲ့အလုပ်လုပ်ရာဖြစ်ပါတယ်။

အဆိုပါ Bootstrap ဆောင်ပုဒ် developer များဟာသူတို့ရဲ့ကြင်နာစွာညှိနှိုင်းခဲ့ကြပုံကိုသတိပြုပါ အဓိကဗားရှင်းနံပါတ်များကို Bootstrap အတူ။ အဆိုပါ 7.x-2.x လွှတ်ပေး Bootstrap 2 ဖြစ်ကြသည်ကို၎င်း, ထို 7.x-3.x လွှတ်ပေး Bootstrap 3 ဖြစ်ကြသည်။

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

သငျသညျဖြစ်ကောင်းသင်သည်တတ်နိုင်လျှင်လတ်တလောတည်ငြိမ်တဲ့ version ကိုအသုံးပြုချင်ပေမယ့်, Bootstrap 2 သာ jQuery 1.7+ လိုအပ်ပါတယ်စဉ် Bootstrap 3, jQuery 1.9+ လိုအပ်သည်ကိုသတိပြုပါ။ jQuery 1.9 ကိုသုံးပြီးသင့်ရဲ့ site ပေါ်တွင်တစ်ဦးအလွန်အရေးပါ module ကိုချိုးမည်ဆိုပါက, သင်ယခု Bootstrap 2 ကိုသုံးပါရန်ရှိသည်လိမ့်မယ်။

သင်က Bootstrap ကိုသုံးပါခင်မှာ

bootstrap သငျသညျအလုပျကိုစာရေးတံကယ်တင်နှင့်သင့် website က sparkling ကူညီပေးနိုင်ပါသည်။ သငျသညျ Bootstrap သို့ကိုယ့်ကိုကိုယ်သိုင်းကြိုးမတိုင်မီသို့သော် ZURB ဖောင်ဒေးရှင်းမှဆောင်ပုဒ်မှာကြည့်ယူပါ။ ZURB Foundation မှအရေးကြီးသောကွဲပြားခြားနားမှုရှိပါတယ်ရာအလားတူမူဘောင်ဖြစ်ပါတယ်။ ကိုယ်တိုင်ကိုယ်ကျ, ငါသည်သာလျှင်ယခုအချိန်အထိ ZURB ဖောင်ဒေးရှင်းမှကိုအသုံးပြုပါတယ်သော်လည်းငါ့သုတေသန Bootstrap သည် သာ. ကောင်း၏နေချိန်မှာသင် Bootstrap "default တန်ဖိုး" ကိုကြိုက်လျှင်သင်သည်သင်၏ဆောင်ပုဒ်အပေါ်လေးနက်စိတ်ကြိုက်လုပ်ဖို့စီစဉ်ထားသည်မှန်လျှင်, ZURB Foundation မှပိုကောင်းကြောင်းဖော်ပြသည်။ ငါဆက်ဆက် ZURB ဖောင်ဒေးရှင်းမှစိတ်ကြိုက်တစ်မွေ့လျော်တွေ့ရှိခဲ့ပါတယ်။

သင် Bootstrap အသုံးပြုချင်သေချာနေရင်တောင်, Drupal နဲ့မူဘောင်ကို အသုံးပြု. အပေါ်ဤအကြံပြုချက်များလက်လွတ်မပါဘူး။