Page Builder Sandwich нь Jetpack-ийн төрөл бүрийн модулиудтай нийцтэй ажиллах ёстой.
Markdown модуль нь агуулгыг хадгалах үед онцгой үйлдэл хийдэг бөгөөд үүний улмаас markdown хөрвүүлэлтийн явцад өөрчлөлтүүд алдагдахад хүрдэг. Үүнийг зохицуулахын тулд frontend-ээс өөрчлөлтүүдийг хадгалах үед backend засварлагч дахь markdown текст нь html хаяг болж хувирдаг. (Тусалсан Jake Jackson-д баярлалаа)
Бид Page Builder Sandwich-ийг PHP 7 дээр шалгаж үзсэн бөгөөд бүх зүйл ямар ч асуудалгүй хэвийн ажиллах ёстой.
Сайтаа доод хувилбараас PHP 7 болгон шинэчлэхдээ болгоомжтой байгаарай, учир нь таны бүх загвар болон залгаасуудад шийдвэрлэх шаардлагатай доод хувилбаруудтай үл нийцэх маш олон зүйлс байдаг.
Page Builder Sandwich ба Materialize хоёр хамт ашиглагдах үед Javascript-ийн алдаа гардаг. materialize.js болон WordPress Core-ийн өнгө сонгогч (color picker) хооронд зөрчил үүсдэг байна.
Энэ талаар Materialize-ийн GitHub репозитор дээр асуудал үүсгэсэн байгаа: https://github.com/Dogfalo/materialize/issues/2821
Та өөрийн сайт дээрх лицензийг идэвхгүй болгохгүй л бол залгаас хэвийн ажилласаар байх болно. Нэгэнт идэвхгүй болгосон бол та үүнийг дахин идэвхжүүлэх боломжгүй.
Та WordPress хяналтын самбараасаа шинэчлэлт хүлээн авах, эсвэл шинэ хувилбаруудад хандах боломжгүй болно. Мөн бид танд гайхалтай тусгай дэмжлэг үзүүлэх боломжгүй болно.
Виджет нэмэхийн тулд инспекторын Elements хэсэг дэх Widget Element товчийг дарна. Дарсны дараа Page Builder Sandwich-ийн таны сайтаас олсон бүх виджетийг жагсаасан гарч ирэх цонх гарч ирэх ёстой.
Таны WordPress сайт дээрх бүх виджетийг нэмэх боломжтой боловч тохиргоондоо өөрчилсөн/тусгай Javascript код ашигладаг зарим виджетүүд зөв ажиллахгүй байж магадгүй. Дараах зүйлсийг ашигладаг виджетүүд ажиллахгүй байж болзошгүй:
WordPress-ийн анхдагч виджетүүд болон үүнтэй төстэйгөөр үүсгэгдсэн виджетүүдэд ямар ч асуудал гарахгүй байх ёстой.
Хэрэв танд тухайн виджет зайлшгүй ажиллах шаардлагатай байгаа бол үүнийг тойрч гарах арга бий.
Та WPMU Dev-ийн Custom Sidebars залгаасыг ашиглан шинэ хажуугийн талбар/виджетийн талбар үүсгэж, Appearance > Widgets хэсгийн ердийн аргыг ашиглан виджетээ тэнд нэмж болно. Дараа нь Page Builder Sandwich дотроос Sidebar Element нэмээд, өөрт хэрэгтэй виджетийг агуулсан хажуугийн талбарыг сонгоорой.
Өөр нэг хувилбар бол Page Builder Sandwich-д байгаа төрөл бүрийн элемент болон загваруудыг ашиглан хүссэн үр дүнгээ шинээр бүтээх явдал юм.
Та Page Builder Sandwich-ийг анх худалдан авах үед уг залгаасыг агуулсан .zip файл таны компьютерт автоматаар татагдах болно.
Хэрэв та үүнийгээ гээсэн бол энэ холбоосоор орж .zip файлаа дахин татаж авах боломжтой: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Энэ холбоос дээр лицензээ оруулснаар та Page Builder Sandwich-ийн .zip файлаа өөрийн лиценз болон бүртгэлийн мэдээллийн хамт сэргээн авах боломжтой болно.
Техникийн хувьд энэ нь ямар ч, бүх загвартай ажиллах ёстой.
Хэрэглэгчид болон үйлчлүүлэгчдийнхээ хамтаар бид Page Builder Sandwich-ийг WordPress.org загварын сан, Genesis Themes, StudioPress Themes, Elegant Themes болон ThemeForest-ийн олон загваруудтай амжилттай ашигласан.
Гэсэн хэдий ч таны загвар ердийн бус тохиргоотой байж, Page Builder Sandwich-ийг зөв ажиллахад саад учруулах тохиолдол гарч болзошгүй. Тийм зүйл тохиолдвол бидэнд тусламжийн хүсэлт илгээнэ үү, бид засахыг хичээх болно.
Page Builder Sandwich дээр аливаа зүйлийг устгахдаа ихэвчлэн текст эсвэл элементийг сонгоод delete эсвэл backspace товчийг дарахад л хангалттай байдаг.
Өөр нэг арга бол хянагч дээрх устгах / хасах товчийг дарах явдал юм:
Энэ нь ажиллахгүй байх зарим тохиолдол байдаг. Ажиллахгүй зүйлс нь ихэвчлэн мөр, багана эсвэл карусель зэрэг агуулагч контейнерүүд байдаг. Энэ нь агуулгыг устгах явцад санамсаргүй байдлаар устгахаас сэргийлэх зорилготой юм.
Эдгээр зүйлсийг устгахын тулд хянагч дахь элементийн тохиргоо (properties) дээрх устгах / хасах товчийг дарна уу. Жишээлбэл, мөрийг устгахын тулд та энэ хэсгийг ашиглах хэрэгтэй болно:
Зураг нэмэх нь маш хялбар. Та дараах хоёр аргын аль нэгийг ашиглаж болно:
Page Builder Sandwich нь одоо дараах хэлээр боломжтой:
Хэрэв та Page Builder Sandwich-ийг өөрийн хэл рүүгээ орчуулж хувь нэмрээ оруулахыг хүсвэл манай Transifex хуудас руу очоорой!
Олон мянган загвар (theme) болон бусад залгаасууд (plugin) байдаг. Тиймээс бид хичээн, бүх зүйлийг стандартад нийцүүлэн бүтээхийг зорьдог ч заримдаа асуудал гарч болзошгүй байдаг.
Хэрэв таны тохиргоонд Page Builder Sandwich зөв ажиллахгүй байгаа бол асуудлыг олж засварлахын тулд дараах хэдэн алхмыг хийж болно.
Нийтлэлийг эндээс үзнэ үү: “Edit with Page Builder Sandwich” товч харагдахгүй байна Хэрэв энэ нь асуудлыг шийдэхгүй бол үргэлжлүүлэн уншина уу.
Баримт бичгийн Алдааг олж засварлах ангилал дахь бусад нийтлэлүүдийг үзнэ үү.
WordPress, таны залгаасууд, таны загвар болон бүр Page Builder Sandwich ч гэсэн. Үргэлж шинэчлэгдсэн байх нь сайн. Бүх зүйлсээ шинэчилснээр таны сайтын хамгийн сүүлийн үеийн алдаа, эмзэг байдлын засварууд суугдсан байна гэсэн үг юм.
Хэрэв та Page Builder Sandwich-ээр агуулгаа засаж чадахгүй байгаа бол (мөн алдааны попап гарч ирсэн байж магадгүй), таны одоо байгаа хуудасны агуулга бүхэлдээ таны загвар эсвэл залгаасаас үүсгэгдсэн байж болзошгүй. Үүнийг шалгахын тулд WordPress-ийг ашиглан хуудас/нийтлэлээ арын хэсэгт энгийн байдлаар засаад, хадгалсан агуулга тань нүүр хэсэгт гарч ирж байгаа эсэхийг шалгана уу. Хэрэв харагдахгүй бол энэ нь тухайн хуудас/нийтлэлийн агуулга бүхэлдээ автоматаар үүсгэгдсэн бөгөөд PBS ашиглан засах боломжгүй гэсэн үг юм.
Заримдаа залгаас нь Page Builder Sandwich-тэй зөрчилдөж болзошгүй. Аль залгаас зөрчил үүсгэж байж болзошгүйг шалгахын тулд нэг залгаасыг идэвхгүй болгож, PBS дахин ажиллаж эхэлж байгаа эсэхийг шалгаарай. Үүнийг идэвхжүүлсэн залгаас бүрийн хувьд хийнэ үү. Хэрэв PBS дахин ажиллаж эхлээд та хуудсуудаа засах боломжтой болсон бол дөнгөж сая идэвхгүй болгосон залгаас нь PBS-тэй нийцэхгүй байна гэсэн үг юм. Ийм тохиолдолд [email protected] хаягаар бидэнд имэйлээр мэдэгдээрэй, бид үүнийг засах боломжтой.
Хэрэв залгаасуудыг идэвхгүй болгох нь ямар нэг үр дүнд хүрээгүй бол загвараа WordPress-ийн үндсэн загвар руу (Twenty-Something загварууд) шилжүүлж үзээрэй. Хэрэв та агуулгаа Page Builder Sandwich-ээр дахин засаж эхэлж чадаж байвал таны ашиглаж буй загвар PBS-тэй нийцэхгүй байна гэсэн үг юм. Энэ мэдээллийг [email protected] хаягаар бидэнд имэйлээр илгээж мэдэгдэнэ үү, бид үүнийг засах боломжтой.
Ховор тохиолдолд хөтөчийн өргөтгөл (extension) нь вэбсайтын Javascript кодыг зөв ажиллахад саад учруулж болзошгүй байдаг. Хөтөчийн өргөтгөл асуудал үүсгэж байгаа эсэхийг шалгахын тулд хөтөчөө нууц (incognito горим – Chrome) эсвэл хувийн горимд (private mode) нээж, PBS-д хандаж үзнэ үү, ингэснээр ямар ч өргөтгөлгүйгээр шинэ таб нээгдэнэ. Хэрэв энэ нь ажиллаж байвал зөрчилтэй өргөтгөл байна гэсэн үг юм.
PageXray хөтөчийн өргөтгөл нь асуудал үүсгэдэг болох нь тогтоогдсон.
Өмнө нь NextGen болон Page Builder Sandwich-тэй холбоотой асуудал гарч байсан.
2.12 хувилбараас өмнө PBS нь NextGen-ээс алдааны мэдээлэл гарч, таны сайтад хоосон цагаан дэлгэц үүсэхэд хүргэж байсан. Үүнийг 2.12 хувилбараас эхлэн зассан тул хэрэв та хуучин хувилбар ашиглаж байгаа бол шинэчилнэ үү.
Бид Page Builder Sandwich таны вэбсайтын гүйцэтгэлд бараг ямар ч нөлөө үзүүлэхгүй байх тал дээр анхаарч ажилласан. Системээс гарсан үед хамгийн наад зах нь зөвхөн мөр болон баганын CSS загварууд, мөн таны ашигласан shortcode-уудад шаардлагатай JS болон CSS скриптүүд л дуудагддаг.
Markdown нь үндсэндээ та бичвэрээ засах явцдаа форматыг нь нэмэх эсвэл өөрчлөхийн тулд бичдэг синтакс юм. Эдгээр нь товчлолын товчлууруудтай төстэй боловч товчлуурын хослол дарахын оронд та тэдгээрийг бичиж оруулдаг.
Доор Page Builder Sandwich дээр дэмжигдсэн бүх Markdown синтаксийн жагсаалтыг харуулав.
## Гарчиг2
### Гарчиг3
хүртэл:
###### Гарчиг6
> Ишлэл
(4 зай)Урьдчилан форматласан текст/код
* Цэгтэй жагсаалт - Цэгтэй жагсаалт
1. Дугаарласан жагсаалт 1) Дугаарласан жагсаалт
- ------------------------------(эсвэл олон зураас)
URL-уудыг бичихэд автоматаар холбоос болгон хувиргана:
https://pagebuildersandwich.com руу очно уу
[Page Builder Sandwich](https://pagebuildersandwich.com руу очно уу
Шорткодыг засварлах явцдаа хуулж тавих эсвэл шууд бичиж оруулах боломжтой. Шорткодоо бичиж дууссаны дараа Enter дарж эсвэл шорткодоос гадагш шилжихэд энэ нь шууд боловсруулагдсан хэлбэрээрээ харагдах болно.
Шорткод нэмэх өөр нэг арга бол өөрийн инспектор дээрх Shortcode Element дээр дарах явдал юм. Энэ нь таны сайт дээр ашиглах боломжтой бүх шорткодыг харуулсан попап цонхыг гаргаж ирнэ. Оруулахын тулд нэгийг нь сонгох эсвэл түүн дээр давхар товшино уу.
Та шорткодыг 2 аргаар засварлах боломжтой:
Шорткодын шинж чанаруудыг Page Builder Sandwich автоматаар таних боломжгүй байдаг. Тиймээс та тэдгээрийг гараар бичиж оруулах шаардлагатай. Бид хүн бүрд илүү хялбар болгох үүднээс шорткодуудыг системд уялдуулах арга дээр ажиллаж байна. Бидэнтэй хамт байж мэдээллийг хүлээн аваарай.
Та YouTube бичлэг, Vimeo бичлэг, Жиргээ болон бүр Reddit-ийн сэтгэгдэл зэрэг төрөл бүрийн сайтын контентыг Page Builder Sandwich дотор тэдгээрийн байнгын холбоос URL-ийг хуулж тавьснаар шигтгэж оруулах боломжтой.
Нэг бүтэн мөрөнд зөвхөн тухайн URL байх ёстойг анхаарна уу
Page Builder Sandwich нь WordPress-ийн oEmbed функцтэй хамтран ажилладаг. Иймд таны админ хэсэгт шигтгэж болох URL-ууд дэмжигдэх ёстой. Нэмэлт oEmbed үйлчилгээ үзүүлэгчдийг дэмждэг залгаасууд ч мөн ажиллах ёстой.
Та oEmbed үйлчилгээ үзүүлэгчдийн жагсаалтыг кодексоос харах боломжтой: https://codex.wordpress.org/Embeds
Та YouTube бичлэг, Vimeo бичлэг, Instagram зураг, Flickr зураг, Жиргээ болон Reddit-ийн сэтгэгдэл зэрэг төрөл бүрийн сайтуудын шууд холбоос (permalink) URL-ийг шууд буулган контент суулгах боломжтой.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Суулгах боломжтой URL-уудын жагсаалтыг WordPress кодексоос харах боломжтой: https://codex.wordpress.org/Embeds
Та мөн нэмэлт суулгах URL-уудыг дэмжих бусад залгаасуудыг суулгаж болно. Жишээлбэл, Wistia-ийн URL-уудыг WordPress шууд дэмждэггүй тул та тэдний залгаасыг суулган суулгах боломжийг идэвхжүүлэх боломжтой бөгөөд үүний дараа PB Sandwich нь тэдгээрийг мөн боловсруулах чадвартай болно.
Энэ нь ажиллахын тулд нэг бүтэн мөр бичвэрт зөвхөн тухайн URL байх ёстойг анхаарна уу.
Та мөн суулгах кодыг шууд буулгаж болно.
Суулгах код нь дараах байдалтай харагдана:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Энэ нь ажиллахын тулд нэг бүтэн мөр бичвэрт зөвхөн суулгах код байх ёстойг анхаарна уу.
“Медиа нэмэх” хэрэгсэл дээр дарж, дараа нь “URL-аас оруулах” таб дээр өөрийн URL-аа буулгана уу.
Та Page Builder Sandwich-ийг ашиглан зөвхөн хуудсууд, нийтлэлүүд болон тусгай нийтлэлийн төрлүүдийн агуулгыг засах боломжтой.
Гэхдээ та дараахтай адил загварын (theme template) файлуудыг засах боломжгүй:
Үүнийг дараах байдлаар ойлгож болно: хэрэв таны вэбсайтын нүүрэн талын админ мөрөнд “Нийтлэл засах” эсвэл “Хуудас засах” гэсэн товч байвал уг хуудсыг засах боломжтой гэсэн үг юм.
Page Builder Sandwich-ийг бусад залгаасуудтай зэрэгцэн ажиллахад аль болох саад учруулахгүй байхаар бүтээсэн.
Гэсэн хэдий ч заримдаа үл хамаарах тохиолдлууд гардаг. Доор Page Builder Sandwich-тэй хамт ажиллах үед зарим нэг өвөрмөц онцлог илэрдэг залгаасуудын жагсаалтыг харуулав. Энэ нь тэдгээр нь ажиллахгүй эсвэл зохицохгүй гэсэн үг биш бөгөөд зөвхөн зарим үйлдэл нь өөр байж болох юм.
Бид энэхүү жагсаалтыг үргэлжлүүлэн шинэчлэх болно. Хэрэв танд ямар нэгэн зүйл ажиглагдсан бол дараах хаяг руу тусламжийн хүсэлт илгээнэ үү: [email protected]
Page Builder Sandwich-ийн premium хувилбарт та өөрийн SVG / вектор дүрсүүдийг ашиглах боломжтой. Үүнийг дараах байдлаар хийнэ:
Байршуулсан дүрсүүдийг мөн жагсаалтын тэмдэглэгээний дүрс болон товчлуурын дүрс болгон ашиглаж болно.
Санамж: Хэрэв таны хайлтаар дүрс гарч ирэхгүй байвал PBS файлын нэрийг зөв задлан шинжлээгүй байж магадгүй. Ийм тохиолдолд та байршуулсан дүрсээ олохын тулд “custom” эсвэл “upload” гэсэн нэр томьёог ашиглан хайж болно.
PBS асаалттай бөгөөд засварлах горимд байгаа эсэхийг шалгана.
if ( PBSEditor.isEditing() ) {
// Засварлаж байх үед ямар нэгэн үйлдэл хийх.
}
Байхгүй.
Boolean. Одоогоор засварлаж байгаа үед True, засварлаагүй үед False.
Засварлах явцад PBS-ийн респонсив харагдацыг харуулахад ашигладаг iframe дотор ашиглагдана. Энэ нь <head> таг хаагдахын яг өмнө дуудагддаг бөгөөд скрипт болон загвар нэмэхэд ашиглаж болно.
Байхгүй.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
Хэрэв танд ямар нэгэн асуудал гарсан бол бид туслахад бэлэн байна! Гэхдээ эхлээд баримт бичгийн хуудсуудыг шалгана уу, та эндээс хариултаа олж цагаа хэмнэх боломжтой.
Дэмжлэг авах хүсэлтээ бидэнд [email protected] хаягаар имэйлээр илгээнэ үү
PBS нь хэрэглэгчид PBS-ийн засварлагчид хадгалах бүрд зөвшөөрөл өгсөн хэрэглэгчдийн ашиглалтын статистикийг илгээдэг. Энэхүү шүүлтүүрийг өгөгдөл илгээхийг зогсооход ашиглаж болно.
$true
Boolean. Энэ нь үргэлж true байна.
Хэрэглэгч өөр өөр респонсив харагдацуудын хооронд шилжих үед идэвхжинэ.
Байхгүй.
Та pbs_is_editable_by_user шүүлтүүрийг ашиглан PB Sandwich-ийг хэрэглэгчийн хэсэгт (front-end) харагдахаас сэргийлж чадна.
Жишээлбэл, slider слагтай Custom Post Type-д PB Sandwich харагдахыг зогсоохын тулд та өөрийн functions.php файлд энэ хэсэг кодыг нэмж болно
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_in_sliders' );
function stop_pbs_in_sliders( $editable ) {
if ( is_singular( 'slider' ) ) {
return false;
}
return $editable;
}
Тодорхой хуудас/нийтлэл дээр PB Sandwich-ийг зогсоохын тулд та нийтлэлийн ID-г шалгах байдлаар ашиглаж болно:
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_for_123' );
function stop_pbs_for_123( $editable ) {
global $post;
if ( is_singular() && ! empty( $post ) ) {
if ( '123' === $post->ID ) {
return false;
}
}
return $editable;
}
Хэрэв танд асуудал тулгарсан бол бид туслахад бэлэн байна! Гэхдээ эхлээд баримт бичгийн хуудсуудыг шалгана уу, та эндээс хариултаа олж, цагаа хэмнэх боломжтой.
Дэмжлэг авах хүсэлтээ [email protected] хаягаар бидэнд имэйлээр илгээнэ үү
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Байхгүй.
Array. Илрүүлсэн бүх богино кодын тагуудын массив.
PBS >= 4.3
PBS нь нийтлэлийн агуулгын хэсгийг тодорхойлохын тулд wrapper нэмдэг. Энэ нь wrapper-ийг байрлуулахаас өмнө дуудагддаг.
$content
String. Wrapper хэрэгжүүлсэн нийтлэлийн агуулга.
PBS >= 4.3
Хэрэглэгчийн талд (front-end) PBS-ийг ачаалах эсэх болон хэрэглэгчид бичлэгийг засахад PBS ашиглахыг зөвшөөрөх шийдвэрийг дарж өөрчлөх.
$is_editable
Boolean. Бичлэгийг PBS-ээр засах боломжтой байх ёстой бол True. Үгүй бол False
Portfolio post_types төрлийг PBS-ээр засахыг хориглох
add_filter( 'pbs_is_editable_by_user', 'disallow_portfolios' );
function disallow_portfolios( $is_editable ) {
global $post;
if ( $post ) {
if ( 'portfolio' === get_post_type( $post ) ) {
return false;
}
}
return $is_editable;
}
Засварлах явцад хариу үйлдэлт (responsive) харагдацыг дүрслэхийн тулд PBS-ийн ашигладаг iframe дотор хэрэглэгдэнэ. Энэ нь <body> хаагдах тагийн яг өмнө дуудагддаг бөгөөд скрипт болон загварын хуудас нэмэхэд ашиглаж болно.
Байхгүй.
PBS нь нийтлэлийн агуулгын хэсгийг тодорхойлохын тулд wrapper нэмдэг. Үүнийг wrapper-ийг байршуулсны дараа дууддаг.
$content
String. Wrapper хэрэгжүүлсэн нийтлэлийн агуулга.
PBS >= 4.3
PageBuilderSandwich-ийн инстансыг авна
$pbs = PageBuilderSandwich::instance()
Байхгүй.
PageBuilderSandwich объект. PBS классын одоогийн инстанс.
PageBuilderSandwich::is_editable_by_user()
Байхгүй.
Boolean. Хэрэв PBS уг нийтлэлийг засах боломжтой бол True, үгүй бол false байна.
Нийтлэлд хадгалагдаж буй CSS загваруудыг өөрчлөх шүүлтүүр. Энэ нь PBS засварлагчаас хадгалах үйлдлийг эхлүүлсэн үед дуудагддаг.
$style
String. Хадгалахаар илгээсэн CSS загварууд.
$post_id
Int. Бидний хадгалж буй нийтлэлийн id.
PBS засварлагч ачаалж дуусах үед дуудагдана (хэрэглэгч засварлаж эхлэх товч дээр дарах үед дуудагдахгүй)
PBS ачаалагдсаны дараа ямар нэг зүйл хийх
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
PBS-ийн богино кодын сонгогчоос (shortcode picker) нуух богино кодын хаягуудын жагсаалт. Хэрэв сонгогчийн попап цонхонд гарч ирж буй аль хэдийн хуучирсан эсвэл хэрэглэгчдээс зүгээр л нуухыг хүсэж буй богино кодууд байгаа бол үүнийг ашиглана уу.
$shortcodes
Array. Богино кодын хаягуудын массив.
богино кодыг сонгогчоос нуух.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
Нүүрэн хэсэгт (front-end) pbsFrontendParams объектод Javascript шинж чанаруудыг нэмнэ. Хэрэглэгч нэвтэрсэн болон засварлаж байгаа эсэхээс үл хамааран pbsFrontendParams объект нь нүүрэн хэсэгт бэлэн байдаг.
$params
Array. Window түвшний Javascript хувьсагч pbsFrontendParams дотор ашиглах боломжтой болох түлхүүрүүд болон утгуудын массив.
Хувьсагчийг нүүрэн хэсэгт хандах боломжтой болгох
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// Энэ нь Javascript дотор pbsFrontendParams.myProperty нэрээр ашиглах боломжтой болно
$params['myProperty'] = 'My Property';
return $params;
}
Page Builder Sandwich-ийн дийлэнх хэсэг нь Javascript бөгөөд хөгжүүлэгчид манай хуудас бүтээгчийн функцийг өргөтгөж, илүү их боломж нэмэх боломжтой байх үүднээс бид олон тооны аргуудыг (methods) нэмсэн.
Хөгжүүлэгчдэд ажлыг илүү хялбар болгохын тулд бид WordPress-ийн ажилладаг зарчим болох hooks (дэгээ)-ээр дамжуулан зохион байгуулсан!
WordPress дээр та WP-ийн ажиллагааг өөрчлөх эсвэл нэмэхийн тулд ихэвчлэн add_filter() болон add_action() функцуудыг ашигладаг. Үүнтэй адилаар PBS дээр та wp.hooks.addFilter() болон wp.hooks.addAction() функцуудыг ашиглаж болно.
Тэдгээрийг ашиглах зарчим нь мөн адил: зүйлсийг өөрчлөхөд filters, нэмэлт үйлдэл хийхэд actions ашиглана. Эдгээр хоёр функцын дуудлага нь Javascript дээр ажилладгийг эс тооцвол PHP дээрх хувилбаруудтайгаа үндсэндээ ижил юм.
PHP дэгээнүүд болон Javascript дэгээнүүдийг хооронд нь холихгүйн тулд бид Javascript дэгээнүүдийг “period-case” (зохиосон үг) буюу цэгээр заагласан хэлбэрээр нэрлэсэн. PHP дэгээнүүд бүгд snake case ашигладаг:
Бүх дэгээг үзэхийн тулд зүүн цэс дэх Javascript Actions болон Javascript Filters категориудыг харна уу.
Сонирхсон хүмүүст хэлэхэд, бид Javascript дээр эдгээр гайхалтай дэгээний дуудлагуудыг нэмэхийн тулд https://github.com/carldanley/WP-JS-Hooks-ийг ашиглаж байна
Редактор агуулгыг хадгалахын өмнөхөн дуудагдана. Та үүнийг ашиглан хадгалах үед илгээх нэмэлт өгөгдлийг оруулах боломжтой (энэ нь өгөгдлийг хадгалахгүй бөгөөд зөвхөн Ajax-аар дамжуулан backend рүү илгээнэ)
payload
FormData объект. Хадгалахаар Ajax-аар илгээсэн өгөгдөл.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Add data to be sent during saving.
payload.append( 'my_data', 'My Data' );
}
PBS-тэй зэрэгцүүлэн скрипт эсвэл загварыг дараалалд оруулна (enqueue). Энэ нь зөвхөн уг нийтлэлийг PBS-ээр засах боломжтой үед л дуудагдана. Хуудсыг PBS-ээр засах боломжгүй үед үүнийг огт ашиглахгүй.
Байхгүй.
PBS ачааллах үед my-script.js-ийг мөн дараалалд оруулна
add_action( 'pbs_enqueue_scripts, 'add_my_script' );
function add_my_script() {
wp_enqueue_script( 'my-script' , plugins_url( 'js/my-script.js', __FILE__ ) );
}
Фронт-энд дэх pbsParams объектод Javascript шинж чанаруудыг нэмдэг. Хэрэглэгч системд нэвтэрсэн бөгөөд хуудсыг засах эрхтэй үед pbsParams объект нь фронт-энд хэсэгт ашиглагдах боломжтой болно.
Мөн энэ хувьсагч нь засварлах явцад PBS-ийн ашигладаг nonce, дуудагдсан бүх shortcode-ийн жагсаалт болон орчуулгын мөрүүд зэрэг олон шинж чанарыг агуулдаг.
$params
Array. Window түвшний Javascript хувьсагч pbsParams-д ашиглагдах түлхүүр ба утгуудын массив.
Илрээгүй shortcode-ыг засварлагч руу нэмэх
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
Хэрэв та өөрийн премиум залгаасын хуулбараа хаана хадгалснаа олохгүй байгаа бол энд орж өөрийн имэйл хаягаа оруулан сэргээн авах боломжтой. Залгаасыг таны имэйл рүү илгээх болно.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Энэ нь дээд зэрэглэлийн (premium) боломж бөгөөд 4.0.1+ хувилбарт боломжтой
Нэг хуудас дотор гүйлгэх зангуу холбоосууд нь тухайн хуудасны тодорхой байрлал руу заадаг холбоосууд юм. Та нэг хуудасны холбоос дээр дарахад таны хөтөч заасан хэсэг рүү гүйлгэх болно.
Нэг хуудасны зангуу холбоос үүсгэхийн тулд танд хоёр зүйл хэрэгтэй:
Хуудасныхаа доод хэсэгт байрлах дурын элементийг сонгоод түүний тохиргоог нээнэ үү. Нарийвчилсан (advanced) хэсэгт ” go_here” нэртэй өөрийн үүсгэсэн класс эсвэл өөрийн үүсгэсэн ID-г нэмнэ үү
Одоо хуудасныхаа дээд хэсэгт холбоос үүсгэх эсвэл товчлуур элемент нэмнэ үү. Холбоос дээр URL нэмэхийн оронд хэрэв та “go_here”-г өөрийн үүсгэсэн класс болгон нэмсэн бол ” .go_here” (цэгийн хамт); эсвэл үүнийг өөрийн үүсгэсэн ID болгон нэмсэн бол “#go_here” (чагтын хамт) гэж ашиглана уу.
Хуудсаа хадгалсны дараа та холбоос/товчлуур дээрээ дарахад энэ нь таны хуудасны доод хэсэгт байрлах элемент рүү жигд гүйлгэх ёстой.
Дараах зэрэг нэрлэсэн зангуунуудыг
<a name="go_here"></a>
“#go_here” (чагтын хамт) холбоос нэмэх замаар мөн чиглүүлж болно
Хэрэв та тэдгээрийг класс нэр эсвэл ID-гаар нь чиглүүлж байгаа бол хуудасны засварлагчийн хэсгийн гадна байсан ч хамаагүй хуудасныхаа бусад аль ч хэсэг рүү чиглүүлж болно.
Агуулга хадгалагдсаны дараа дуудагдана. Энэ нь PBS засварлагчаас хадгалах үйлдлийг эхлүүлсэн үед дуудагддаг.
Байхгүй
Хадгалах нийтлэлийн өгөгдлийг өөрчлөх шүүлтүүр (filter). Энэ нь PBS засварлагчаас хадгалах үйлдлийг эхлүүлэх үед дуудагдана.
$post_data
Array. Хадгалагдах нийтлэлийн эцсийн өгөгдөл бөгөөд үүний дараа wp_update_post() руу шууд дамжуулагддаг.
$_POST
Array. Хадгалахаар засварлагчаас илгээсэн боловсруулаагүй post өгөгдөл. Үүний nonce-г өмнө нь баталгаажуулсан болно.
$post_id
Int. Бидний хадгалж буй нийтлэлийн ID.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// For some reason, we always want the post to be a draft.
$post_data['post_status'] = 'draft';
return $post_data;
}
Хэрэв та загвар хөгжүүлэгч бол загвартаа PBS-ийг оруулснаар бүтээгдэхүүнийхээ үнэ цэнийг ихээхэн нэмэгдүүлэх боломжтой.
Бидэнтэй [email protected] хаягаар холбогдоно уу, хамтран ажиллацгаая!
CloudFlare бол өргөнөөр ашиглагддаг үнэгүй DNS CDN юм. Энэ нь маш сайн хэрэгсэл боловч одоогоор Rocket Loader боломжтой холбоотойгоор PBS-д асуудал тулгарч байна. Rocket Loader нь Javascript файлуудын ачааллыг сайжруулдаг боловч энэ нь PBS-ийн скриптүүдийн хамаарал болон дуудах дарааллыг алдагдуулдаг. Хэрэв та Rocket Loader-ийг асаасан бол Page Builder Sandwich-ийн засах товч харагдахгүй (мөн Javascript консолын алдаа ч гарахгүй).
Rocket Loader-ийг унтраахын тулд CloudFlare бүртгэлдээ нэвтэрч, өөрийн домэйны тохиргоо руу орно уу. Speed тохиргоо руу шилжинэ үү:
Дараа нь доош гүйлгэж Rocket Loader тохиргоо руу очиж уг тохиргоог унтраасан эсэхийг шалгана уу:
Үүнийг унтраасны дараа Cache тохиргооноос өөрийн бүх сайтын кэшийг цэвэрлэхээ (purge) мартуузай:
Кэшээ бүрэн цэвэрлэсний дараа та хуудсыг шинэчлэх (refresh) боломжтой ба Page Builder Sandwich-ийн засах товч одоо гарч ирэх ёстой.
4.0 хувилбараас эхлэн та засварлах явцдаа десктоп, таблет болон гар утасны харагдацуудын хооронд шилжих боломжтой боллоо! Бид үүнийг респонсив горим гэж нэрлэдэг. Респонсив горимд таны сайт жижиг дэлгэц дээр хэрхэн харагдахыг загварчлахын тулд илүү жижиг хэмжээтэй болж өөрчлөгдөнө.
Сайтаа таблет эсвэл гар утасны харагдацаар харж байх үед засварлах боломж хязгаарлагдмал байх болно. Үүгээр та ЗӨВХӨН дараах зүйлсийг хийх боломжтой:
* PBS нь таны элементүүд болон мөрүүдэд зарим респонсив хэв маягийг хэрэгжүүлдэг тул зарим зайн хэмжээг тохируулах боломжгүй байх болно.
Таны хийх боломжгүй зарим зүйлсийг энд дурдав:
Хэрэв та сайтаа таблет эсвэл гар утасны харагдацаар харж байгаа бол хийсэн аливаа зайн хэмжээний тохируулга нь зөвхөн тухайн харагдац болон түүнээс жижиг харагдацад л хэрэгжинэ. Энэ нь бүрэн десктоп хувилбараас тусад нь жижиг дэлгэц дээр илүү сайн харагдуулахын тулд загвараа өөрчлөх боломжийг танд олгоно.
Үүнийг илүү ойлгомжтой болгох жишээг доор харуулав.
Энэ нь зөвхөн зайн хэмжээний тохируулгад хамаарах бөгөөд текстийн өөрчлөлт эсвэл текстийн хэв маягийн өөрчлөлт нь бүх дэлгэцийн хэмжээнд жигд хэрэгжинэ.
Таблет эсвэл гар утасны харагдацаар харах үед мөрүүд дээр хулганаа аваачих үед шинэ “нүд” хэлбэртэй хэрэгслийн мөрийн товчлуур гарч ирнэ. Үүн дээр дарснаар та тухайн дэлгэцийн хэмжээнд зориулж мөрийг харуулах/нуух боломжтой болно.
Нуусан мөрүүд нь засварлах явцад бага зэрэг тунгалаг болж, засварлаж дууссаны дараа нуугдах болно гэдгийг илтгэнэ.
Энэ функц нь зөвхөн мөрүүдэд зориулагдсан болохыг анхаарна уу.
Агуулгыг хадгалахаас яг өмнө дуудагдана. Энэ нь хадгалалтыг PBS засварлагчаас эхлүүлсэн үед дуудагдана.
Байхгүй
Хадгалагдах нийтлэлийн агуулгыг өөрчлөх шүүлтүүр. Энэ нь PBS засварлагчаас хадгалах үйлдэл хийгдэх үед дуудагдана.
$content
String. Хадгалагдах нийтлэлийн эцсийн агуулга.
$post_id
Int. Бидний хадгалж буй нийтлэлийн ID.
Varnish Cache ашиглаж байх үед өөрчлөлтөө хадгалсны дараа хуучин агуулга тань харагдсаар байвал Varnish Cache автоматаар цэвэрлэгдээгүй байж болзошгүй.
Кэшээ цэвэрлэх боломжийг олгодог зарим WordPress нэмэлт өргөтгөлүүд (plugins) байдаг: https://wordpress.org/plugins/search/varnish+cache/
Хэрэв энэ нь ажиллахгүй бол терминал дээр дараах тушаалыг ажиллуулж Varnish Cache-ийг гараар цэвэрлэж (purge) болно:
curl -X PURGE http://mysite.com/my-page/
Markdown нь үндсэндээ засварлах явцдаа бичвэрийнхээ форматыг нэмэх эсвэл өөрчлөхийн тулд шивж оруулдаг синтакс юм. Эдгээр нь товчлолын товчлууруудтай төстэй боловч товчлуурын хослол дарахын оронд та тэдгээрийг бичдэг.
Page Builder Sandwich-д дэмжигддэг бүх Markdown синтаксийн жагсаалтыг доор харуулав.
(Хоосон зайг анхаарна уу)
# Гарчиг1
## Гарчиг2
хүртэл:
###### Гарчиг6
> Ишлэл
(4 хоосон зай)Урьдчилан форматласан бичвэр/Код
* Цэгтэй жагсаалт - Цэгтэй жагсаалт
1. Дугаарласан жагсаалт 1) Дугаарласан жагсаалт
- ------------------------------(эсвэл олон зураас)
URL хаягуудыг бичихэд автоматаар холбоос болон хөрвөнө:
https://pagebuildersandwich.com руу зочилно уу
Жишээ бичвэрийн агуулга үүсгэхийн тулд “lorem” гэж бичээд tab товчийг дарна уу.
PBS-ийг идэвхгүй болгохын тулд эхлээд өөрийн Хянах самбар / админ хэсэг рүүгээ нэвтэрч, дараа нь Залгаасууд > Суулгасан залгаасууд руу орно уу:
Залгаасууд хуудсанд орсны дараа залгаасуудынхаа жагсаалтыг доош гүйлгэж Page Builder Sandwich-ийг олно уу. Нэрний яг доор Засах эсвэл Лиценз өөрчлөх (энэ нь таны сайтаас хамаарч өөр байж болно) гэх мэт бусад холбоосуудын хамт идэвхгүй болгох холбоос харагдах ёстой. Залгаасыг идэвхгүй болгохын тулд идэвхгүй болгох холбоос дээр дарна уу.
Ихэнх элементүүдэд (гэхдээ shortcode-д биш) дэлгэц дээр харагдах үед тоглогдох оролтын хөдөлгөөнт дүрсийг тохируулж болно.
Үүнийг хийхийн тулд элемент дээр хулганаа аваачиж хэрэгслийн мөрийг гаргаж ирээд, арааны дүрс бүхий товчлуур дээр дарна уу.
Ингэснээр тохиргооны самбар (inspector) гарч ирэх ёстой. Animations хэсэг рүү очиж, нээгээд хөдөлгөөнт дүрсээ сонгоно уу.
Хөдөлгөөнт дүрсийг сонгосны дараа урьдчилан харуулах зорилгоор тоглогдох болно. Та өгөгдсөн бусад сонголтуудыг ашиглан хөдөлгөөнт дүрсийг улам сайжруулан тохируулах боломжтой.
Хөдөлгөөнт дүрсүүд нь зөвхөн хэрэглэгч доош гүйлгэж, элемент дэлгэцэнд харагдах үед л тоглодог. Хэрэв хуудас нээгдэх үед уг элемент аль хэдийн харагдаж байвал хөдөлгөөнт дүрс ажиллахгүй.
Хэрэв та хуудсан дахь өөрчлөлтөө хадгалсан боловч…
энэ нь хадгалалт хийгдэхэд таны кэшлэх шийдэл хадгалсан өгөгдлөө цэвэрлэх үйлдлийг ажиллуулаагүй гэсэн үг байж магадгүй юм.
Хэрэв та ямар нэгэн кэшлэх шийдэл — тухайлбал W3 Total Cache зэрэг кэшлэх залгаас (plugin), Memcached эсвэл Redis зэрэг сервер талын кэшлэх программ хангамж, эсвэл CloudFlare зэрэг DNS кэш ашиглаж байгаа бол энэ нь таны хадгалсан агуулгыг цэвэрлээгүй байж болзошгүй.
Шалтгаан нь энэ мөн эсэхийг шалгах нэг арга бол хуудсаа удирдлагын хэсэгт (ердийн аргаар) засаад, дараа нь хуудсаа хэрэглэгчийн талаас харах явдал юм. Хэрэв таны агуулга өөрчлөгдөөгүй бол кэш автоматаар цэвэрлэгдээгүй байж магадгүй.
WordPress-ийн бус зарим кэшлэх шийдлүүд одоогийн кэшийг арилгах эсвэл цэвэрлэхэд туслах дагалдах WordPress залгаастай байдаг бөгөөд WordPress-ийн шийдлүүдэд ихэвчлэн үүнд зориулсан товчлуур эсвэл сонголтууд байдаг.
Хадгалах явцад ямар нэгэн PHP алдаа гарсан байх магадлалтай.
Энэ асуудал үүссэн эсэхийг шалгахын тулд хөгжүүлэгчийн консолоо (Chrome дээр байвал сайн) нээж, Network таб руу очно уу. Тэнд очсоны дараа PBS дотор өөрчлөлтөө хадгалснаар admin-ajax.php рүү чиглэсэн олон оруулга харагдах ёстой. Хэрэв үүнийг улаан өнгөтэй харвал энэ нь алдаа гарсныг илтгэнэ. Үүнтэй төстэй зүйл харагдаж байгаа эсэхийг шалгаарай:
Хэрэв ийм байгаа бол бид шалгаж, засварлаж өгөхийн тулд нэвтрэх шаардлагатай мэдээллийн хамт [email protected] хаягаар бидэнд имэйл илгээнэ үү.
Wordfence-ийн нийцтэй байдлын тухай нийтлэлийг эндээс уншина уу: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
Үгүй, та алдахгүй! Таны бүх хуудас болон агуулга таны сайтад хэвээр үлдэнэ. Энэ нь та үнэгүй хувилбараас дээд зэрэглэлийн (premium) хувилбар руу шинэчлэх, эсвэл зүгээр л туршиж үзэх үедээ PBS-ийг аюулгүйгээр идэвхгүй болгож болно гэсэн үг юм.
Гэсэн хэдий ч бүх зүйл хуучин шигээ харагдахгүй. PBS нь зарим нарийн төвөгтэй элементүүдэд шаардлагатай нэмэлт загвар болон скриптүүдийг агуулдаг тул таны хуудасны зарим зүйлс өөрчлөгдсөнийг та анзаарах болно.
PBS-ийг идэвхгүй болгоход хэвээр үлдэх зарим зүйлс энд байна:
PBS-ийг идэвхгүй болгоход арилах зарим зүйлс энд байна:
Тэмдэглэл: Энэ нь Envato-ийн хэрэглэгчдэд хамаарахгүй
Хэрэв та лицензээ идэвхжүүлэх үед алдаа гарч байгаа бол дараах зүйлсийг туршаад үзээрэй..
Энэ нь ихэвчлэн илүү өндөр хувилбар руу шинэчилж буй хүмүүст тохиолддог. Хэрэв та плагины файлуудыг шууд гараар шинэчилж, шинэчлэх эсвэл идэвхгүй болгох-идэвхжүүлэх бүх алхмуудыг алгассан бол зарим процессууд зөв ажиллаагүй байж болзошгүй. Плагиныг идэвхгүй болгоод, дараа нь дахин идэвхжүүлж, лицензээ дахин оруулж үзнэ үү.
v3.2 хувилбараас хойш Page Builder Sandwich нь Freemius-тэй нэгдсэн. Freemius өгөгдлийг цэвэрлэснээр лиценз идэвхжүүлэлтийн алдаа шийдэгдсэн тохиолдлууд байдаг. Үүнийг хэрхэн засахыг энд харуулав.
Хяналтын самбар руугаа орж, URL хаягаа http://yoursite.com/wp-admin/admin.php?page=freemius болгон өөрчилнө үү (URL-ийг өөрийн сайтад нийцүүлэн өөрчлөхөө бүү мартаарай). Хэрэв та доорх хуудсанд хүрсэн бол зөв газартаа ирсэн байна.
Delete All Accounts товчийг дараад, мөн Clear API Cache товчийг дарна уу. Үүнийг хийсний дараа лицензийн түлхүүрээ дахин оруулж үзнэ үү.
Хэрэв ажиллахгүй бол [email protected] хаягаар бидэнтэй холбогдож, тулгарсан асуудал болон өөрийн сайтын талаарх дэлгэрэнгүй мэдээллийг өгнө үү.
Би энд дэвсгэр өнгөтэй мөр нэмээд, дотор нь зураг оруулсан. Үүнийг доор харуулав:
Үүнийг контейнерийн дээрээс “цухуйлгах”-ын тулд зөөхийг хүссэн элемент дээрээ хулганаа аваачна уу. Ингээд хүрээ нь харагдах үед хулганаа дээд хүрээний шугамаас дээш гаргана. Ингэснээр одоогийн дээд зайн (top margin) утга харагдах болно:
Дээд зайг багасгаж, сөрөг утгатай болгохын тулд дээш чирнэ үү:
Одоо зураг мөрнөөсөө гадагш “цухуйж” байна!
Хэрэв элемент мөрнөөс гадагшлах үедээ таслагдаж байвал тухайн мөрийн тохиргоо шалгагчийг нээж, Advanced сонголтууд дахь overflow hidden тохиргоог унтраана уу:
Жишээ текстийг хурдан нэмэхийн тулд “lorem” гэдэг үгийг бичээд tab эсвэл enter товч дарж lorem ipsum орлуулагч текстийг түргэн оруулна уу:
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At dolor sed numquam? Sapiente autem adipisci, minus expedita enim, suscipit laboriosam deleniti possimus sequi pariatur explicabo numquam alias atque officia sit.
Page Builder Sandwich нь бүх кэшлэх залгаасуудтай нийцэн ажилладаг. Гэвч хэрэв та тэдгээрийн minify эсвэл caching функцийг асаавал зарим асуудалтай тулгарч магадгүй.
Зөвхөн minify-г нэвтэрсэн хэрэглэгчдэд идэвхгүй болгосон эсэхийг шалгахад л бүх зүйл хэвийн ажиллах болно.
Бид энд зөвхөн W3 Total Cache-ийн тохиргоог харуулж байгаа бөгөөд бусад кэшлэх & minify залгаасуудад ч мөн адил төстэй тохиргоо байх ёстой.
Performance > Page Cache хэсэгт Don’t cache pages for logged in users сонголтыг чагталсан эсэхийг шалгаарай
Хэрэв та minify ашиглаж байгаа бол Performance > Minify хэсэгт Disable minify for logged in users сонголтыг чагталсан эсэхийг шалгаарай
Хэрэв та дээд, доод хэмжээ (margin) эсвэл зайны (padding) бариулыг чирч байгаа боловч элементийн хэмжээ/зайнууд өөрчлөгдөхгүй байвал бусад загварууд аливаа загварын өөрчлөлтийг хүчээр дарж байж магадгүй. Мөн арын дэвсгэр, хүрээг өөрчилж чадахгүй байх эсвэл тунгалаг зургуудад үргэлж арын дэвсгэрийн өнгө орж байх үед ийм зүйл тохиолдож болно.
Асуудлыг олохын тулд хөтчийнхөө шалгагчийг (inspector) нээж, элементийг шалгана уу. Тухайн элементийн загваруудыг үзээрэй. Хэрэв та үүнтэй төстэй зүйлийг харвал:
Тэгвэл таны загвар сэдэв (theme) эсвэл нэмэлт өргөтгөл (plugin) нь тухайн элементэд өөр ямар нэгэн загвар хэрэгжихэд саад болж байна гэдэгт итгэлтэй байж болно. Энэ нь ямар сэдэв/өргөтгөлөөс ирж байгааг мэдэхийн тулд загварын хуудас (stylesheet) дээр хулганаа аваачна уу.
Үүнийг засахын тулд загварын “! important” хэсгийг арилгаснаар та загваруудыг дахин хэрэгжүүлэх боломжтой болно. Үүнийг засахын тулд та уг сэдэв эсвэл өргөтгөлийн зохиогчтой холбоо барих шаардлагатай байж магадгүй.
Гадаад вэбсайтуудаас контент суулгахын тулд URL холбоосыг зүгээр л хуулж тавиад enter товчийг дарна уу. Жишээлбэл, та YouTube-ээс энэ URL-ийг хуулж тавьж болно:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Мөн <iframe> суулгах кодыг тавьснаар Iframe суулгах боломжтой. Жишээлбэл, энэхүү суулгах мөрийг хуулж тавина уу:
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=”0″ allowfullscreen></iframe>
Та WordPress Codex-д жагсаасан сайтууд: https://codex.wordpress.org/Embeds болон oEmbed дэмждэг аливаа сайтын URL-ийг суулгах боломжтой.
Page Builder Sandwich нь таныг WordPress-д нэвтэрсэн хэвээр байгаа эсэхийг тогтмол шалгадаг. Энэ нь таныг хадгалах товчийг дарах үед өөрчлөлтүүд гарцаагүй хадгалагдах баталгааг хангах зорилгоор хийгддэг. Мөн үүнийг нийтлэл түгжих болон автомат хадгалалтад ашигладаг.
Бид эдгээр шалгалтыг хийхийн тулд WordPress Heartbeat API-д тулгуурладаг бөгөөд энэ нь цаашлаад хөтчийн cookie болон сэшнд тулгуурладаг. Тиймээс хэрэв танд засварлах үед “session expired” попап цонх байнга гарч ирээд байвал WordPress таныг зөв хянахад ямар нэг зүйл саад болж байж магадгүй юм. Үүнийг шийдвэрлэхийн тулд та дараах зүйлсийг хийж болно:
Хэрэв та кэшийн залгаас суулгасан, эсвэл DNS кэш, эсвэл ямар нэгэн хэлбэрийн кэш байгаа бол тэдгээрийг цэвэрлэнэ үү. Мөн хөтчийнхөө кэшийг цэвэрлээрэй. Таны сайтын хамгийн сүүлийн үеийн скриптүүд танд хүрэхгүй байх магадлалтай.
Таны cookie-нүүд эвдэрсэн байх бас магадлалтай бөгөөд үүнийг хөтчийнхөө тохиргооноос хөтчийн cookie-г цэвэрлэснээр хялбархан шийдвэрлэх боломжтой. Энэ нь ихэвчлэн хөтчийн кэшийг цэвэрлэх сонголтын ойролцоо байдаг.
Settings > General руу орж тохиргоогоо шалгана уу. WordPress Address (URL) болон Site Address (URL) тохиргоог хайна уу. Тэдгээрийн домэйн болон протоколууд нь таны бодит домэйнтэй тохирч байх ёстой. Жишээлбэл, хэрэв нэг нь “http://” гэж байгаа боловч та сайт руугаа “https://” ашиглан ордог бол тохиргоо нь “https://” байх ёстой. Өөр нэг нийтлэг асуудал бол эдгээр URL-уудын нэг нь “www”-тэй, нөгөө нь үгүй байх явдал юм.
Эдгээр нь тохирч байх ёстой:
эсвэл:
Үүнийг засахын тулд та Settings > General хэсгээс тохиргоог өөрчлөх боломжтой. Хэрэв та эдгээр тохиргоог засаж чадахгүй бол FTP-гээ нээж, wp-config.php файлыг засварлан дараах мөрүүдийг нэмж болно:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
Тэмдэглэл: Анхдагч тохиргоогоор толгой хэсгийг зөвхөн нүүр хуудаснаас хасдаг.
Аль нэг хуудаснаасаа толгой хэсэг эсвэл цэсийг хасахын тулд танд тусгай CSS нэмэх боломжийг олгодог залгаас (plugin) шаардлагатай бөгөөд жишээ нь Jetpack байж болно.
Толгой хэсгийг хасахын тулд танд өөрийн нийтлэлийн нийтлэлийн ID (post ID) шаардлагатай бөгөөд дараах тусгай CSS-ийг нэмнэ үү (энд байгаа 9999-ийг өөрийн нийтлэлийн ID-аар солино уу):
body.page-id-9999 #masthead {
display: none;
}
Хуудаснаас цэсүүдийг хасахын тулд (энд байгаа 9999-ийг өөрийн нийтлэлийн ID-аар солино уу):
body.page-id-9999 #header-wrapper {
display: none;
}
эсвэл зөвхөн нүүр хуудаснаасаа цэсийг хасах үед:
body.page-id-9999 #header-wrapper {
display: none;
}
Та өөрийн мөр болон арын дэвсгэрт арын дэвсгэр зураг нэмэх боломжтой. Түүнчлэн дизайндаа илүү сайн нийцүүлэхийн тулд арын дэвсгэр зургаа өнгөөр туяаруулан будаж болно.
Жишээлбэл, надад энд цагаан өнгийн давхарласан текст бүхий арын дэвсгэр зурагтай мөр байна. Сонгосон арын дэвсгэр зургаас болоод одоогоор текстийг харахад нэлээд төвөгтэй байна.
Харагдах байдлыг сайжруулахын тулд бид арын дэвсгэр зурагтаа бага зэрэг өнгө нэмж болно. Үүнийг хийхийн тулд хулганаа мөр дээр аваачаад, мөрийн арааны дүрс дээр дарж шинж чанаруудыг нь нээнэ үү. Background сонголт руу очоод, Background Image Tint-ийг асаана уу.
Үүнийг асаасны дараа та арын дэвсгэрийн өнгийг өөрчлөхөд арын дэвсгэр зураг дээр тань өнгөт туяа нэмэгдэх болно. Мөн та өнгөний туяаны эрчим болон тунгалаг байдлыг өөрчлөх боломжтой. Текстийг илүү тод харагдуулахын тулд ногоон туяа оруулсан миний арын дэвсгэр энд байна:
| Lite хувилбар | Боломжгүй |
| Premium хувилбар | Бүх боломжууд нээлттэй
|
Карусель нь дахин дахин эргэлдэж харагдах агуулгыг нэмэх шинэлэг арга юм. Page Builder Sandwich нь гаднын карусель залгаас ашиглах шаардлагагүй, өөрийн суурь карусель элементтэй.
Карусель элементийн арааны дүрст товчлуур дээр дарснаар слайдын хөдөлгөөнт дүрслэл (анимаци), саатал зэрэг каруселийн ажиллагааг тохируулах боломжтой. Үүсгэсний дараа танд ажиллах гурван карусель слайд өгөгдөх бөгөөд слайд нэмэх эсвэл устгах сонголттой байна. Эдгээр бүх слайд нь текст, зураг болон тодорхой шорткод зэрэг түгээмэл ашиглагддаг элементүүдийг хүлээн авдаг.
Слайд хооронд шилжих нь навигацийн товчлуурыг дарах төдийд хялбар. Мөн слайдын дарааллыг шинж чанарууд (арааны дүрс) хэсгээр дамжуулан өөрчлөх боломжтой.
Нийтлэлийн төлөвөө өөрчлөхийн тулд дэлгэцийн зүүн дээд буланд байрлах хадгалах товчны доош унах заагч дээр хулганаа аваачна уу. Энэ нь хадгалах нэмэлт сонголтуудыг харуулах болно.
Хэрэв та lite хувилбарыг ашиглаж байгаа бол шар өнгийн гурвалжин тэмдэглэгээнүүдийг анзаарсан байх. Эдгээр нь тодорхой нэг товчлуур/элемент/сонголт премиум боломж мөн эсэхийг илтгэдэг.
Хэрэв та тэдгээрийг нуухыг хүсвэл Хяналтын самбар (Dashboard) луугаа орж, PBSandwich > Settings хэсэг дэх тохиргооны хуудас руу шилжин, Hide Premium Feature Flags гэсэн тохиргоог чагталж болно
| Lite хувилбар | Бүх боломжууд ашиглах боломжтой |
| Премиум хувилбар | Бүх боломжууд ашиглах боломжтой |
Шинэ HTML элемент нэмэхийн тулд Inspector доторх HTML элемент дээр дарна уу, модал цонх гарч ирэх ёстой. Тэнд HTML кодоо бичих эсвэл буулгаад, дараа нь HTML-г хадгалах дээр дарна уу. Таны HTML одоо засварлагч дотор харагдах ёстой.
Багажны мөрийг харуулахын тулд хулганаа HTML элемент дээр аваачна уу. Та багажны мөрөн дээрх харандааны дүрс дээр дарж эсвэл элемент дээр өөрөө давхар товшиж HTML-ээ засах боломжтой.
Бид замбараагүй интерфэйс хийхийг хүсээгүй бөгөөд бүх зүйлийг ойлгомжтой, олоход хялбар байлгахыг хүссэн. Тиймээс Page Builder Sandwich-ийн хэрэглэгчийн интерфэйс энгийн харагдах боловч нэлээд хүчирхэг бөгөөд засварлах явцдаа олон зүйлийг хийх боломжтой.
Та мөн хулганы курсороо ашиглан олон сонирхолтой зүйлс хийх боломжтой. Янз бүрийн элементүүд дээгүүр хулганаа аваачих үед интерактив давхарга болон хэрэгслийн мөрнүүд гарч ирнэ. Тэдгээр нь тус бүрдээ өөр өөр үйлдэл гүйцэтгэнэ, тухайлбал:
PBS-ээр засварлаж эхэлсний дараа хуудас/нийтлэлийнхээ гарчиг дээгүүр хулганаа аваачихад хүрээ гарч ирэх ёстой. Курсороо байрлуулж, өөрчлөхийн тулд гарчиг дээр дарна уу.
Гарчгийн хэсэгт форматлах хэрэгслүүд байхгүй тул та түүний загварыг өөрчлөх эсвэл гарчигт элемент нэмэх боломжгүй.
Мөр ба баганууд нь хэсэгчилсэн агуулга үүсгэхэд ашиглаж болох хэрэгслүүд юм.
Шинээр үүсгэсэн хуудас/нийтлэл дээр Page Builder Sandwich ашиглан засварлах үед таны бичсэн агуулга бүхэлдээ нэг баганад байрлах болно. Энэ нь блог нийтлэл бичихэд тохиромжтой боловч хэрэв та буух хуудас эсвэл холбоо барих хуудсанд зориулсан тусгай зохиомжтой болохыг хүсвэл 2 баганатай зохиомж эсвэл бүр хуудсынхаа туршид өөр өөр багануудын хослолыг ашиглахыг хүсэж болох юм.
Та байцаагч (inspector) доторх дараах товчлууруудыг ашиглан мөр ба багана нэмэх боломжтой:
Нэмсний дараа таны шинэ мөр хүрээлэгдэн харагдах болно:
Та мөр болон баганууд дотроо юу ч байрлуулж болно – текст, богино код (shortcode), виджет, тэр ч байтугай нэмэлт мөр ба багануудыг ч нэмж болно.
Мөр (эсвэл мөр доторх агуулга)-ийг сонгох үед таны байцаагч дээр илүү олон сонголтууд гарч ирнэ. Та хэсгийнхээ хэв маягийг цаашид тохируулахын тулд эдгээр товчлуурыг ашиглаж болно:
Мөн байцаагчид үүний доор багануудынхаа хэв маягийг тохируулах нэмэлт сонголтууд бий.
Та мөр дээр өөр дээр нь удаан дарж чирснээр мөрүүдийг өөр байрлал руу зөөх боломжтой (хэрэв та түүний доторх элемент дээр удаан дарвал мөр биш харин элемент өөрөө зөөгдөх болно).
| Lite хувилбар | Боломжгүй |
| Premium хувилбар | Бүх функц боломжтой
|
Хүсвэл зарим текстийг сонгоод, дараа нь байцаагч (inspector) доторх товчлуур элемент дээр дарна уу. Ингэснээр товчлууртаа холбох URL хаягийг оруулах боломжтой цонх гарч ирнэ. Та мөн тэндээс өөрийн вэбсайт дээрх одоо байгаа дурын хуудсыг хайх боломжтой.
Бусад элементүүдээс ялгаатай нь товчлуурууд нь мөр дотор (inline) байрладаг бөгөөд энэ нь бусад текст (эсвэл бусад товчлуур)-тай зэрэгцэн байрлана гэсэн үг юм. Та тусдаа товчлуурыг өөр байршил руу шууд чирч буулгах боломжгүй, харин товчлуурыг түүнийг тойрсон текстийн хамт чирч зөөнө.
Засварлах явцад товчлуур дээр дарахад та байцаагч дотроос нэмэлт загварчлалын сонголтуудыг харах боломжтой болно. Мөн товчлуур дээр хулганаа аваачиж холбогдсон URL хаяг болон бусад үйлдлүүдийг харах боломжтой.
Тэмдэглэл: Хэрэв та PBS-ийг аль хэдийн суулгаж идэвхжүүлсэн бөгөөд сайтаас татаж авсан zip файл эсвэл бидний имэйлээр илгээсэн хавсралтаар шинэчлэхийг хүсэж байгаа бол үүнийг хийнэ үү.
Тэмдэглэл: Бид шинэчлэлт хийхийн тулд өөр нэгэн залгаасыг ашиглаж байгаа бөгөөд энэ нь PBS-ийг эхлээд устгах шаардлагагүйгээр шууд шинэчлэх боломжийг олгодог.
Залгаасууд > Шинээр нэмэх хэсэг рүү орж, хайлтын нүдэнд “Easy Theme and Plugin Upgrades” залгаасыг хайна уу
Залгаасыг олсны дараа суулгаж, идэвхжүүлнэ үү.
Easy Theme and Plugin Upgrades залгаасыг идэвхжүүлсний дараа дахин Залгаасууд > Шинээр нэмэх рүү орж, дээд хэсэгт байрлах Залгаас хуулах товчийг дарна уу:
Page Builder Sandwich zip файлыг сонгож суулгана уу,
Ингээд л болоо. Одоо танд PBS-ийн шинэ хувилбар суугдсан байх ёстой.
| Lite хувилбар | Хязгаарлагдмал загварчлалтайгаар ашиглах боломжтой |
| Premium хувилбар | Бүх боломжууд нээлттэй
|
Хуудсандаа газрын зураг нэмэхийн тулд газрын зургийн элемент дээр дарна уу. Газрын зургийн элементийг сонгох бүрд байцаагч дээр газрын зургийн тохиргоо харагдах болно. Та газрын зургаа тухайн бүсэд төвлөрүүлэхийн тулд байцаагчийн байршлын талбарт өргөрөг & уртрагийн координат эсвэл хаяг оруулж болно. Мөн тэнд бусад загварчлалын сонголтууд бий.
Та газрын зургийг шилжүүлэх эсвэл томруулж/жижигрүүлж газрын зургийн элементийг цаашид өөрчилж болно. Газрын зураг дээр хийсэн өөрчлөлтүүд тухайн элемент дээр хэрэгжих болно гэдгийг анхаарна уу.
Premium хэрэглэгчид газрын зурагтаа уусгах өнгө сонгож загварчилж болно; өөр нэг сонголт нь snazzymaps.com-ийг ашиглан өнгөний схем үүсгээд, тэдгээрийг ашиглах явдал юм. SnazzyMaps-ийг дараахтай төстэй өнгөний схем үүсгэхэд ашиглаж болно: https://snazzymaps.com/style/20053/papuportal-dark Эдгээр өнгөний схемийг ашиглахын тулд Javascript style array-ийг байцаагч руу хуулна уу.
Газрын зургийн өндрийг тохируулах боломжтой ч өргөнийг нь тохируулах боломжгүй бөгөөд үргэлж боломжит хамгийн дээд өргөн рүү хэмжээ нь өөрчлөгдөнө. Хэмжээг нь өөрчлөхийн тулд газрын зургаа мөр болон баганууд дотор байрлуулна уу. Мөн та газрын зургийг хөтчийн бүтэн өргөнийг эзлэхээр тохируулж болно.
Хэрэв та өөрийн сайтын хэрэглэгчийн хэсэгт (frontend) “Edit with Page Builder Sandwich” товчийг харахгүй байгаа бол дараах зүйлсийг туршаад үзээрэй:
PB Sandwich-ийн засах товч нь сайтын хэрэглэгчийн хэсгийн админ мөр дээр байрладаг. Админ мөр харагдаж байгаа эсэхийг шалгахын тулд удирдлагын хэсэг рүүгээ орж Хэрэглэгчид > Таны профайл (Users > Your Profile) руу очоод Сайтыг үзэх үед хэрэгслийн мөрийг харуулах (Show Toolbar when viewing site) сонголтыг чагталсан эсэхийг дахин шалгаарай.
Хэрэглэгчийн хэсэгт зөвхөн Нийтлэлүүд (Posts), Хуудсууд (Pages) ба Тусгай нийтлэлийн төрлүүдийг (Custom Post Types) засах боломжтой байдаг. WordPress-ийн арын удирдлагын хэсгийн контент засварлагчаар засах боломжтой зүйлсийг л та хэрэглэгчийн хэсгээс засах боломжтой. Сайтын бусад хэсгүүд болох блогийн нийтлэлийн жагсаалт, бүх нийтлэлийн жагсаалт, ангиллын жагсаалт, 404 хуудас, хайлтын хуудас зэрэг нь таны ашиглаж буй загвар (theme) болон WordPress хамтран үүсгэсэн динамик хуудсууд бөгөөд тэдгээрийг PB Sandwich ашиглан засах боломжгүй.
Одоогийн вэб хуудсыг засах боломжтой эсэхийг мэдэх нэг арга нь таны админ мөр дээр “Edit Post” эсвэл “Edit Page” товч харагдаж байгаа эсэхийг харах явдал юм.
Хэрэв таны хуудас/нийтлэлийг ямар нэг загвар (theme) эсвэл залгаас (plugin) динамикаар үүсгэсэн бол Page Builder Sandwich-ээр засах боломжгүй (мөн ихэнх бусад хуудас бүтээгч дээр ч мөн адил). Хэрэв таны арын удирдлагын хэсгийн контент засварлагч хоосон мөртлөө сайтынхаа хэрэглэгчийн хэсэгт хуудсаа харахад дүүрэн агуулгатай байвал энэ нь тухайн хуудсыг динамикаар үүсгэсний тод илрэл юм.
Таны хуудсыг динамикаар үүсгэсэн эсэхийг шалгахын тулд вэб хуудасны эх кодыг харна уу (хулганы баруун товчийг дараад “Эх кодыг харах” / “View Page Source” гэснийг сонгоно). “pbs-main-wrapper” гэсэн текстийг хайж үзээд, хэрэв энэ бичвэр огт харагдахгүй байвал таны хуудас динамикаар үүссэн байна гэсэн үг.
Динамикаар үүсгэгдсэн агуулгын цөөн хэдэн жишээг дурдвал:
Агуулга хоосон үед тухайн загвар нь контентыг огт харуулдаггүй, үүнээс болж PBS нь хуудсыг засах боломжгүй гэж андуурах тохиолдол гарч байсан. Ийм асуудал үүссэн эсэхийг шалгахын тулд арын удирдлагын засварлагч дээр хуудас/нийтлэлээ нээж, агуулга дотор ямар нэгэн бичвэр (жишээ нь “hello”) нэмж оруулаад, дараа нь тэндээсээ “Edit with Page Builder Sandwich” товчийг дарж үзээрэй.
Энэхүү зөвлөгөөг өгсөн Mathias Hellquist-д баярлалаа!
Зарим хуудас бүтээгч програмууд таныг WordPress-ийн үндсэн контент засварлагч эсвэл тухайн бүтээгчийн өөрийнх нь засварлагчийн аль нэгийг сонгохыг шаарддаг. Хэрэв та өөр хуудас бүтээгч ашиглан хуудсаа өмнө нь зассан бол тухайн хуудас бүтээгч нь контентыг аль хэдийн “өөрийн болгож”, бусад контентын дэгээ/шүүлтүүрүүд (hooks/filters) ажиллах боломжгүй болсон байж болзошгүй. Үүнээс болоод заримдаа Page Builder Sandwich таны контент хаана байгааг илрүүлж чадахгүй тул засах зүйл байхгүй гэж үзэн засах товчийг харуулахгүй байж болно.
Үүнийг засахын тулд тухайн тодорхой хуудас/нийтлэл дээр тэрхүү хуудас бүтээгчийг ашиглахаас татгалзаж, зөвхөн WordPress-ийн үндсэн контент засварлагчийг ашиглах сонголтыг хийнэ үү.
Тухайн хуудсыг засах эрх танд байгаа эсэхийг шалгах
Хэрэв та тухайн хуудсыг засах эрхгүй бол засварлах товч харагдахгүй. Жишээлбэл, хэрэв та нийтлэлч (editor) эсвэл хувь нэмэр оруулагч (contributor) бөгөөд сайт дээр блогийн нийтлэл, нийтлэл бичих боломжтой байлаа ч энэ нь нүүр хуудас эсвэл холбоо барих хуудсыг засаж чадна гэсэн үг биш юм. Хэрэв таны админ мөр дээр “Edit Post” товч харагдаж байвал та үүнийг PB Sandwich ашиглан засах боломжтой байх ёстой. Хэрэв шаардлагатай бол сайтынхаа админаас засах эрх олгохыг хүсээрэй.
PB Sandwich нь Javascript-ийг ихээхэн ашигладаг. Хэрэв таны сайт дээрх бусад скриптүүдээс Javascript-ийн алдаа гарч байвал энэ нь PB Sandwich-ийг ажиллахад саад болж магадгүй юм. Ийм асуудал байгаа эсэхийг шалгахын тулд та хөтөчийнхөө хөгжүүлэгчийн консолыг (developer console) нээж алдаа байгаа эсэхийг шалгаж болно.
Үүнийг шалгахдаа Chrome ашиглахыг зөвлөж байна. Хуудсан дээрх дурын зүйл дээр хулганы баруун товчийг дараад “Inspect” сонголтыг дарна уу. Энэ нь таны хөтөчийн доод хэсэгт шинэ хэсэг гаргаж ирэх бөгөөд тэндээс “console” таб дээр дарна. Хэрэв ямар нэг алдаатай бол танд дараахтай төстэй зүйл харагдах болно:
Хэрэв алдаа гарсан бол скриптийн нэр дээр дарж эсвэл хулганаа аваачин уг алдаа хаанаас үүсэлтэй болохыг мэдэж авах боломжтой:
Эдгээр алдаанууд нь таны загвар эсвэл бусад нэмэлт залгаасуудаас үүдэлтэй байж болно. Эдгээр алдааг зассанаар PB Sandwich хэвийн ажиллаж эхэлнэ.
Хэрэв таны загвар эсвэл аль нэг залгаас Javascript-ийн алдаа үүсгээд байгаа бол бидэнд [email protected] имэйл хаягаар мэдэгдэнэ үү. Бид асуудлыг шийдвэрлэхийн тулд чадах бүхнээ хийх болно 🙂
CloudFlare бол өргөн хэрэглэгддэг үнэгүй DNS CDN юм. Энэ нь маш сайн боловч одоогоор PBS нь Rocket Loader функцтэй хамт ажиллахад асуудалтай тулгардаг. Rocket Loader нь Javascript файлуудыг ачаалах хугацааг сайжруулдаг боловч PBS-ийн скриптүүдийн хамаарал болон дуудах дарааллыг алдагдуулдаг. Хэрэв та Rocket Loader-ийг асаасан бол Page Builder Sandwich-ийн засах товч харагдахгүй (мөн Javascript консол дээр ямар ч алдаа гарч ирэхгүй).
Таны сайт CloudFlare-ийн Rocket Loader-ийг ашиглаж байгаа эсэхийг шалгахын тулд вэб хуудасныхаа эх кодыг хараад (хулганы баруун товчийг дараад “Эх кодыг харах” / “View Page Source” гэснийг сонгоно), “rocketscript” гэсэн текстийг хайна уу. Хэрэв уг текст олдвол Rocket Loader асаалттай байна гэсэн үг.
Үүнийг хэрхэн унтраах талаарх дэлгэрэнгүй зааврыг CloudFlare & Rocket Loader Compatibility нийтлэлээс уншина уу.
За ингээд, дээрх шийдлүүдийн аль нь ч тус болоогүй бол яагаад харагдахгүй байгаа болон үүний тулд юу хийх ёстойг тайлбарлах цаг нь болжээ. Бэлэн үү? Тэгвэл эхэлцгээе!
Page Builder Sandwich нь таны хуудас/нийтлэлийн агуулга хаана байрлаж байгааг мэдэх хэрэгтэй байдаг. Бид үүнийг WordPress тухайн нийтлэлийн агуулгыг ачаалах үед түүнийг чагнаж, тухайн талбарыг “тэмдэглэх” замаар хийдэг тул бүх зүйл ачаалагдсаны дараа чухал хэсгүүд хаана байгааг олж тогтоох боломжтой болдог.
Заримдаа зарим залгаасууд энэ процессыг дарж эсвэл алгасаад өөрсдийн аргаар контентыг ачаалахыг оролддог. Зарим тохиолдолд энэ нь зүгээр байдаг боловч ялангуяа үндсэн нийтлэлийн агуулгыг ачаалахад зарим залгаасуудын хэвийн ажиллагааг зогсооход хүргэж болзошгүй юм. Өөр залгаас энэ ачаалах процессыг алгасах үед бидний хийсэн “тэмдэглэгээ” алдагдаж болох бөгөөд засварлагч ажиллах цаг болоход таны контент хаана байгааг олж чадахгүйд хүрдэг. Иймээс засах товч гарч ирэхгүй байна! Түүнчлэн хуудсанд контент нэмдэг зарим залгаасууд, жишээлбэл сошиал сүлжээнд түгээх зарим залгаасууд яг үүнээс болж ажиллахаа больсон байж болохыг та анзаарч магадгүй юм.
Page Builder Sandwich нь таны хуудас/нийтлэлийн агуулга хаана байгааг мэдэх шаардлагатай бөгөөд үүнийг the_content шүүлтүүртэй холбогдон таны үндсэн контентын гадуур бүрхүүл (wrapper) нэмэх замаар гүйцэтгэдэг. Зарим залгаасууд үүнийг дарж, оронд нь цаашдын явцад get_the_content() функцээр контентыг шууд дарж бичдэг. Харамсалтай нь ингэж хийх нь БҮХ the_content шүүлтүүрүүдийг дуудагдахаас сэргийлдэг тул PBS-ийн бүрхүүл алга болдог байна. Мөн өөр бусад залгаасуудын өөрчлөлтүүд ч адил алга болно.
Угтаа get_the_content()-ийг ашиглахад буруу зүйл байхгүй ч, хэрэв үүнийг бүх the_content шүүлтүүрүүд ажилладаг ердийн the_content() дуудлагын оронд үндсэн query болон дан нийтлэлийн загвар (single post template) хуудас дотор ашиглавал сөрөг нөлөө гарч болзошгүй.
Page Builder Sandwich-ийн “тэмдэглэгээ” байхгүй байгаа эсэхийг шалгахын тулд та өөрийн хуудас/нийтлэл рүү хэрэглэгчийн талаас зочилж, системд нэвтэрсэн байх үедээ хуудасны эх кодыг харах хэрэгтэй. Код дундаас дараах мөрийг хайж үзээрэй:
data-name="main-content"
Хэрэв та үүнийг олж харвал хаа нэгтээ зүгээр л Javascript-ийн асуудал байж болох тул өөрийн ашиглаж буй загвар болон залгаасуудаа бидэнд мэдэгдээрэй, бид үүнийг засах боломжтой.
Харин үүнийг олж чадахгүй бол энэ нь таны загвар (эсвэл ямар нэгэн залгаас, гэхдээ хуудас эсвэл блогийн нийтлэл бол ихэнх тохиолдолд загвар байдаг) нийтлэлийн контенттой ямар нэгэн үйлдэл хийж байна гэсэн үг юм. Хэрэв ийм зүйл болсон бол та загвар зохиогчтой холбоо барьж, энэ асуудлын талаар мэдэгдэх хэрэгтэй! Та тэдэнд алдааг олж засварлахад туслах үүднээс дээр дурдсан техникийн “яагаад” гэсэн тайлбарыг үзүүлж болно 🙂
Хэрэв та PHP кодоор өөрөө оролдож чадахаар бол нийтлэлийн контентыг хариуцдаг загвар файлыг олоод үүнийг засаж үзэх боломжтой. Бидний олж мэдсэн нэг шийдэл нь дараах дуудлагыг:
$content = get_the_content();
дараахаар солих явдал юм:
ob_start(); the_content(); $content = ob_get_clean();<br>
Тайлбар: Таны код дээрх PHP хувьсагчийн нэр өөр байж болох ч үндсэн санаа нь адилхан байх ёстой. Хэрэв энэ нь ажиллавал энэ өөрчлөлтийг үндсэн загвар дээрээ шууд хийхийн оронд салбар загвар (child theme) үүсгэж хийх нь илүү тохиромжтой. Түүнчлэн энэ өөрчлөлтөөс үүдэж гаж нөлөө гарч болзошгүй тул энэ талаар загвар бүтээгчтэйгээ зөвлөлдөх нь дээр.
Та хулгана-аа ашиглан курсороо агуулгынхаа өөр хэсгүүдэд хурдан байрлуулах эсвэл өөр өөр элементүүдийг сонгох боломжтой.
Мөн та гар дээрх сумтай товчлуурууд-аа ашиглан курсороо агуулга дотроо шилжүүлэх боломжтой. Үүнийг ашиглан мөрүүдийн дээгүүр эсвэл доогуур шилжиж болно.
Мөр болон баганатай ажиллах үед та мөрүүдийн ирмэг дээр дарж тухайн мөрийнхөө яг өмнө эсвэл ард агуулга нэмэх боломжтой. Энэ нь бие бие дотроо орсон олон мөртэй бөгөөд тэдгээрийн хооронд агуулга нэмэхийг хүссэн үед онцгой ач тустай.
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) элементүүдийн шинж чанарт хандах боломжтой. Жишээлбэл, хэрэв та багана дотор зураг байрлуулаад шинж чанарын байцаагчийг нээсэн бол зураг, түүнийг агуулж буй багана, мөн тухайн баганыг агуулж буй мөрийн шинж чанаруудад хандах боломжтой.
Шинж чанарын байцаагч нь янз бүрийн элементүүдэд зориулсан олон төрлийн тохиргоог агуулдаг тул бүгдийг нь шалгаж үзээрэй.
Page Builder Sandwich нь frontend дээр бодит шорткодуудыг харуулдаг бөгөөд та тэдгээрийг хялбархан засах боломжтой!
Хэрэв та өөрийн шорткодуудаа цээжилсэн бол контент дотроо шууд бичин оруулж болно. Харин бүгдийг нь цээжлээгүй бол (хэн тэгж цээжилдэг билээ?) байцаагч таны сайтан дээрх бүх боломжтой шорткодуудыг жагсаан харуулдаг. Байцаагчаас Shortcode товчийг контентынхоо талбар луу чирч, оруулахыг хүссэнээ олоод түүн дээр дарж оруулна уу.
Шорткодууд нь frontend дээр бодит агуулга болж хувирдаг бөгөөд тэдгээрийг засахын тулд та үүнийг сонгож, байцаагч дээр шинж чанаруудыг нь шалгаж болно. Эсвэл илүү нарийн хянахын тулд шорткод дээр хоёр товшиж эх кодоор нь засаж болно. Засвар хийсний дараа таны шорткод өөрчлөлтүүдийг тусган шинэчлэгдэх болно.
PBS-ийн тусламжтайгаар та ямар ч зүйлийг товшоод чирч, хаашаа ч зөөж болно. Та ямар нэг зүйлийг чирэхдээ хуудасны өөр элементийн дээгүүр аваачиж, өөр ямар ч контентын дээр эсвэл доор байрлуулж болно.
Хийсэн ажлаа хадгалах
Дизайндаа сэтгэл хангалуун болмогц хуудасныхаа зүүн дээд талд байрлах хадгалах товчлуур дээр дарахад л хангалттай. Ингээд л болоо!
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) элементүүдийн шинж чанарт хандах боломжтой. Жишээлбэл, хэрэв та багана дотор зураг байрлуулж, шинж чанарын байцаагчийг нээвэл тухайн зураг, түүнийг агуулж буй багана, мөн тухайн баганыг агуулж буй мөрийн шинж чанарт хандаж болно.
Шинж чанарын байцаагч нь өөр өөр элементүүдэд зориулсан олон төрлийн тохиргоог агуулдаг тул бүгдийг нь шалгаж үзээрэй.
Page Builder Sandwich нь танд бодит shortcode-уудыг нүүр хэсэгт (frontend) харуулдаг бөгөөд та тэдгээрийг хялбархан засварлаж болно!
Хэрэв та өөрийн shortcode-уудаа цээжилсэн бол агуулга дотроо шууд бичиж оруулах боломжтой. Харин бүгдийг нь цээжлээгүй бол (ер нь хэн цээжилдэг гэж?) байцаагч нь таны сайтад байгаа бүх shortcode-уудыг жагсааж харуулдаг. Байцаагчаас Shortcode товчийг чирэн агуулгын хэсэгтээ оруулаад, оруулахыг хүссэнээ сонгон дарж оруулна уу.
Shortcode-ууд нь frontend дээр бодит агуулга болон хувирдаг бөгөөд тэдгээрийг засахын тулд та сонгоод байцаагч дээр шинж чанаруудыг нь шалгаж болно. Эсвэл илүү нарийн хянахын тулд shortcode дээр давхар товшоод эх кодоор нь засварлаж болно. Засвар хийсний дараа таны shortcode өөрчлөлтийг тусган шинэчлэгдэх болно.
Та PBS-ийн тусламжтайгаар бүх зүйлийг дарж чирээд хаашаа ч шилжүүлэх боломжтой. Ямар нэг зүйлийг чирэхдээ хуудсан дээрх өөр элементийн дээгүүр аваачиж, аль ч агуулгын дээр эсвэл доор шилжүүлэн байрлуулж болно.
Хийсэн ажлаа хадгалах
Загвартаа сэтгэл хангалуун болмогц хуудасныхаа зүүн дээд хэсэгт байрлах хадгалах товчлуур дээр дарахад л хангалттай. Ингээд л болоо!
Lite залгаас болон Premium залгаас нь хоёр өөр залгаас юм. Премиум боломжуудыг ашиглахын тулд та Lite хувилбарыг идэвхгүй болгох (эсвэл устгах), дараа нь Premium залгаасыг суулгаж идэвхжүүлээд, лицензийн түлхүүрээ оруулах шаардлагатай.
Тэмдэглэл: Хэрэв та lite болон premium залгаасуудыг хоёуланг нь нэгэн зэрэг идэвхжүүлбэл цааш үргэлжлүүлэхээсээ өмнө эхлээд өөрт байгаагаа идэвхгүй болгохыг залгаас танд мэдэгдэх болно.
pagebuildersandwich.com сайтаас PBS худалдаж авсан хэрэглэгчдэд зориулсан тэмдэглэл: Та уг залгаасыг мөн тус сайтаас татаж авах боломжтой ба танд байгаа одоогийн лицензийн түлхүүр ажиллах ёстой. Хэрэв ажиллахгүй бол бидэнтэй холбогдоорой, бид танд шинээр олгох боломжтой.
PBS худалдан авсны дараа танд дараах хоёр зүйлийг агуулсан имэйл ирэх ёстой:
Премиум залгаасыг суулгаж идэвхжүүлснээр танд дараах дэлгэц харагдах болно:
Лицензийн түлхүүрээ энд оруулаад Agree & Activate License дээр дарна уу. Ингэснээр премиум боломжууд нээгдэх болно.
Эсвэл та залгаасуудын хуудас руугаа орж, жагсаалтаас Page Builder Sandwich залгаасыг олох боломжтой:
Activate License холбоос дээр дарснаар та тэндээс лицензээ оруулах боломжтой болно.
Та Page Builder Sandwich-ийг ашиглан зөвхөн дан хуудас эсвэл нийтлэлийг засах боломжтой. Үүнийг ингэж ойлгоорой: хэрэв цаад талд (backend) агуулга засварлагч бүхий “Шинэ нийтлэл” хэсэг байгаа бол та түүнийг Page Builder Sandwich-ээр засаж болно.
Та дурын өөрчилсөн нийтлэлийн төрлийн агуулгыг засах боломжтой байх ёстой.
Бид Page Builder Sandwich нь таны вэбсайтын гүйцэтгэлд бараг тэг нөлөөтэй байхаар хийсэн. Нэвтрээгүй үед хамгийн багадаа зөвхөн мөр, баганын CSS загварууд ачаалагдах ба үүнтэй хамт зөвхөн таны ашигласан богино кодуудад (shortcodes) шаардлагатай JS болон CSS скриптүүд дараалалд орж ачаалагддаг.
Таны вэбсайтын зочдод хамгийн багадаа зөвхөн мөр, баганын CSS загварууд дараалалд орж ачаалагдах ба зөвхөн таны ашигласан богино кодуудад шаардлагатай JS болон CSS скриптүүд багтдаг.
Бид саяхан Page Builder Sandwich болон IMPress for IDX Broker залгаас хамт идэвхжсэн үед үүсдэг байсан нийцтэй байдлын асуудалтай холбоотой зарим засварыг нэмж хийлээ. Энэ нь нэвтэрсэн хэрэглэгчдийн хувьд фронтэнд дээр алдаа зааж гацахад хүргэж байсан юм.
Энэхүү засвар нь PBS-ийг дахин ажилладаг болгосон боловч бид IDX Broker виджетийг засварлагч дотор оруулах боломжийг хасах шаардлагатай болсон. Гэсэн хэдий ч IDX Broker виджетийг өөрийн Appearance > Widgets цэснээс ашиглах боломжтой хэвээр байна.
Таныг илүү хурдан ажиллах боломжийг олгохын тулд Page Builder Sandwich дээр ашиглах боломжтой төрөл бүрийн товчлолын товчлуурууд байдаг.
Эдгээр нь форматлах бус/хэрэгслийн командуудад зориулсан товчлолууд юм. Форматлах/хэрэгслийн товчлолын хослолуудыг харахын тулд текст форматлах мөрөн дээрх товчлуур бүр дээр хулганаа аваачиж харна уу.
| Товчлолын товчлуур | Тайлбар |
| CTRL+E (засварлаагүй үед) | Засварлаж эхлэх |
| CTRL+SHIFT+R (засварлаж байх үед) | Хуудсыг дахин ачааллах (CTRL+R нь баруун тийш зэрэгцүүлэхэд ашиглагддаг тул) |
| CTRL+S | Өөрчлөлтүүдийг хадгалах |
| CTRL+ESC | Өөрчлөлтүүдийг цуцалж, засварлахаа болих |
| CTRL+C | Хуулах |
| CTRL+V | Буулгах |
| CTRL+X | Хайчлах |
| CTRL+ENTER | Мөр шилжүүлэх / дараагийн мөр |
| CTRL+Z | Буцаах |
| CTRL+SHIFT+Z (Mac) CTRL+Y (PC) |
Дахин хийх |