Gutenberg အယ်ဒီတာမှ ကြိုဆိုပါသည်

ယခု အယ်ဒီတာအသစ် (editor) ၏ ရည်ရွယ်ချက်မှာ WordPress ထဲသို့ စုံလင်ကြွယ်ဝသော အကြောင်းအရာများ ထည့်သွင်းခြင်းကို ရိုးရှင်းပြီး ပျော်ရွှင်စရာကောင်းစေရန် ဖြစ်ပါသည်။ ယခု ပို့စ်တစ်ခုလုံးကို အကြောင်းအရာ အစိတ်အပိုင်းလေးများဖြင့် ဖွဲ့စည်းထားခြင်းဖြစ်ပြီး ၎င်းသည် သင် စိတ်ကြိုက်ရွှေ့ပြောင်းကာ အသုံးပြုနိုင်သည့် LEGO အရုပ်တုံးလေးများနှင့် ဆင်တူပါသည်။ သင့်မောက်စ် (cursor) ကို ရွှေ့ကြည့်လိုက်ပါက ဘလောက်ခ် (block) အသီးသီးတွင် အပြင်ဘောင်လိုင်းများနှင့် မြှားလေးများ လင်းလာသည်ကို သတိပြုမိပါလိမ့်မည်။ ကူးယူခြင်း (copy) နှင့် ကူးထည့်ခြင်း (paste) လုပ်ငန်းစဉ်အတွင်း အချက်အလက်များ ပျောက်ပျက်သွားမည်ကို စိုးရိမ်စရာမလိုဘဲ၊ ဘလောက်ခ်များကို လျင်မြန်စွာ နေရာပြန်ချထားရန်အတွက် ထိုမြှားလေးများကို နှိပ်နိုင်ပါသည်။

ယခု သင်ဖတ်ရှုနေရသောအရာမှာ အခြေခံအကျဆုံးဖြစ်သည့် စာသားဘလောက်ခ် (text block) တစ်ခု ဖြစ်ပါသည်။ စာသားဘလောက်ခ်တွင် ၎င်းကို ပို့စ်အတွင်း စိတ်ကြိုက် လွတ်လပ်စွာ ရွှေ့ပြောင်းနိုင်ရန် ကိုယ်ပိုင်ထိန်းချုပ်မှုခလုတ်များ ပါရှိပါသည်…

… ညာဘက်သို့ ကပ်ညှိထားသည့် ယခုစာသားဘလောက်ခ်ကဲ့သို့ ဖြစ်ပါသည်။

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

ပုံရိပ်တစ်ခုသည် စကားလုံးပေါင်းထောင်ချီထက် ပို၍ အဓိပ္ပာယ်လေးနက်ပါသည်

ရုပ်ပုံများနှင့် မီဒီယာများကို အကောင်းဆုံး စနစ်တကျ ကိုင်တွယ်ထိန်းချုပ်နိုင်စေရန်မှာ ယခု အယ်ဒီတာအသစ်၏ အဓိက အလေးပေးထားသော အချက် ဖြစ်ပါသည်။ ပုံများတွင် စာတန်း (caption) ထည့်သွင်းခြင်း သို့မဟုတ် ပုံကို စခရင်အပြည့် (full-width) ချဲ့ခြင်း စသည့် လုပ်ဆောင်ချက်များကို ယခင်ကထက် ပိုမိုလွယ်ကူပြီး ပိုမိုခိုင်မာ စိတ်ချရကြောင်း သင် တွေ့ရှိရလိမ့်မည်ဟု မျှော်လင့်ပါသည်။

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

The Inserter Tool

