Зах зээл дээр олон арван хуудас бүтээгч (page builder) байгаа тул та өөрөөсөө лав: Page Builder Sandwich юугаараа тийм онцгой юм бэ? Хэрэв танд аль хэдийн нэг нь байгаа бол үүнийг ашиглаж төвөг удах ямар хэрэг байна вэ? гэж асууж байгаа байх.
Энэ нийтлэлд би Page Builder Sandwich-ийг өвөрмөц болгодог бөгөөд контент бүтээгчид болон дизайнеруудад зайлшгүй шаардлагатай цөөн хэдэн гол онцлогуудыг тоочин хүргэх болно. Хэрэв та хуудас бүтээгч гэж юу болох, танд яагаад энэ хэрэгтэйг мэдэхгүй байгаа бол санаа зоволтгүй, бидэнд танд тусалж чадах зарим мэдээлэл бий.
1. Та зөвхөн контентынхоо харагдах дүрслэлийг үзээд зогсохгүй, бодит контентоо шууд харж, засварлана
Бусад хуудас бүтээгч дээр та контентоо зөвхөн төлөөлөх хэсгүүдийг л хардаг. Та контентоо голчлон блокууд болон тэгш өнцөгт дүрсүүдээр байрлуулах бөгөөд үр дүн нь таны контент хуудсан дээр эцэстээ ямар харагдахыг заасан ерөнхий бүдүүвч шиг харагддаг. Энэ нь эцсийн үр дүн ямар харагдахыг шалгахын тулд урьдчилан харах (preview) товчийг байнга дарахад хүргэдэг.
Page Builder Sandwich-ийн тусламжтайгаар бүх засвар таны сайтын нүүрэн талд (front-end) хийгдэх бөгөөд та контентоо шууд засварласнаар жинхэнэ “юу харж байна, түүнийгээ авна” (WYSIWYG) туршлагыг мэдрэх болно.
2. Төвөгтэй гарч ирдэг попап цонхнуудгүйгээр хурдан, хялбар шууд засварлах
Попап цонхнууд нь хуудас бүтээгчдийн салшгүй нэг хэсэг байсаар ирсэн. Ихэнх бүтээгчид дээр та гарчиг, товчлуурын бичиг эсвэл жижиг тайлбар текст гээд бүтцийнхээ аливаа зүйлийг засахыг хүсвэл эхлээд попап харилцах цонх нээгдэхийг хүлээж, өөрчлөлтөө түүний дотор хийх шаардлагатай болдог.
Бид Page Builder Sandwich дээр попап цонхнуудын ашиглалтыг бүхэлд нь хамгийн бага хэмжээнд хүргэхийг зорилгоо болгосон. Попапуудыг арилгаснаар аливаа контентыг засах нь урьд өмнөхөөсөө илүү хялбар бөгөөд саадгүй болсон.
Засварыг маш энгийн байдлаар хийнэ – текст дээрээ дарж курсороо байрлуулаад шууд бичиж эхэлнэ. Засварлаж эхлэхийн тулд TinyMCE засварлагчтай попап цонх нээгдэхийг хүлээх шаардлагагүй болсон. Хамгийн сайхан нь та контентоо чирч зөөх (drag and drop) боломжтой хэвээр байх явдал юм.
Саадгүй, хялбар засварлахад туслах бас нэгэн шинэлэг шийдэл бол байнга бэлэн байх байцаагч (inspector) цонх юм. Байцаагч нь таны багажны хайрцаг болон шинж чанарын засварлагчийн үүрэг гүйцэтгэдэг. Контентыг хэлбэржүүлэх хэрэгслүүд болох: текстийн өнгө, гарчиг, үсгийн хэмжээ тохируулах, margins, paddings, хүрээ, эшлэл болон бусад олон зүйлс ердөө ганц товшилтын зайд байна.
3. WordPress-ийн бэлэн функцуудыг дахин ашигласан байдал
Бусад хуудас бүтээгчдээс бидний анзаарсан бас нэг зүйл бол тэд ихэвчлэн дугуйг шинээр бүтээхийг (бэлэн зүйлийг дахин хийхийг) оролддог. Зарим нь өөрсдийн өнгө сонгогч, зураг байршуулагч, галерей үүсгэгч болон бусад олон төрлийн хэрэгслийг хийсэн байдаг. Энэ нь өөрөө буруу зүйл биш ч гэсэн WordPress бол кодын асар том эрдэнэсийн сан тул тэдгээрийг яагаад ашиглаж болохгүй гэж?
WordPress бол асар том, гайхалтай платформ бөгөөд олон гайхалтай хувь нэмэр оруулагчдын бүтээсэн маш олон шилдэг хэрэгслийг агуулдаг. Page Builder Sandwich нь WordPress-д аль хэдийн багтсан функцуудыг аль болох ихээр ашигладаг.
Өөрсдийн өнгө сонгогчийг хийж ашиглахын оронд бид Iris өнгө сонгогчийг ашигладаг. Өөрсдийн зураг хуулагчийн оронд бид медиа менежерийг ашигладаг. Мөн backbonejs, underscorejs, wp.hooks болон wp.shortcode зэрэг өөр бусад олон хэрэгцээт скриптүүдийг дурдаж болно. Бид эдгээрийг бүгдийг нь ашигладаг бөгөөд энэ нь бидний ажлыг хялбарчилж, кодын санг илүү тогтвортой болгодог.
WordPress-ийн функцуудыг дахин ашиглах нь мөн хэд хэдэн гайхалтай давуу талуудыг авчирсан. Жишээлбэл, зураг оруулахад медиа менежерийг ашигласнаар бид WordPress-ийн галерей, видео болон аудио тоглуулах жагсаалт, алсын URL хаягуудыг шууд дэмжиж ажиллах боломжтой болсон нь таатай гэнэтийн бэлэг байлаа. Мөн зураг засварлахад медиа менежерийг ашиглах боломжтой болсон нь хөгжүүлэлтийн олон цагийн толгойн өвдөлтийг арилгасан юм.
4. Гараар навигаци хийх болон товчлолууд
Бусад хуудас бүтээгч дээр хулгана бол таны гол туслах юм. Та үүгээр элементүүдийг чирч тавин, засахын тулд давхар товшдог. Гэвч гарыг (keyboard) ихэвчлэн үл тоодог.
Жишээлбэл, зарим бүтээгч дээр та засаж буй газраасаа нэг догол мөр/хэсгийн дээр байгаа текстийг шууд хялбархан засах боломжгүй байдаг, учир нь та попап харилцах цонхноос гарч, шинэ цонхон дээр товших шаардлагатай болдог. Page Builder Sandwich дээр та гараараа шилжих боломжтой. Контентуудынхаа хооронд шилжихийн тулд суман товчлууруудыг дарж болно, энэ нь таны өөр контент өөр нэг мөр эсвэл багана дотор байсан ч ажилладаг.
Бас нэг чухал боломж бол буцаах (undo) болон дахин хийх (redo) гарны товчлолууд юм. Эхэндээ энэ нь тийм ч чухал биш мэт санагдаж болох ч үүнийг бодоод үзээрэй: хэрэв та контентоо андуурч буруу байрлалд чирээд тавьчихвал яах вэ? Зарим хуудас бүтээгч дээр та түүнийг анхны байрлал руу нь буцааж чирэх шаардлагатай болдог. Page Builder Sandwich дээр undo болон redo хоёулаа ажилладаг. Тиймээс та бичсэн зүйлээ өөрчлөхийг хүссэн ч, эсвэл чирсэн контентоо (эсвэл олон чирсэн контентыг) буцаахыг хүссэн ч зүгээр л undo эсвэл redo дарна. Undo болон redo нь чирч тавьсан контент, цаашлаад үсгийн хэмжээ болон мөрний зай (row paddings) зэрэг шинж чанарын өөрчлөлтүүд дээр ч ажилладаг. Энэ нь тэдгээрийг таны засварлах зэвсэглэл дэх хүчирхэг хэрэгсэл болгож өгдөг.
5. Жинхэнэ frontend хуудас бүтээгч – Илүү тайван, саадгүй засварлах туршлага
Хөгжүүлэлтийн явцад бидний баримталсан үзэл санаа бол нүүрэн талд (front-end) засвар хийх нь арын албаны (back-end) хэрэгслүүдийг ашиглан засаж байгаа мэт мэдрэмж төрүүлэх ёсгүй гэсэн зарчим байв. Энэхүү бүтээгчийг анх ард талд зориулж бүтээгээд дараа нь нүүрэн тал руу шилжүүлсэн мэт санагдах ёсгүй.
Ерөнхийдөө, миний хувьд Page Builder Sandwich-ийн гол ялгарах онцлог нь бид үүнийг “жинхэнэ” frontend хуудас бүтээгч байх зорилгоор бүтээсэн бөгөөд нүүрэн талын засвар ямар байх ёстойг цоо шинээр тодорхойлж өгсөн явдал юм.