Discuz စတိုင်ပြုပြင်ခြင်းဖြင့်စတင်ရန်လမ်းညွှန် - ကိုယ်ပိုင်ဖိုရမ်အသွင်အပြင်ကိုဖန်တီးပါ

Discuz စတိုင်ပြုပြင်မွမ်းမံလမ်းညွှန်ဖြင့်စတင်ခြင်း

0 က်ဘ်ဆိုက်ဖွံ့ဖြိုးတိုးတက်မှုနယ်ပယ်တွင် Discuz သည်လူကြိုက်များသောအသိုင်းအဝိုင်းဖိုရမ်စနစ်ဖြစ်သည်။ စတိုင်ညှိနှိုင်းမှုမှတစ်ဆင့် Webmailers သည်အသုံးပြုသူအတွေ့အကြုံနှင့်အမြင်အာရုံဆိုင်ရာသက်ရောက်မှုများတိုးတက်စေရန်ကိုယ်ပိုင်စတိုင်ဖြင့်ဖိုရမ် interface ကိုအလွယ်တကူဖန်တီးနိုင်သည်။

ပြင်ဆင်မှု

စတိုင်မဖွင့်မီ, အောက်ပါပြင်ဆင်မှုများပြုလုပ်ရန်အကြံပြုသည်။

• Discuz ကိုမှန်ကန်စွာတပ်ဆင်ပြီးအုပ်ချုပ်ရေးဆိုင်ရာအခွင့်အရေးများရှိကြောင်းသေချာအောင်လုပ်ပါ။
• HTML နှင့် CSS ၏အခြေခံများကိုကျွမ်းကျင်ရန်နှင့် PHP ဗဟုသုတအချို့ကိုနားလည်ရန် ပို. အထောက်အကူပြုလိမ့်မည်။
• Code Editors များကို Visual စတူဒီယိုကုဒ်, Notepad ++ စသည်ဖြင့်ပြင်ဆင်ပါ။

ပြုပြင်မွမ်းမံမှုတည်နေရာဆုံးဖြတ်ရန်

ပထမ ဦး စွာကျွန်ုပ်တို့သည် Navigation bar, text size text size style style ကဲ့သို့သောဝက်ဘ်ဆိုက်၏အစိတ်အပိုင်းများကိုရှင်းလင်းရန်လိုအပ်သည့်စာမျက်နှာများကိုရှာဖွေရန်နှင့်၎င်းတို့၏သက်ဆိုင်ရာအတန်းအစားအမည်များနှင့်စတိုင်များကိုကြည့်ရှုရန် browser ၏ developer tool (f12) ကိုသုံးနိုင်သည်။

CSS စတိုင်ပြုပြင်မွမ်းမံ

Discuz စတိုင်လ်များသည် CSS ဖိုင်များကအများစုကိုထိန်းချုပ်ထားပြီး csscss သို့မဟုတ် style.css ကဲ့သို့သော template directory များတွင်တည်ရှိသည်။

ဤတွင် Navigation bar ၏နောက်ခံအရောင်အရောင်ကိုပြုပြင်ခြင်းဥပမာတစ်ခုရှိသည်။

 .navbar {
    နောက်ခံပုံ - အပြာရောင်,
}

တည်းဖြတ်ပြီးနောက်ဖိုင်ကိုသိမ်းပါ, စတိုင် update ကိုကြည့်ရန်စာမျက်နှာကို refresh လုပ်ပါ။

Template File ကိုပြုပြင်မွမ်းမံပါ

တစ်ခါတစ်ရံတွင်ခလုတ်များထည့်ခြင်း, တည်ဆောက်ပုံများကိုထည့်ခြင်း, တည်ဆောက်ပုံများအဆင်သင့်ဖြစ်သည့်နောက်ထပ်လုပ်ဆောင်မှုများကိုရရှိရန် template file ကိုပြုပြင်ရန်လိုအပ်သည် ။

ဥပမာအားဖြင့်, သင် post စာရင်းသို့ခလုတ်တစ်ခုထည့်လိုပါကအောက်ပါ HTML code ကိုသက်ဆိုင်ရာ template file ထဲသို့ထည့်နိုင်သည်။

 <a href="#" class="btn">ကြယ်သီး</a>

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

debugging နှင့် optimization

စတိုင်ပြုပြင်ခြင်းပြီးဆုံးသွားသောအခါ, စာမျက်နှာပြသထားပြီးလုပ်ဆောင်ချက်များသည်ပုံမှန်အတိုင်းပြသနိုင်ရန်သေချာစေရန် Debug ကိုသေချာပါစေ။ စတိုင်ပြောင်းလဲမှုများကိုကြည့်ရှုရန် Chrome နှင့် Firefox ကဲ့သို့သော developer tools များအသုံးပြုရန်အကြံပြုသည်။

ထို့အပြင်စတိုင်စီမံခန့်ခွဲမှု၏ဖွံ့ဖြိုးတိုးတက်မှုနှင့်ထိန်းသိမ်းခြင်းကိုထိန်းသိမ်းရန်အတွက် CSS PreSocessors (ထိုကဲ့သို့သော bootstrap) သို့မဟုတ်မူဘောင်များကိုပေါင်းစပ်ရန်အကြံပြုသည်။

ကောက်ချက်

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