WordPress လုပ်ဆောင်နိုင်သမျှ အရာအားလုံးကို အသုံးပြုသူမျက်နှာပြင် (interface) ရဲ့ တစ်နေရာတည်းမှာတင် လျင်မြန်စွာ အသုံးပြုနိုင်တယ်လို့ စိတ်ကူးကြည့်လိုက်ပါ။ HTML တဂ်တွေ၊ ကလပ်စ် (classes) တွေအကြောင်း လိုက်တွေးနေစရာ ဒါမှမဟုတ် ရှုပ်ထွေးတဲ့ ရှော့ကုဒ် (shortcode) စာသားတွေကို မှတ်မိနေစရာ မလိုတော့ပါဘူး။ ဒါဟာ အယ်ဒီတာတစ်ဝိုက်မှာ သင်မြင်တွေ့ရမယ့် အပေါင်းလက္ခဏာ (+) ခလုတ်ဖြစ်တဲ့ ‘inserter’ ရဲ့ ရည်ရွယ်ချက်ပဲ ဖြစ်ပါတယ်။ ၎င်းက သင့်ကို အသုံးပြုနိုင်တဲ့ အကြောင်းအရာဘလောက်ခ်အားလုံးကို ရှာဖွေကြည့်ရှုပြီး ပို့စ်ထဲသို့ ထည့်သွင်းနိုင်စေမှာ ဖြစ်ပါတယ်။ ပလပ်ဂင် (Plugins) တွေနဲ့ သီမ်း (themes) တွေကလည်း သူတို့ကိုယ်ပိုင် ဘလောက်ခ်တွေကို ထည့်သွင်းပေးနိုင်တာကြောင့် စုံလင်ကြွယ်ဝတဲ့ တည်းဖြတ်မှုနဲ့ ထုတ်ဝေမှုဆိုင်ရာ ဖြစ်နိုင်ခြေအမျိုးမျိုးကို ဖွင့်လှစ်ပေးထားပါတယ်။

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

• စာသားများနှင့် ခေါင်းစဉ်များ (Text & Headings)
• ရုပ်ပုံများနှင့် ဗီဒီယိုများ (Images & Videos)
• ဓာတ်ပုံအယ်လ်ဘမ်များ (Galleries)
• YouTube၊ Tweets သို့မဟုတ် အခြား WordPress ပို့စ်များကဲ့သို့ ထည့်သွင်းအသုံးပြုနိုင်သည့်အရာများ (Embeds)
• ခလုတ်များ (Buttons)၊ ဟီးရိုးပုံရိပ်များ (Hero Images) နှင့် အပိုင်းခြားလိုင်းများ (Separators) ကဲ့သို့သော အပြင်အဆင်ဘလောက်ခ်များ (Layout blocks)
• ပြီးတော့ အခု သင်မြင်တွေ့နေရတဲ့ စာရင်းအမျိုးအစားမျိုးတွေပေါ့ 🙂

---

Visual Editing

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

ယခု အယ်ဒီတာသည် စုံလင်ကြွယ်ဝသော ပို့စ်များကို စိုက်ထုတ်အားစိုက်စရာမလိုဘဲ ရေးသားနိုင်မည့် စာမျက်နှာနှင့် ပို့စ်ဖန်တီးမှုဆိုင်ရာ အတွေ့အကြုံသစ်တစ်ခုကို ဖန်တီးပေးရန် ကြိုးပမ်းသွားမည် ဖြစ်ပါသည်။ လက်ရှိအချိန်တွင် ရှော့ကုဒ် (shortcodes) များ၊ စိတ်ကြိုက်ပြင်ဆင်ထားသော HTML များ သို့မဟုတ် မည်သို့အသုံးပြုရမှန်း ခန့်မှန်းရခက်သော ဗီဒီယို/မီဒီယာ ထည့်သွင်းမှုများ (mystery meat embeds) လိုအပ်နိုင်သည့်အရာများကို လွယ်ကူလျင်မြန်စေရန်အတွက် ‘ဘလောက်ခ်’ (blocks) များကို အသုံးပြုထားခြင်း ဖြစ်ပါသည်။

Matt Mullenweg, 2017

ကိုးကားချက်၏ မူရင်းအရင်းအမြစ်နှင့် သက်ဆိုင်သောအချက်အလက်သည် ရုပ်ပုံများအောက်ရှိ စာတန်း (captions) များကဲ့သို့ပင် သီးခြားစာသားကွက်လပ်တစ်ခု ဖြစ်ပါသည်။ ထို့ကြောင့် အရင်းအမြစ်ကို သင်ရွေးချယ်ခြင်း၊ ပြင်ဆင်ခြင်း သို့မဟုတ် ဖျက်လိုက်ခြင်းတို့ ပြုလုပ်ပါစေဦးတော့ ကိုးကားချက်၏ ပုံသဏ္ဌာန်တည်ဆောက်ပုံမှာ ပျက်စီးသွားခြင်းမရှိဘဲ ကာကွယ်ထားပြီးသား ဖြစ်နေပါလိမ့်မည်။ ၎င်းကို ပြန်လည်ထည့်သွင်းရန်လည်း အမြဲတမ်း လွယ်ကူပါသည်။

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

ဘေးဘား (sidebar) ရှိ ဘလောက်ခ်စစ်ဆေးရေးကိရိယာ (block inspector) ထဲမှ ဆလိုက်ဒါ (slider) ကို ဆွဲရွှေ့ခြင်းဖြင့် သင့်ဓာတ်ပုံအယ်လ်ဘမ် (galleries) ထဲရှိ ကော်လံအရေအတွက်ကို ပြောင်းလဲနိုင်ပါသည်။

