Page Builder Sandwich သည် သာမန် page builder များနှင့် မတူပါ၊ ၎င်းသည် ရှုပ်ထွေးမှုမရှိဘဲ အသုံးပြုရ ရိုးရှင်းပါသည်။
အမြန်လေ့လာကြည့်ရှုနိုင်ရန် အောက်ပါဗီဒီယိုကို ကြည့်ရှုနိုင်ပါသည်။
တည်းဖြတ်စနစ် (Editor) ဘယ်မှာလဲ။
ပထမဦးစွာ စာမျက်နှာ (page)၊ ပို့စ် (post) သို့မဟုတ် CPT အသစ်တစ်ခုကို ဖန်တီးပါ။ ထို့နောက် သင်၏ frontend တွင် သင့်ပို့စ်အသစ် သို့မဟုတ် ရှိပြီးသားတစ်ခုခုကို ဝင်ရောက်ကြည့်ရှုပါ။ PBS သည် 100% frontend ဖြစ်သောကြောင့် backend တွင် ဝင်ရောက်ပြင်ဆင်နေစရာ မလိုပါ။
သင့်စာမျက်နှာ၏ ထိပ်ပိုင်း (admin bar ပေါ်တွင်) “Page Builder Sandwich” ခလုတ်တစ်ခု ရှိနေသင့်ပြီး တည်းဖြတ်ခြင်းစတင်ရန် ၎င်းကို နှိပ်ပါ။ ထိပ်ပိုင်းမှ စာသားပုံစံချသည့်နေရာ ထွက်ပေါ်လာမည်ဖြစ်ပြီး ဘေးဘက်မှ အစိတ်အပိုင်းများ ထည့်သွင်းသည့် panel ထွက်ပေါ်လာသည်ကို တွေ့ရပါမည်။ သင့် theme ၏ အကြောင်းအရာနေရာ (content area) သည် ယခုအခါ သင့်တည်းဖြတ်စနစ် ဖြစ်သွားပါပြီ!
PBS ဖြင့် စာမျက်နှာတစ်ခုချင်းစီကိုသာ တည်းဖြတ်နိုင်ပါသည်။ ဘလော့ဂ်ပို့စ်များ စာရင်း သို့မဟုတ် 404 စာမျက်နှာတို့သည် သင့် theme မှ ဖန်တီးထားခြင်းဖြစ်သောကြောင့် ၎င်းတို့ကို တည်းဖြတ်၍ မရပါ။ ပို့စ်များ၊ စာမျက်နှာများနှင့် စိတ်ကြိုက်ပို့စ်အမျိုးအစားများ (custom post types) ကို တည်းဖြတ်နိုင်ပါသည်။
သင့်အကြောင်းအရာကို တည်းဖြတ်ခြင်း
ယခု အလွန်ကောင်းမွန်သော အပိုင်းသို့ ရောက်ရှိလာပါပြီ.. သင်သည် frontend တွင် editor အတွင်းသို့ ရောက်ရှိသည်နှင့် သင့်အကြောင်းအရာထဲရှိ မည်သည့်စာသားကိုမဆို နှိပ်ပါ သို့မဟုတ် content area အတွင်း နှိပ်ပြီး စာစတင်ရိုက်ထည့်ပါ! အခြားသော page builder များနှင့်မတူဘဲ PBS သည် popup dialog box များကို ဖြတ်သန်းစရာမလိုဘဲ အကြောင်းအရာကို တိုက်ရိုက်တည်းဖြတ်နိုင်စေပါသည်။
သင့်အကြောင်းအရာကို ပုံစံချခြင်း / ပိုမိုလှပအောင် ပြုလုပ်ခြင်း
တည်းဖြတ်နေစဉ် ထိပ်ပိုင်းရှိ နေရာကို Text Formatting Bar ဟုခေါ်ပါသည်။ ဤဘားတွင် အရောင်များ၊ စာလုံးမည်း၊ စာလုံးစောင်း၊ နေရာညှိခြင်း၊ လင့်ခ်များ ထည့်သွင်းခြင်း၊ သင်္ကေတအမှတ်အသားများနှင့် အခြားအရာများကဲ့သို့သော စာသားဒီဇိုင်းပြုလုပ်ရန် အသုံးပြုမည့် ပုံစံချကိရိယာများ အားလုံးပါဝင်သည်။ ၎င်းကိရိယာ မည်သို့လုပ်ဆောင်သည်ကို သိရှိရန် ခလုတ်တစ်ခုချင်းစီပေါ်တွင် mouse တင်ကြည့်ပါ။
အစိတ်အပိုင်းများ ထည့်သွင်းခြင်း
Add Element Panel ကို ပြသရန် စခရင်၏ ဘယ်ဘက်အပေါ်ရှိ Add Elements ခလုတ်ပေါ်တွင် mouse ကို တင်ထားပါ။ စခရင်၏ ဘယ်ဘက်ခြမ်းသို့ mouse ကို ရွှေ့ရုံဖြင့်လည်း ပေါ်လာစေနိုင်ပါသည်။
မည်သည့်အစိတ်အပိုင်းကိုမဆို ထည့်သွင်းရန် တစ်ခုပေါ်တွင် mouse ကို ဖိထားပြီး သင့် content area ထဲသို့ ဆွဲယူသွားပါ။ အစိတ်အပိုင်းရောက်ရှိမည့်နေရာသည် အရောင်ပြောင်း၍ ပေါ်လွင်လာပါမည်။ အစိတ်အပိုင်းကို နေရာချရန် mouse ခလုတ်ကို လွှတ်လိုက်ပါ။
အစိတ်အပိုင်းများကို ပုံစံချခြင်းနှင့် ပြင်ဆင်မွမ်းမံခြင်း
သင့်အကြောင်းအရာတွင် ရှိနေသော မည်သည့်အစိတ်အပိုင်းပေါ်တွင်မဆို mouse တင်လိုက်ပါက ၎င်းတို့ပေါ်တွင် အကြမ်းမျဉ်းဘောင်များနှင့် ကိရိယာဘားများ ပေါ်လာပါမည်။
အစိတ်အပိုင်းများကြားရှိ ခြားနားချက်နေရာလွတ် (margins) များကို တိုးရန်/လျှော့ရန် ဘောင်များ၏ အစွန်းများပေါ်တွင် mouse တင်နိုင်သည်။
အစိတ်အပိုင်းပေါ်တွင် လုပ်ဆောင်ချက်များကို လျင်မြန်စွာ လုပ်ဆောင်ရန် ကိရိယာဘားပေါ်ရှိ ခလုတ်တစ်ခုကိုလည်း နှိပ်နိုင်သည်။ ကိရိယာဘားပေါ်ရှိ ဂီယာ အိုင်ကွန်ကို နှိပ်ပါက ရွေးချယ်စရာများ ပိုမိုပါဝင်သော Properties Inspector ပေါ်လာပါမည်။
Properties Inspector
Properties inspector သည် သင့်အစိတ်အပိုင်းများ၏ အသွင်အပြင်ကို ပိုမိုထိန်းချုပ်နိုင်စေပါသည်။ အရိပ်များ၊ လှုပ်ရှားသက်ဝင်မှုများ ထည့်သွင်းခြင်း၊ မြေပုံအရောင်များ ပြောင်းလဲခြင်း၊ ဘောင်အဝိုင်းထောင့်များနှင့် အခြားအရာများစွာကို ထည့်သွင်းနိုင်သည်။
အစိတ်အပိုင်း၏ မူလအဆင့် (parent) များဆိုင်ရာ ဂုဏ်သတ္တိများကိုလည်း ဝင်ရောက်ကြည့်ရှုနိုင်သည်။ ဥပမာအားဖြင့်၊ ကော်လံတစ်ခုအတွင်း ပုံတစ်ပုံကို ထည့်ထားပြီး properties inspector ကို ဖွင့်ပါက ပုံ၏ဂုဏ်သတ္တိများ၊ ၎င်းပါဝင်နေသည့် ကော်လံနှင့် ကော်လံပါဝင်နေသည့် အတန်း (row) တို့၏ ဂုဏ်သတ္တိများကို ဝင်ရောက်ကြည့်ရှုနိုင်မည်ဖြစ်သည်။
Properties inspector တွင် မတူညီသော အစိတ်အပိုင်းများအတွက် မတူညီသော ဆက်တင်များစွာ ပါဝင်သောကြောင့် အားလုံးကို သေချာစွာ စစ်ဆေးကြည့်ရှုပါ။
Shortcodes များကို အသုံးပြုခြင်း
Page Builder Sandwich သည် frontend တွင် shortcode အစစ်အမှန်များကို ပြသပေးပြီး ၎င်းတို့ကို လွယ်ကူစွာလည်း တည်းဖြတ်နိုင်ပါသည်!
အကယ်၍ သင်သည် shortcodes များကို အလွတ်မှတ်မိပါက သင့်အကြောင်းအရာတွင် တိုက်ရိုက်ရိုက်ထည့်ခြင်းဖြင့် shortcodes များကို ထည့်သွင်းနိုင်သည်။ သို့သော် အားလုံးကို အလွတ်မမှတ်မိပါက (မည်သူ အလွတ်မှတ်ထားပါမည်နည်း) inspector သည် သင့်ဆိုက်တွင် ရနိုင်သော shortcodes အားလုံးကို စာရင်းပြုစုပေးထားသည်။ inspector မှ Shortcode ခလုတ်ကို သင့် content area ထဲသို့ ဆွဲယူပြီး သင်ထည့်သွင်းလိုသည့်အရာကို ရှာဖွေကာ ၎င်းကို ထည့်သွင်းရန် နှိပ်ပါ။
Shortcodes များကို frontend တွင် အမှန်တကယ်အကြောင်းအရာအဖြစ် ပြသပေးမည်ဖြစ်ပြီး၊ ၎င်းတို့ကို တည်းဖြတ်ရန်အတွက် ရွေးချယ်နိုင်ပြီး inspector တွင် ၎င်းတို့၏ attributes များကို စစ်ဆေးနိုင်သည်။ သို့မဟုတ် ပိုမိုထိန်းချုပ်လိုပါက shortcode အကြမ်းပုံစံဖြင့် တည်းဖြတ်ရန် ၎င်းကို နှစ်ချက်နှိပ်နိုင်သည်။ ပြင်ဆင်တည်းဖြတ်ပြီးနောက် သင့် shortcode သည် အပြောင်းအလဲများကို ထင်ဟပ်စေရန် update ဖြစ်သွားပါမည်။
သင့်အကြောင်းအရာကို ပြန်လည်စီစဉ်ခြင်း
PBS ဖြင့် မည်သည့်အရာကိုမဆို နှိပ်ပြီး ဆွဲယူကာ နေရာမရွေး ရွှေ့ပြောင်းနိုင်ပါသည်။ တစ်စုံတစ်ခုကို ဆွဲယူသောအခါ စာမျက်နှာရှိ အခြားအစိတ်အပိုင်းတစ်ခု၏ အပေါ်သို့ ရွှေ့ပါ၊ ၎င်းတို့ကို အခြားအကြောင်းအရာတစ်ခုခု၏ အထက် သို့မဟုတ် အောက်သို့ ရွှေ့နိုင်ပါသည်။
သင့်လုပ်ဆောင်ချက်များကို သိမ်းဆည်းခြင်း
သင့်ဒီဇိုင်းကို စိတ်တိုင်းကျပါက သင့်စာမျက်နှာ၏ ဘယ်ဘက်အပေါ်ရှိ သိမ်းဆည်းရန် (save) ခလုတ်ကို နှိပ်လိုက်ရုံပါပဲ။ ဒါပါပဲ!