Page Builder Sandwich бол ердийн хуудас бүтээгч шиг биш бөгөөд ойлгомжтой, ашиглахад маш энгийн.
Та дараах видеоноос товч танилцуулгыг үзэж болно.
Редактор хаана байна вэ?
Эхлээд шинэ хуудас, нийтлэл эсвэл CPT үүсгэнэ үү. Дараа нь шинээр үүсгэсэн нийтлэл эсвэл одоо байгаа дурын нийтлэлээ вэбсайтынхаа нүүр хэсгээс (frontend) нээнэ үү. PBS нь 100% frontend дээр ажилладаг тул та админ самбар (backend) руу орж төвөгшөөх шаардлагагүй.
Хуудасны тань дээд хэсэгт (админ мөрөн дээр) “Page Builder Sandwich” товчлуур байх ёстой бөгөөд засварлаж эхлэхийн тулд түүн дээр дарна уу. Дээд талаас текст форматын хэсэг гарч ирж, хажуу талаас элемент нэмэх самбар гарч ирэх болно. Таны загварын (theme) агуулгын хэсэг одоо таны засварлагч боллоо!
Та PBS-ээр зөвхөн тусдаа хуудсуудыг засах боломжтой. Блогын нийтлэлийн жагсаалт эсвэл 404 хуудсыг засах боломжгүй, учир нь тэдгээр нь таны загвараас (theme) үүсгэгддэг. Нийтлэл, хуудас болон custom post type-уудыг засах боломжтой.
Агуулгаа засварлах
Одоо хамгийн гайхалтай хэсэг ирлээ.. та нүүр хуудас дээр редактор дотор орсон бол агуулгынхаа аль ч текст дээр дарж, эсвэл агуулгын хэсэг дотор товшоод шууд бичиж эхлээрэй! Бусад хуудас бүтээгчдээс ялгаатай нь PBS нь танд цонх нээгдэх (popup dialog box) шаардлагагүйгээр агуулгыг шууд засварлах боломжийг олгодог.
Агуулгыг форматлах / Гоёмсог харагдуулах
Засварлах үед дээд талын хэсгийг Текст форматлах мөр (Text Formatting Bar) гэж нэрлэдэг. Энэхүү мөрөнд өнгө, тод, налуу, зэрэгцүүлэлт, холбоос нэмэх, жагсаалтын цэг гэх мэт текстийн загварыг тохируулахад ашиглагдах бүх форматын хэрэгслүүд багтсан болно. Тухайн хэрэгсэл юу хийдгийг мэдэхийн тулд товчлуур бүр дээр хулганаа аваачна уу.
Элемент нэмэх
Дэлгэцийн зүүн дээд хэсэгт байрлах “Add Elements” товчлуур дээр хулганаа аваачиж Элемент нэмэх самбар-ыг (Add Element Panel) харуулна уу. Мөн үүнийг гаргаж ирэхийн тулд зүгээр л дэлгэцийн зүүн тал руу хулганаа шилжүүлж болно.
Дурын элементийг оруулахын тулд түүн дээр хулганаараа дарж, чирээд агуулгын талбар луугаа оруулна уу. Элемент байрших хэсэг тодорч харагдах болно. Элементийг байрлуулахын тулд хулганы товчоо тавина уу.
Элементийн загварыг өөрчлөх, тохируулах
Агуулга доторх дурын элемент дээр хулганаа аваачихад тэдгээрийн дээр хүрээ болон хэрэгслийн мөр гарч ирэх болно.
Элементүүдийн хоорондын зайг (margin) ихэсгэх/багасгахын тулд хүрээний ирмэг дээр хулганаа аваачиж болно.
Мөн тухайн элемент дээр түргэн үйлдлүүдийг гүйцэтгэхийн тулд хэрэгслийн мөр дээрх товчлуурыг дарж болно. Хэрэгслийн мөр дээрх араа дүрстэй дүрс дээр дарснаар илүү олон сонголтуудыг агуулсан Шинж чанарын байцаагч (Properties Inspector) гарч ирнэ.
Шинж чанарын байцаагч
Шинж чанарын байцаагч нь танд элементүүдийнхээ харагдах байдлыг илүү сайн удирдах боломжийг олгодог. Та сүүдэр, хөдөлгөөнт дүрс (animation) нэмэх, газрын зургийн өнгийг өөрчлөх, хүрээний радиус болон бусад олон зүйлийг хийж болно.
Мөн та тухайн элементийн эх (parent) элементүүдийн шинж чанарт хандах боломжтой. Жишээлбэл, хэрэв та багана дотор зураг байрлуулж, шинж чанарын байцаагчийг нээвэл тухайн зураг, түүнийг агуулж буй багана, мөн тухайн баганыг агуулж буй мөрийн шинж чанарт хандаж болно.
Шинж чанарын байцаагч нь өөр өөр элементүүдэд зориулсан олон төрлийн тохиргоог агуулдаг тул бүгдийг нь шалгаж үзээрэй.
Shortcode ашиглах
Page Builder Sandwich нь танд бодит shortcode-уудыг нүүр хэсэгт (frontend) харуулдаг бөгөөд та тэдгээрийг хялбархан засварлаж болно!
Хэрэв та өөрийн shortcode-уудаа цээжилсэн бол агуулга дотроо шууд бичиж оруулах боломжтой. Харин бүгдийг нь цээжлээгүй бол (ер нь хэн цээжилдэг гэж?) байцаагч нь таны сайтад байгаа бүх shortcode-уудыг жагсааж харуулдаг. Байцаагчаас Shortcode товчийг чирэн агуулгын хэсэгтээ оруулаад, оруулахыг хүссэнээ сонгон дарж оруулна уу.
Shortcode-ууд нь frontend дээр бодит агуулга болон хувирдаг бөгөөд тэдгээрийг засахын тулд та сонгоод байцаагч дээр шинж чанаруудыг нь шалгаж болно. Эсвэл илүү нарийн хянахын тулд shortcode дээр давхар товшоод эх кодоор нь засварлаж болно. Засвар хийсний дараа таны shortcode өөрчлөлтийг тусган шинэчлэгдэх болно.
Агуулгаа дахин байрлуулах
Та PBS-ийн тусламжтайгаар бүх зүйлийг дарж чирээд хаашаа ч шилжүүлэх боломжтой. Ямар нэг зүйлийг чирэхдээ хуудсан дээрх өөр элементийн дээгүүр аваачиж, аль ч агуулгын дээр эсвэл доор шилжүүлэн байрлуулж болно.
Хийсэн ажлаа хадгалах
Загвартаа сэтгэл хангалуун болмогц хуудасныхаа зүүн дээд хэсэгт байрлах хадгалах товчлуур дээр дарахад л хангалттай. Ингээд л болоо!