Page Builder Sandwich нь таны ердийн хуудас бүтээгчтэй адилгүй, энэ нь төвөггүй бөгөөд ашиглахад маш хялбар юм.

Та доорх видеог үзэж товч танилцуулгатай танилцаж болно.

Редактор хаана байна вэ?

Эхлээд шинэ хуудас, нийтлэл эсвэл CPT үүсгэнэ үү. Дараа нь шинээр үүсгэсэн эсвэл одоо байгаа дурын нийтлэл рүүгээ хэрэглэгчийн хэсгээс (frontend) хандана уу. PBS нь 100% frontend тул та админ хэсэгт (backend) оролдох шаардлагагүй болно.

Таны хуудасны дээд талд (админ мөрөн дээр) “Page Builder Sandwich” товчлуур байх ёстой бөгөөд засварлаж эхлэхийн тулд түүн дээр дарна уу. Дээд талаас текст форматлах хэсэг гарч ирж, хажуу талаас элемент нэмэх самбар гарч ирэхийг та харах болно. Таны загварын контентын талбар нь одоо таны редактор боллоо!

Та PBS-ээр зөвхөн дан хуудсуудыг засах боломжтой. Блогын нийтлэлийн жагсаалт эсвэл 404 хуудсыг засах боломжгүй, учир нь тэдгээрийг таны загвар үүсгэдэг. Нийтлэлүүд, хуудсууд болон өөрчилсөн нийтлэлийн төрлүүдийг (custom post types) засах боломжтой.

Контентоо засах

Одоо хамгийн гайхалтай хэсэг нь ирлээ.. та frontend болон засварлагч дотор орсны дараа контент доторх дурын текст дээр дарж эсвэл контентын талбар дотор товшоод шууд бичиж эхлээрэй! Бусад хуудас бүтээгчдээс ялгаатай нь PBS нь цонх гарч ирэх харилцах цонхоор дамжих шаардлагагүйгээр контентыг шууд засах боломжийг танд олгоно.

Контентоо форматлах / Гоёмсог харагдуулах

Засвар хийж байх үед дээд талын талбарыг Текст форматлах мөр гэж нэрлэдэг. Энэхүү мөрөнд өнгө, тод, налуу, зэрэгцүүлэлт, холбоос нэмэх, жагсаалтын цэгүүд гэх мэт текстийг хэлбэржүүлэхэд ашиглах бүх форматлах хэрэгслүүд агуулагдсан байдаг. Хэрэгсэл нь юу хийдгийг мэдэхийн тулд товчлуур бүр дээр хулганаа аваачна уу.

Элементүүд нэмэх

Элемент нэмэх самбар-ыг харуулахын тулд дэлгэцийн зүүн дээд хэсэгт байрлах Add Elements товчлуур дээр хулганаа аваачна уу. Та мөн дэлгэцийн зүүн тал руу хулганаа зөөхөд л үүнийг харуулах боломжтой.

Дурын элемент оруулахын тулд аль нэг дээр нь хулганаа дараад контентын талбар луугаа чирнэ үү. Элемент байрших хэсэг нь тодорч харагдана. Элементийг байрлуулахын тулд хулганы товчлуурыг суллана уу.

Элементүүдийн хэв маягийг тохируулах болон өөрчлөх

Контент доторх дурын элемент дээр хулганаа аваачихад тэдгээрийн дээгүүр хүрээний шугам болон хэрэгслийн мөр гарч ирэх ёстой.

Элементүүдийн хоорондох зайг (margin) ихэсгэх/багасгахын тулд та хүрээний шугамын ирмэг дээр хулганаа аваачиж болно.

Мөн та элементийн түргэн үйлдлүүдийг гүйцэтгэхийн тулд хэрэгслийн мөр дээрх товчлуур дээр дарж болно. Хэрэгслийн мөр дээрх араа дүрс дээр дарснаар илүү олон сонголтыг агуулсан Шинж чанарын байцаагч (Properties Inspector) гарч ирнэ.

Шинж чанарын байцаагч

Шинж чанарын байцаагч нь таны элементүүдийн харагдах байдалд илүү их хяналт тавих боломжийг олгоно. Та сүүдэр, хөдөлгөөнт дүрс (animation), газрын зургийн өнгийг өөрчлөх, хүрээний радиус болон бусад олон зүйлийг нэмж болно.

Та мөн тухайн элементийн эх (parent) элементүүдийн шинж чанарт хандах боломжтой. Жишээлбэл, хэрэв та багана дотор зураг байрлуулаад шинж чанарын байцаагчийг нээсэн бол зураг, түүнийг агуулж буй багана, мөн тухайн баганыг агуулж буй мөрийн шинж чанаруудад хандах боломжтой.

Шинж чанарын байцаагч нь янз бүрийн элементүүдэд зориулсан олон төрлийн тохиргоог агуулдаг тул бүгдийг нь шалгаж үзээрэй.

Шорткод (Shortcodes) ашиглах

Page Builder Sandwich нь frontend дээр бодит шорткодуудыг харуулдаг бөгөөд та тэдгээрийг хялбархан засах боломжтой!

Хэрэв та өөрийн шорткодуудаа цээжилсэн бол контент дотроо шууд бичин оруулж болно. Харин бүгдийг нь цээжлээгүй бол (хэн тэгж цээжилдэг билээ?) байцаагч таны сайтан дээрх бүх боломжтой шорткодуудыг жагсаан харуулдаг. Байцаагчаас Shortcode товчийг контентынхоо талбар луу чирч, оруулахыг хүссэнээ олоод түүн дээр дарж оруулна уу.

Шорткодууд нь frontend дээр бодит агуулга болж хувирдаг бөгөөд тэдгээрийг засахын тулд та үүнийг сонгож, байцаагч дээр шинж чанаруудыг нь шалгаж болно. Эсвэл илүү нарийн хянахын тулд шорткод дээр хоёр товшиж эх кодоор нь засаж болно. Засвар хийсний дараа таны шорткод өөрчлөлтүүдийг тусган шинэчлэгдэх болно.

Контентоо дахин зохион байгуулах

PBS-ийн тусламжтайгаар та ямар ч зүйлийг товшоод чирч, хаашаа ч зөөж болно. Та ямар нэг зүйлийг чирэхдээ хуудасны өөр элементийн дээгүүр аваачиж, өөр ямар ч контентын дээр эсвэл доор байрлуулж болно.

Хийсэн ажлаа хадгалах

Дизайндаа сэтгэл хангалуун болмогц хуудасныхаа зүүн дээд талд байрлах хадгалах товчлуур дээр дарахад л хангалттай. Ингээд л болоо!