Media Rich

အကယ်၍ သင်သည် အကျယ်ချဲ့ခြင်း (wide alignment) နှင့် စခရင်အပြည့်ချဲ့ခြင်း (full-width alignment) ပုံစံအသစ်များကို ဓာတ်ပုံအယ်လ်ဘမ် (galleries) များနှင့် တွဲဖက်အသုံးပြုမည်ဆိုပါက မီဒီယာမျိုးစုံဖြင့် စုံလင်ကြွယ်ဝလှပသော အပြင်အဆင်ကို အလွန်လျင်မြန်စွာ ဖန်တီးနိုင်မှာ ဖြစ်ပါတယ် –

မှန်ပါတယ်၊ စခရင်အပြည့်ချဲ့ထားတဲ့ပုံ (full-wide image) က တော်တော်လေး ကြီးမားနေနိုင်ပါတယ်။ ဒါပေမဲ့ တစ်ခါတရံမှာတော့ ရုပ်ပုံရဲ့ တန်ဖိုးက အဲဒီလို ပြသရကျိုး တကယ်ပဲ နပ်လှပါတယ်။

အထက်တွင် ဖော်ပြထားသည်မှာ ဓာတ်ပုံနှစ်ပုံတည်းသာပါဝင်သည့် အယ်လ်ဘမ်တစ်ခု ဖြစ်ပါသည်။ ၎င်းသည် float ကုဒ်များကို ကိုင်တွယ်ဖြေရှင်းနေစရာမလိုဘဲ အမြင်အာရုံကို ဆွဲဆောင်နိုင်မည့် အပြင်အဆင်များကို ပိုမိုလွယ်ကူစွာ ဖန်တီးနိုင်သည့် နည်းလမ်းတစ်ခု ဖြစ်သည်။ ထို့အပြင် ‘block switcher’ ကို အသုံးပြု၍ အဆိုပါ အယ်လ်ဘမ်ကို သီးခြားရုပ်ပုံများအဖြစ်သို့လည်း အလွယ်တကူ ပြန်လည်ပြောင်းလဲနိုင်ပါသည်။

မည်သည့်ဘလောက်ခ်မဆို ဤကဲ့သို့ ကပ်ညှိခြင်းပုံစံ (alignments) များကို ရွေးချယ်အသုံးပြုနိုင်ပါသည်။ အခြားဝက်ဘ်ဆိုက်ချိတ်ဆက်မှု ဘလောက်ခ် (embed block) တွင်လည်း ဤလုပ်ဆောင်ချက်များ ပါရှိပြီးသားဖြစ်သည့်အပြင် မည်သည့်စခရင်အရွယ်အစားတွင်မဆို အလိုအလျောက် အံဝင်ခွင်ကျဖြစ်အောင် (responsive) ပြုလုပ်ပေးထားပြီး ဖြစ်ပါသည် –

သင်ဟာ စာသားသပ်သပ် (static) ဖြစ်စေ၊ အလိုအလျောက်ပြောင်းလဲနိုင်သော (dynamic) ဖြစ်စေ၊ အလှဆင်ထားသည်ဖြစ်စေ သို့မဟုတ် ရိုးရိုးရှင်းရှင်းဖြစ်စေ မိမိနှစ်သက်ရာ မည်သည့်ဘလောက်ခ်ကိုမဆို ဖန်တီးနိုင်ပါတယ်။ အခု ဖော်ပြထားတာကတော့ ထင်ရှားပေါ်လွင်စေတဲ့ ကိုးကားချက်ဘလောက်ခ် (pullquote block) တစ်ခု ဖြစ်ပါတယ် –

ကိုဒ အက္ခရာ ကဗျာတပုဒ်

The WordPress community

အကယ်၍ သင်သည် ဘလောက်ခ်အသစ်များကို မည်သို့တည်ဆောက်ရမည်နည်းနှင့် ပတ်သက်၍ ပိုမိုလေ့လာလိုပါက သို့မဟုတ် ယခုပရောဂျက်တွင် ပါဝင်ကူညီရန် စိတ်ပါဝင်စားပါက အောက်ပါလင့်ခ်သို့ သွားရောက်ကြည့်ရှုနိုင်ပါသည် – GitHub repository.

---

Gutenberg ကို စမ်းသပ်အသုံးပြုပေးသည့်အတွက် ကျေးဇူးတင်ရှိပါသည်

👋