Page Builder Sandwich Jetpack-ning turli modullari bilan mos kelishi kerak.
Markdown moduli kontentni saqlashda oʻziga xos tarzda ishlaydi, buning natijasida markdown konversiyasi paytida kiritilgan oʻzgarishlar yoʻqoladi. Buni hal qilish uchun, oʻzgarishlaringizni frontenddan saqlayotganingizda backend muharriridagi markdown matni html teglariga aylanadi. (Yordam bergani uchun Jake Jackson’ga minnatdorchilik bildiramiz)
Biz Page Builder Sandwich-ni PHP 7 bilan sinovdan o‘tkazdik va barchasi hech qanday muammosiz yaxshi ishlashi kerak.
Saytingizni quyi versiyadan PHP 7 ga yangilashda ehtiyot bo‘ling, chunki barcha mavzu va plaginlaringizda ko‘rib chiqilishi kerak bo‘lgan quyi versiyalar bilan ko‘plab nomuvofiqliklar mavjud.
Page Builder Sandwich & Materialize birga bo‘lganda Javascript xatosi yuzaga keladi. materialize.js va WordPress Core rang tanlagichi o‘rtasida ziddiyat mavjud.
Bu haqda Materialize’ning GitHub repozitoriyasida masala qo‘yilgan: https://github.com/Dogfalo/materialize/issues/2821
Saytingizdagi litsenziyani faolsizlantirmaguningizcha, plagin to‘g‘ri ishlashda davom etaveradi. Uni bir marta faolsizlantirsangiz, qayta faollashtira olmaysiz.
Siz WordPress boshqaruv panelingizdan yangilanishlarni qabul qila olmaysiz yoki yangiroq versiyalardan foydalana olmaysiz. Biz sizga ajoyib maxsus qo‘llab-quvvatlash xizmatini taqdim eta olmaymiz.
Vidjetlarni inspektordagi Elements bo’limidagi Widget Element tugmasini bosish orqali qo’shish mumkin. Tugma bosilganda, Page Builder Sandwich saytingizda topgan barcha vidjetlarni ko’rsatadigan qalqib chiquvchi oyna paydo bo’lishi kerak.
WordPress saytingizda topilgan barcha vidjetlarni qo’shish mumkin, biroq o’z sozlamalarida moslashtirilgan/maxsus Javascript kodidan foydalanadigan ba’zi vidjetlar to’g’ri ishlamasligi mumkin. Quyidagilardan foydalanadigan vidjetlar ishlamasligi mumkin:
Standart WordPress vidjetlari va shunga o’xshash yaratilgan vidjetlarda hech qanday muammo bo’lmasligi kerak.
Agar sizga aynan o’sha vidjetning ishlashi juda zarur bo’lsa, buning yechimi mavjud.
Yangi yon panel/vidjet maydonini yaratish uchun WPMU Dev tomonidan taqdim etilgan Custom Sidebars plaginidan foydalanishingiz va Appearance > Widgets bo’limidagi odatiy usul orqali vidjetingizni unga qo’shishingiz mumkin. So’ngra Page Builder Sandwich-da Sidebar Element qo’shing va kerakli vidjetni o’z ichiga olgan yon panelni tanlang.
Yana bir muqobil yo’l — Page Builder Sandwich-dagi mavjud turli xil elementlar va uslublardan foydalanib, kerakli effektni qayta yaratishdir.
Page Builder Sandwich-ni birinchi marta sotib olganingizda, plaginni o‘z ichiga olgan .zip fayl avtomatik ravishda kompyuteringizga yuklab olinadi.
Agar uni yo‘qotib qo‘ysangiz, ushbu havola orqali .zip faylingizni qayta yuklab olishingiz mumkin: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Ushbu havolada litsenziyangizni kiritish orqali siz Page Builder Sandwich .zip faylingizni, shuningdek, litsenziyangiz va hisobingiz tafsilotlarini qayta tiklashingiz mumkin bo‘ladi.
Texnik jihatdan bu barcha mavzular bilan ishlashi kerak.
Foydalanuvchilarimiz va mijozlarimiz bilan birgalikda biz Page Builder Sandwich-ni ko’plab mavzular, jumladan WordPress.org mavzular omboridagi mavzular, Genesis mavzulari, StudioPress mavzulari, Elegant Themes va ThemeForest mavzulari bilan muvaffaqiyatli ishlatganmiz.
Biroq, ba’zida sizning mavzungiz noan’anaviy tarzda tuzilgan bo’lishi va Page Builder Sandwich-ning to’g’ri ishlashiga to’sqinlik qilishi mumkin. Agar shunday holat yuz bersa, iltimos, bizga yordam so’rovini yuboring va biz uni tuzatishga harakat qilamiz.
Minglab mavzular va boshqa plaginlar mavjud. Shuning uchun biz ehtiyotkor bo’lishga va hamma narsani standartlarga muvofiq yaratishga harakat qilsak-da, ba’zida muammolar yuzaga kelishi mumkin.
Agar Page Builder Sandwich sizning tizimingizda to’g’ri ishlamayotganini sezsangiz, muammoni bartaraf etish uchun quyidagi bir necha qadamlarni bajarishingiz mumkin.
Ushbu maqolani ko’rib chiqing: «Edit with Page Builder Sandwich» tugmasi ko’rinmayapti Agar bu yordam bermasa, o’qishda davom eting.
Hujjatlardagi nosozliklarni bartaraf etish toifasidagi turli maqolalarni ko’rib chiqing.
WordPress, plaginlaringiz, mavzuingiz va hatto Page Builder Sandwich. Har doim yangilab turish foydalidir. Narsalaringiz yangilanganligiga ishonch hosil qilish saytingiz uchun xatoliklar va zaifliklarning eng so’nggi tuzatishlariga ega bo’lishingizni anglatadi.
Agar siz Page Builder Sandwich orqali kontentingizni tahrirlay olmasangiz (va ehtimol xato haqida bildirishnoma chiqqan bo’lsa), siz turgan joriy sahifaning kontenti to’liq mavzuingiz / plagin tomonidan yaratilgan bo’lishi mumkin. Buni tekshirish uchun sahifangizni/postingizni odatdagidek WordPress backend qismida tahrirlang, so’ngra saqlangan kontentingiz frontendda ko’rinishini tekshiring. Agar u ko’rinmasa, demak, sahifa/post kontenti to’liq generatsiya qilingan va uni PBS yordamida tahrirlab bo’lmaydi.
Ba’zida qaysidir plagin Page Builder Sandwich bilan ziddiyatga ega bo’lishi mumkin. Qaysi plagin ziddiyat keltirib chiqarayotganini tekshirish uchun plaginni faolsizlantiring va PBS yana ishlay boshlaganligini tekshiring. Buni barcha faol plaginlaringiz uchun birma-bir bajaring. Agar PBS yana ishlay boshlasa va sahifalaringizni tahrirlay olsangiz, demak siz hozirgina faolsizlantirgan plagin PBS bilan mos kelmaydi. Bunday hollarda, biz uni tuzatishimiz uchun [email protected] elektron pochta manzili orqali biz bilan bog’laning va xabar bering.
Agar plaginlarni faolsizlantirish yordam bermasa, mavzuingizni standart WordPress mavzusiga (Twenty-Something mavzulari) almashtirib ko’ring. Agar Page Builder Sandwich yordamida kontentingizni yana tahrirlashni boshlay olsangiz, demak siz foydalanayotgan mavzu PBS bilan mos kelmaydi. Ushbu ma’lumotni bizga [email protected] elektron pochta manzili orqali yuboring va xabar bering, shunda biz uni tuzata olamiz.
Kamdan-kam hollarda brauzer kengaytmasi veb-saytdagi Javascript kodining to’g’ri ishlashiga to’sqinlik qilishi mumkin. Brauzer kengaytmasi muammo tug’dirayotganini tekshirish uchun brauzeringizni inkognito rejimida (Chrome) yoki maxfiy rejimda oching va PBS-ga kirishga harakat qiling, bu hech qanday kengaytmalarsiz yangi tab ochadi. Agar u ishlasa, demak sizda ziddiyatli kengaytma mavjud.
PageXray brauzer kengaytmasi muammolarni keltirib chiqarishi aniqlangan.
Page Builder Sandwich-da narsalarni o’chirish odatda shunchaki matn yoki elementni tanlab, delete yoki backspace tugmasini bosish orqali amalga oshiriladi.
Boshqa muqobil usul — inspektordagi delete / remove (o’chirish) tugmasini bosish:
Bu usul ishlamaydigan ba’zi holatlar mavjud. Ishlamaydigan elementlar odatda qatorlar, ustunlar yoki karusellar kabi konteynerlardir. Bu kontentni o’chirishda tasodifiy o’chirishlarning oldini olish uchundir.
Ushbu elementlarni o’chirish uchun inspektordagi element xususiyatlarida joylashgan delete / remove tugmasini bosing. Masalan, qatorni o’chirish uchun siz ushbu sohadan foydalanishingiz kerak bo’ladi:
Page Builder Sandwich hozirda quyidagi tillarda mavjud:
Agar siz Page Builder Sandwich-ni o’z tilingizga tarjima qilish orqali hissa qo’shmoqchi bo’lsangiz, bizning Transifex sahifamizga o’ting!
Rasmlarni qo‘shish juda oddiy. Siz quyidagilardan birini qilishingiz mumkin:
Avval NextGen va Page Builder Sandwich bilan bog’liq muammo mavjud edi.
2.12 versiyasidan oldin, PBS qandaydir tarzda NextGen’da saytingizda bo’sh oq ekran hosil qiladigan xatolik xabarini chiqarib yuborardi. Bu 2.12 versiyasidan boshlab tuzatildi, shuning uchun eskiroq versiyadan foydalanayotgan bo’lsangiz, iltimos, yangilang.
Biz Page Builder Sandwich veb-saytingiz unumdorligiga deyarli nol ta’sir ko’rsatishini ta’minladik. Tizimdan chiqqan holatda, eng kamida, faqat qator va ustun CSS uslublari hamda siz foydalangan shortkodlar uchun zarur JS va CSS skriptlari navbatga kiritiladi.
Markdown — bu matn formatini qo‘shish yoki o‘zgartirish uchun tahrirlash vaqtida kiritiladigan sintaksisdir. Ular tezkor tugmalarga o‘xshaydi, ammo tugmalar birikmasini bosish o‘rniga, ularni yozib kiritasiz.
Quyida Page Builder Sandwich tomonidan qo‘llab-quvvatlanadigan barcha Markdown sintaksislari ro‘yxati keltirilgan.
## Sarlavha2
### Sarlavha3
quyidagigacha:
###### Sarlavha6
> Iqtibos
(4 ta bo‘sh joy)Oldindan formatlangan matn/kod
* Markerli ro‘yxat - Markerli ro‘yxat
1. Raqamlangan ro‘yxat 1) Raqamlangan ro‘yxat
- ------------------------------(yoki bir nechta chiziqcha)
URL manzillarini kiritish ularni avtomatik ravishda havolaga aylantiradi:
https://pagebuildersandwich.com saytiga o‘ting
[Page Builder Sandwich](https://pagebuildersandwich.com saytiga o‘ting
Tahrirlash paytida shortcode’larni joylashtirish yoki to’g’ridan-to’g’ri yozish mumkin. Shortcode’ingizni kiritganingizdan so’ng, enter tugmasini bosing yoki shortcode tashqarisiga chiqing, shunda u darhol render qilingan ko’rinishida paydo bo’lishi kerak.
Shortcode’larni qo’shishning yana bir usuli – inspektoringizdagi Shortcode Element ustiga bosishdir. Bu saytingizda mavjud bo’lgan barcha shortcode’lar ro’yxatini ko’rsatuvchi qalqib chiquvchi oynani ochadi. Uni kiritish uchun birortasini tanlang yoki ulardan istalgan birini ikki marta bosing.
Shortcode’larni 2 usulda tahrirlashingiz mumkin:
Shortcode atributlari Page Builder Sandwich tomonidan aniqlanmaydi. Shuning uchun ularni o’zingiz kiritishingiz kerak bo’ladi. Barchaga oson bo’lishi uchun shortcode’larni tizim bilan moslashtirish usuli ustida ishlamoqdamiz. Yangiliklarni kuzatib boring.
YouTube videolari, Vimeo videolari, Instagram suratlari, Flickr suratlari, Tvitter postlari va hatto Reddit sharhlari kabi turli saytlarning kontentlarini bevosita ularning doimiy URL manzillarini qo‘yish orqali joylashtirishingiz mumkin.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Joylashtirilishi mumkin bo‘lgan URL manzillar ro‘yxatini WordPress kodeksidan topishingiz mumkin: https://codex.wordpress.org/Embeds
Shuningdek, qo‘shimcha joylashtirish URL manzillarini qo‘llab-quvvatlovchi boshqa plaginlarni o‘rnatishingiz mumkin. Masalan, Wistia URL manzillari WordPress tomonidan birlamchi holatda qo‘llab-quvvatlanmaydi, joylashtirishni yoqish uchun ularning plaginini o‘rnatishingiz mumkin, shundan so‘ng PB Sandwich ham ularni qabul qila oladi.
E’tibor bering, bu ishlashi uchun matnning butun bir qatorida faqatgina URL bo‘lishi kerak.
Shuningdek, joylashtirish kodlarini to‘g‘ridan-to‘g‘ri kiritishingiz ham mumkin.
Joylashtirish kodlari quyidagicha ko‘rinadi:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
E’tibor bering, bu ishlashi uchun matnning butun bir qatorida faqatgina joylashtirish kodi bo‘lishi kerak.
«Media qo‘shish» («Add Media») vositasini bosing, so‘ng URL manzilingizni «URL orqali kiritish» («Insert from URL») yorlig‘iga qo‘ying.
Page Builder Sandwich yordamida faqat sahifalar, postlar va maxsus post turlari tarkibini tahrirlashingiz mumkin.
Biroq quyidagi kabi mavzu shabloni fayllarini tahrirlay olmaysiz:
Bunga shunday qarang: agar saytingizning old qismidagi (frontend) administrator panelida «Postni tahrirlash» yoki «Sahifani tahrirlash» mavjud bo‘lsa, demak, sahifani tahrirlash mumkin bo‘ladi.
Siz doimiy havola (permalink) URL manzillarini Page Builder Sandwich-ga qoʻyish orqali YouTube videolari, Vimeo videolari, Tweetlar va hatto Reddit sharhlari kabi turli saytlardan kontentni joylashtirishingiz mumkin.
Eʼtibor bering, matnning butun bir qatori faqat URL manzilidan iborat boʻlishi kerak
Page Builder Sandwich WordPress-ning oEmbed funksiyasi bilan birgalikda ishlaydi. Shuning uchun backend-da joylashtirishingiz mumkin boʻlgan URL manzillari qoʻllab-quvvatlanishi kerak. Qoʻshimcha oEmbed provayderlarini qoʻllab-quvvatlovchi plaginlar ham ishlashi lozim.
oEmbed provayderlari roʻyxatini kodeksdan topishingiz mumkin: https://codex.wordpress.org/Embeds
Page Builder Sandwich-ning premium versiyasida siz o’zingizning SVG / vektor belgilaridan foydalanishingiz mumkin. Buni qanday qilish kerak:
Yuklangan belgilar ro’yxat markerlari va tugma belgilari sifatida ham ishlatilishi mumkin.
Eslatma: Agar belgingiz qidiruvlarda ko’rinmasa, fayl nomi PBS tomonidan to’g’ri tahlil qilinmagan bo’lishi mumkin. Bunday hollarda yuklangan belgilaringizni topish uchun «custom» yoki «upload» so’zlaridan foydalanishingiz mumkin.
Page Builder Sandwich iloji boricha xalal bermaydigan qilib yaratilgan, shuning uchun boshqa plaginlar bizniki bilan birgalikda muammosiz ishlashi kerak.
Biroq ba’zida bundan istisnolar bo’lib turadi. Quyida Page Builder Sandwich bilan birga ishlaganda ba’zi o’ziga xos jihatlarga ega bo’lgan plaginlar ro’yxati keltirilgan. Bu ularning ishlamasligi yoki mutlaqo mos kelmasligini anglatmaydi, balki faqat ba’zi xatti-harakatlar boshqacha bo’lishi mumkinligini bildiradi.
Biz ushbu ro’yxatni yangilab borishda davom etamiz. Agar biror narsa topsangiz, bemalol quyidagi manzilga qo’llab-quvvatlash so’rovini yuboring: [email protected]
PBS yoqilganligi va tahrirlash rejimida ekanligini tekshirish.
if ( PBSEditor.isEditing() ) {
// Tahrirlash paytida biror amal bajarish.
}
Mavjud emas.
Boolean. Ayni vaqtda tahrirlanayotgan boʻlsa true, tahrirlanmayotgan boʻlsa false.
Tahrirlash vaqtida PBS tomonidan uning moslashuvchan ko’rinishini render qilish uchun foydalaniladigan iframe ichida ishlatiladi. Bu <head> tegi yopilishidan oldin chaqiriladi hamda skriptlar va stillarni qo’shish uchun ishlatilishi mumkin.
Mavjud emas.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
Agar muammoga duch kelayotgan bo’lsangiz, biz yordam berishga tayyormiz! Lekin avval hujjatlar sahifalarini tekshirib ko’ring, javobni o’sha yerdan topib, vaqtingizni tejashingiz mumkin.
Qo’llab-quvvatlash bo’yicha so’rovlaringizni bizga quyidagi elektron pochta orqali yuboring: [email protected]
Siz pbs_is_editable_by_user filtri yordamida PB Sandwich front-endda ko‘rinishining oldini olishingiz mumkin.
Masalan, slider slagi bilan belgilangan Maxsus post turida (Custom Post Type) PB Sandwich ko‘rinishini to‘xtatish uchun functions.php faylingizga ushbu kod qismini qo‘shishingiz mumkin
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;
}
Muayyan sahifa/post uchun PB Sandwich ko‘rinishini to‘xtatish uchun post ID-si orqali tekshirishingiz mumkin:
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;
}
PBS rozilik bildirgan foydalanuvchilar har safar PBS muharririda saqlaganlarida foydalanish statistikasini yuboradi. Ushbu filtrdan maʼlumotlarni yuborishni toʻxtatish uchun foydalanish mumkin.
$true
Boolean. Bu har doim true.
Foydalanuvchi turli moslashuvchan koʻrinishlar orasida almashganda ishga tushadi.
Mavjud emas.
Agar muammoga duch kelayotgan bo‘lsangiz, biz yordam berishga tayyormiz! Lekin avvalo hujjatlar sahifalarini tekshirib ko‘ring, javobni o‘sha yerdan topib, vaqtingizni tejashingiz mumkin.
Qo‘llab-quvvatlash bo‘yicha so‘rovlaringizni bizga quyidagi elektron pochta orqali yuboring: [email protected]
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Mavjud emas.
Array. Barcha aniqlangan shortkod teglarining massivi.
Biror parametr (inspektordan) oʻzgartirilganda ishga tushadi.
Mavjud emas.
PBS >= 4.3
PBS postning kontent maydonini aniqlash uchun oʻrab turuvchi element (wrapper) qoʻshadi. Bu wrapper joylashtirilishidan oldin chaqiriladi.
$content
String. Wrapper qoʻllanilgan post kontenti.
Tahrirlash vaqtida o‘zining moslashuvchan ko‘rinishini aks ettirish uchun PBS tomonidan foydalaniladigan iframe ichida ishlatiladi. Bu <body> tegi yopilishidan oldin chaqiriladi va skriptlar hamda stillar qo‘shish uchun ishlatilishi mumkin.
Mavjud emas.
PBS >= 4.3
PBS-ni front-end qismida yuklash yoki yuklamaslik to’g’risidagi qarorni bekor qilish va foydalanuvchiga postni tahrirlash uchun PBS-dan foydalanishga ruxsat berish.
$is_editable
Boolean. Agar post PBS bilan tahrirlanishi mumkin bo’lsa, True. Aks holda False
Portfolio post_types-larini PBS bilan tahrirlashni taqiqlash
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;
}
PBS >= 4.3
PageBuilderSandwich nusxasini oladi
$pbs = PageBuilderSandwich::instance()
Mavjud emas.
PageBuilderSandwich obyekti. PBS sinfining joriy nusxasi.
PBS postning kontent sohasini aniqlash uchun wrapper qoʻshadi. Bu wrapper joylashtirilgandan soʻng chaqiriladi.
$content
String. Wrapper qoʻllanilgan post kontenti.
PageBuilderSandwich::is_editable_by_user()
Mavjud emas.
Boolean. Agar PBS postni tahrirlay olsa true, aks holda false.
Post uchun saqlanayotgan CSS uslublarini o‘zgartirish uchun filtr. Bu saqlash PBS muharriridan boshlanganda chaqiriladi.
$style
String. Saqlash uchun yuborilgan CSS uslublari.
$post_id
Int. Biz saqlayotgan post identifikatori.
PBS muharriri yuklanishni tugatganda chaqiriladi (foydalanuvchi tahrirlashni boshlash tugmasini bosganda chaqirilmaydi)
PBS yuklangandan so’ng biror amalni bajarish
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
PBS shortkod tanlagichida yashiriladigan shortkod teglari ro’yxati. Agar tanlagichning qalqib chiquvchi oynasida allaqachon eskirgan yoki shunchaki foydalanuvchilardan yashirmoqchi bo’lgan shortkodlaringiz paydo bo’layotgan bo’lsa, bundan foydalaning.
$shortcodes
Array. Shortkod teglari massivi.
shortkodini tanlagichdan yashirish.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
Front-end qismida pbsFrontendParams obyektiga Javascript xususiyatlarini qo’shadi. pbsFrontendParams obyekti foydalanuvchi tizimga kirgan va tahrir qilayotgan bo’lishidan qat’i nazar front-endda mavjud bo’ladi.
$params
Massiv. Oyna (window) darajasidagi pbsFrontendParams Javascript o’zgaruvchisida mavjud bo’ladigan kalitlar va qiymatlar massivi
O’zgaruvchini front-endda foydalanish mumkin qilish
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// Bu Javascript'da pbsFrontendParams.myProperty ostida mavjud bo'ladi
$params['myProperty'] = 'My Property';
return $params;
}
Page Builder Sandwich-ning asosiy qismi Javascript bo’lib, ishlab chiquvchilar sahifa quruvchimizni kengaytirishi va unga ko’proq funksionallik qo’shishi uchun bir qator metodlarni qo’shdik.
Ishlab chiquvchilarga qulayroq bo’lishi uchun biz WordPress qanday ishlashiga moslashtirdik – hooklar orqali!
WordPress-da WP xatti-harakatini o’zgartirish yoki unga qo’shimcha qilish uchun odatda add_filter() va add_action() funksiyalaridan foydalanasiz. Xuddi shunday, PBS-da wp.hooks.addFilter() va wp.hooks.addAction()-dan foydalanishingiz mumkin.
Ulardan foydalanish usuli ham bir xil: narsalarni o’zgartirish uchun filtrlardan, qo’shimcha amallarni bajarish uchun esa harakatlardan (action) foydalaning. Bu ikkita funksiya chaqiruvi PHP-dagi analoglari bilan deyarli bir xil, faqat ular Javascript-da ishlaydi.
PHP hooklari va Javascript hooklari o’rtasida chalkashmaslik uchun biz Javascript hooklarini «nuqtali registr» (o’ylab topilgan so’z) deb nomladik. Barcha PHP hooklari snake case-dan foydalanadi:
Barcha hooklarni ko’rib chiqish uchun chap menyudagi Javascript Harakatlari (Actions) va Javascript Filtrlari (Filters) toifalariga murojaat qiling.
Qiziquvchilar uchun, biz Javascript-da ushbu qulay hook chaqiruvlarini qo’shish uchun https://github.com/carldanley/WP-JS-Hooks-dan foydalanmoqdamiz
Muharrir tarkibni saqlashidan oldin chaqiriladi. Saqlash paytida yuborish uchun qo‘shimcha ma’lumotlarni joylashtirishda bundan foydalanishingiz mumkin (bu ma’lumotlarni saqlamaydi, shunchaki Ajax orqali bekandga yuboradi)
payload
FormData obyekti. Saqlash uchun Ajax orqali yuboriladigan ma’lumotlar.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Saqlash paytida yuboriladigan ma’lumotlarni qo‘shing.
payload.append( 'my_data', 'My Data' );
}
Front-enddagi pbsParams obyektiga Javascript xususiyatlarini qo’shadi. Foydalanuvchi tizimga kirganida va sahifani tahrirlash imkoniyatiga ega bo’lganida pbsParams obyekti front-endda mavjud bo’ladi.
Ushbu o’zgaruvchi, shuningdek, tahrirlash jarayonida PBS tomonidan foydalaniladigan ko’plab xususiyatlarni, masalan, nonce’lar, barcha yuklangan qisqa kodlar (shortcodes) ro’yxati va tarjima qatorlarini o’z ichiga oladi.
$params
Massiv (Array). Oyna (window) darajasidagi pbsParams Javascript o’zgaruvchisida mavjud bo’ladigan kalitlar va qiymatlar massivi
Muharrirga aniqlanmagan qisqa kodni (shortcode) qo’shish
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
PBS bilan birga skript yoki uslubni navbatga qo’shish (enqueue). Bu faqat post PBS bilan tahrirlanishi mumkin bo’lgandagina chaqiriladi. Sahifa PBS bilan tahrirlanmaydigan bo’lsa, bu umuman ishlatilmaydi.
Mavjud emas.
PBS yuklanganda, shuningdek, my-script.js faylini ham navbatga qo’shish
add_action( 'pbs_enqueue_scripts, 'add_my_script' );
function add_my_script() {
wp_enqueue_script( 'my-script' , plugins_url( 'js/my-script.js', __FILE__ ) );
}
Agar premium plagin nusxasini qayerga saqlaganingizni topa olmayotgan bo’lsangiz, uni qayta tiklash uchun bu yerga kirib, elektron pochta manzilingizni kiritishingiz mumkin. Plagin sizga elektron pochta orqali yuboriladi.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Bu premium funksiya bo‘lib, 4.0.1+ versiyalarida mavjud
Sahifa ichida aylanuvchi langar havolalari — bu aynan o‘sha sahifaning muayyan qismiga yo‘naltiruvchi havolalardir. Sahifa ichidagi havolani bosganingizda, brauzeringiz ko‘rsatilgan joyga qarab aylanadi (skroll qiladi).
Sahifa ichida langar havolasini yaratish uchun ikkita narsa kerak:
Sahifangizning pastki qismiga yaqin bo‘lgan istalgan elementni tanlang va uning xususiyatlarini oching. Kengaytirilgan bo‘limda » go_here» nomli maxsus klass yoki maxsus ID qo‘shing
Endi sahifangizning yuqori qismiga yaqin joyda havola yarating yoki tugma elementini qo‘shing. Havola sifatida URL qo‘shish o‘rniga, agar «go_here»ni maxsus klass sifatida qo‘shgan bo‘lsangiz, » .go_here» (nuqta bilan) dan foydalaning; agar uni maxsus ID sifatida qo‘shgan bo‘lsangiz, «#go_here» (panjara belgisi bilan) dan foydalaning.
Sahifangizni saqlaganingizdan so‘ng, havola/tugmangizni bosganingizda, u sahifangizning pastki qismidagi element tomon silliq aylanib borishi kerak.
Quyidagi kabi nomlangan langarlarni ham
<a name="go_here"></a>
«#go_here» ga (panjara belgisi bilan) havola qo‘shish orqali nishonga olish mumkin
Sahifangizdagi istalgan boshqa sohalarni, hatto tahrirlovchi maydonidan tashqarida bo‘lsa ham, ularning klass nomlari yoki ID laridan foydalangan holda nishonga olishingiz mumkin.
Kontent saqlanganidan so‘ng chaqiriladi. Bu saqlash PBS muharriridan boshlanganda chaqiriladi.
Mavjud emas
Saqlanadigan post ma’lumotlarini o’zgartirish uchun filtr. Bu saqlash PBS muharriridan boshlanganda chaqiriladi.
$post_data
Massiv. Saqlanishi kerak bo’lgan yakuniy post ma’lumotlari, bu keyinchalik to’g’ridan-to’g’ri wp_update_post() ga uzatiladi.
$_POST
Massiv. Saqlash uchun muharrirdan yuborilgan xom post ma’lumotlari. Bu allaqachon nonce orqali tekshirilgan.
$post_id
Butun son. Biz saqlayotgan post identifikatori.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// Qandaydir sababga ko'ra, biz post doimo qoralama bo'lishini xohlaymiz.
$post_data['post_status'] = 'draft';
return $post_data;
}
4.0 versiyasidan boshlab, endi tahrirlash paytida kompyuter, planshet va mobil telefon ko’rinishlari o’rtasida almashishingiz mumkin! Biz buni moslashuvchan rejim deb ataymiz. Moslashuvchan rejimda saytingiz kichikroq ekranlarda qanday ko’rinishini simulyatsiya qilish uchun kichikroq hajmga o’zgaradi.
Saytingizni planshet yoki mobil telefon ko’rinishida ko’rayotganda, sizda cheklangan tahrirlash imkoniyatlari bo’ladi. Bunda siz FAQAT quyidagilarni bajara olasiz:
* PBS elementlaringiz va qatorlaringizga ba’zi moslashuvchan uslublarni qo’llaydi, shuning uchun ayrim chekka masofalarni sozlab bo’lmaydi.
Quyida siz bajara olmaydigan ba’zi amallar keltirilgan:
Agar siz saytingizni planshet yoki mobil telefon ko’rinishlarida ko’rayotgan bo’lsangiz, kiritilgan har qanday chekka masofa (margin) sozlamalari faqat joriy ko’rinishga va undan kichikroq ko’rinishga qo’llaniladi. Bu to’liq kompyuter versiyasidan alohida ravishda, dizayningizni kichikroq ekranlarda yaxshiroq ko’rinishi uchun sozlash imkonini beradi.
Vaziyatni oydinlashtirish uchun misol keltiramiz.
Bu faqat chekka masofalar (margin) sozlamalariga tegishli, matn o’zgarishlari yoki matn uslubi o’zgarishlari barcha ekran o’lchamlariga tatbiq etiladi.
Planshet yoki mobil telefon ko’rinishlarida ko’rayotganda, qatorlaringiz ustiga kursorni olib borganingizda yangi «ko’z» asboblar paneli tugmasi paydo bo’ladi. Buni bosish sizga joriy ekran o’lchami uchun qatorni ko’rsatish/yashirish imkonini beradi.
Yashirilgan qatorlar tahrirlash tugagach yashirilishini bildirish uchun tahrirlash jarayonida biroz shaffof bo’lib qoladi.
E’tibor bering, bu funksiya faqat qatorlar uchun mavjud.
CloudFlare — keng qoʻllaniladigan bepul DNS CDN hisoblanadi. U juda yaxshi, ammo hozirda PBS Rocket Loader funksiyasi bilan ishlashda muammolarga ega. Rocket Loader Javascript fayllarining yuklanish vaqtini yaxshilaydi, ammo PBS skriptlarining qaramligi va chaqiruv tartibini buzib yuboradi. Agar Rocket Loader yoqilgan boʻlsa, Page Builder Sandwich tahrirlash tugmasi koʻrinmaydi (va konsolda hech qanday Javascript xatolari ham koʻrinmaydi).
Rocket Loader’ni oʻchirish uchun CloudFlare hisobingizga kiring va domeningiz sozlamalariga oʻting. Speed sozlamalariga kiring:
Keyin pastga, Rocket Loader sozlamalariga tushing va parametr oʻchirilganligiga ishonch hosil qiling:
Buni oʻchirgandan soʻng, Cache sozlamalaridan butun saytingiz keshini tozalashni (purge) unutmang:
Keshdagi hamma narsani tozalagandan soʻng, sahifani yangilashingiz mumkin va Page Builder Sandwich tahrirlash tugmasi endi koʻrinishi kerak.
Agar siz mavzu yaratuvchisi bo’lsangiz, mavzungizga PBS’ni qo’shish mahsulotingiz qiymatini sezilarli darajada oshirishi mumkin.
Biz bilan [email protected] orqali bog’laning, keling, hamkorlik qilaylik!
Tarkib saqlanishidan oldin chaqiriladi. Bu saqlash PBS muharriridan boshlanganida chaqiriladi.
Mavjud emas
Saqlanadigan post tarkibini oʻzgartirish uchun filtr. Bu saqlash jarayoni PBS muharriridan boshlanganda chaqiriladi.
$content
String. Saqlanadigan yakuniy post tarkibi.
$post_id
Int. Biz saqlayotgan post identifikatori.
Markdown asosan matningiz formatini qo‘shish yoki o‘zgartirish uchun tahrirlash paytida kiritiladigan sintaksisdir. Ular xuddi tezkor tugmalarga o‘xshaydi, lekin tugmalar kombinatsiyasini bosish o‘rniga ularni yozib kiritasiz.
Quyida Page Builder Sandwich tomonidan qo‘llab-quvvatlanadigan barcha Markdown sintaksislari ro‘yxati keltirilgan.
(Bo‘shliqlarga e’tibor bering)
# 1-sarlavha
## 2-sarlavha
quyidagigacha:
###### 6-sarlavha
> Iqtibos
(4 ta bo‘shliq)Formatlangan matn/kod
* Markerli ro‘yxat - Markerli ro‘yxat
1. Raqamlangan ro‘yxat 1) Raqamlangan ro‘yxat
- ------------------------------(yoki bir nechta tire)
URL manzillarini kiritish ularni avtomatik ravishda havolaga aylantiradi:
https://pagebuildersandwich.com saytiga o‘ting
Namunaviy matn kontentini yaratish uchun «lorem» deb yozing va tab tugmasini bosing.
Varnish Cache-dan foydalanayotganingizda va o‘zgarishlarni saqlaganingizdan so‘ng ham eski kontentingiz ko‘rinayotgan bo‘lsa, u holda Varnish Cache avtomatik ravishda tozalanmagan bo‘lishi mumkin.
Keshni tozalash imkonini beruvchi ba’zi WordPress plaginlari mavjud: https://wordpress.org/plugins/search/varnish+cache/
Agar bu ish bermasa, terminalda quyidagi buyruqni bajarish orqali Varnish Cache-ni qo‘lda ham tozalashingiz mumkin:
curl -X PURGE http://mysite.com/my-page/
PBS ni faolsizlantirish uchun avval Boshqaruv paneli / backend qismingizga kiring, soʻng Plugins > Installed Plugins boʻlimiga oʻting:
Plaginlar sahifasiga oʻtgach, plaginlar roʻyxatini pastga aylantiring va Page Builder Sandwich ni toping. Nomning tagida Edit yoki Change License kabi boshqa havolalar bilan birga deactivate havolasini koʻrishingiz mumkin (bu saytingizda farq qilishi mumkin). Plaginni oʻchirib qoʻyish uchun deactivate havolasini bosing.
Agar sahifangizdagi o’zgarishlarni saqlagan bo’lsangiz va…
bu saqlash jarayoni kesh yechimingizdagi saqlangan ma’lumotlarni tozalashni ishga tushirmaganini anglatishi mumkin.
Agar siz kesh yechimining biron bir turidan — masalan, W3 Total Cache kabi kesh plaginidan, Memcached yoki Redis kabi server tomonidagi kesh dasturidan yoki CloudFlare kabi DNS keshidan foydalanayotgan bo’lsangiz — u saqlangan tarkibingizni tozalamagan bo’lishi mumkin.
Buning sababi shu ekanligini tekshirishning bir usuli — sahifangizni boshqaruv panelida (odatdagi usulda) tahrirlash va keyin sahifani saytning old tomonida (frontend) ko’rishdir. Agar tarkibingiz o’zgarmagan bo’lsa, unda keshingiz avtomatik ravishda tozalanmagan bo’lishi mumkin.
WordPress tizimiga tegishli bo’lmagan ba’zi kesh yechimlarida joriy keshni tozalashga yordam beradigan qo’shimcha WordPress plagini mavjud, WordPress yechimlarida esa odatda buning uchun maxsus tugmalar yoki parametrlar bo’ladi.
Shuningdek, saqlash paytida qandaydir PHP xatoligi yuz bergan bo’lishi ham mumkin.
Buning sodir bo’layotganini tekshirish uchun dasturchilar konsolini oching (Chrome brauzerida bo’lgani ma’qul) va Network (Tarmoq) yorlig’iga o’ting. U yerga o’tgach, PBS’da o’zgarishlaringizni saqlang, shundan so’ng siz admin-ajax.php ga yo’naltirilgan bir nechta yozuvlarni ko’rishingiz kerak. Agar buni qizil rangda ko’rsangiz, bu xatolik yuz berganini bildiradi. Sizda quyidagiga o’xshash holat ko’rinayotganini tekshiring:
Agar shunday bo’lsa, biz uni tekshirib, siz uchun tuzatib bera olishimiz uchun kerakli kirish ma’lumotlari bilan birga [email protected] manziliga xat yuboring.
Iltimos, Wordfence bilan muvofiqlik haqidagi maqolani bu yerda o’qing: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
Eslatma: Bu Envato mijozlariga taalluqli emas
Agar litsenziyangizni faollashtirishda xatoliklar yuz berayotgan bo‘lsa, quyidagilarni sinab ko‘ring..
Bu holat asosan yuqoriroq versiyaga yangilagan foydalanuvchilarda sodir bo‘ladi. Agar siz plagin fayllarini to‘g‘ridan-to‘g‘ri qo‘lda yangilab, butun yangilash yoki faolsizlantirish-faollashtirish bosqichlarini o‘tkazib yuborgan bo‘lsangiz, ba’zi jarayonlar to‘g‘ri ishlamagan bo‘lishi mumkin. Iltimos, plaginni faolsizlantiring, so‘ngra uni qayta faollashtiring va litsenziyangizni yana kiritib ko‘ring.
v3.2 versiyasidan boshlab Page Builder Sandwich Freemius bilan integratsiyalashgan. Freemius ma’lumotlarini tozalash litsenziyani faollashtirishdagi xatoliklarni bartaraf etgan holatlar bo‘lgan. Buni qanday tuzatish quyida ko‘rsatilgan.
Boshqaruv panelingizga kiring va URL manzilingizni http://yoursite.com/wp-admin/admin.php?page=freemius ga o‘zgartiring (URL manzilini saytingizga mos ravishda o‘zgartirishni unutmang.) Agar quyidagi sahifaga kirsangiz, demak to‘g‘ri joydasiz.
Delete All Accounts tugmasini bosing va keyin Clear API Cache tugmasini ham bosing. Buni bajarganingizdan so‘ng, litsenziya kalitingizni qayta kiritib ko‘ring.
Agar ishlamasa, iltimos, biz bilan [email protected] orqali bog‘laning hamda muammo va saytingiz haqida batafsil ma’lumot bering.
Aksariyat elementlarda (lekin shortkodlarda emas), element ekranda ko‘ringanda ijro etiladigan kirish animatsiyasini belgilashingiz mumkin.
Buning uchun asboblar paneli paydo bo‘lishi uchun kursor bilan element ustiga boring va tishli g‘ildirakcha tugmasini bosing.
Bu inspektorni ochishi kerak. Animations bo‘limiga o‘ting, uni oching va keyin animatsiyani tanlang.
Animatsiyani tanlaganingizdan so‘ng, u sizga oldindan ko‘rish imkonini berish uchun ijro etilishi kerak. Taqdim etilgan boshqa parametrlar yordamida animatsiyani yanada moslashtirishingiz mumkin.
Animatsiyalar faqat foydalanuvchi sahifani aylantirib, element ko‘rinish sohasiga kirgandagina ijro etiladi. Agar sahifaga kirganingizda element allaqachon ko‘rinib turgan bo‘lsa, u animatsiyalanmaydi.
Yo’q, yo’qotmaysiz! Barcha sahifalaringiz va kontentingiz saytingizda saqlanib qolishi kerak. Bu shuni anglatadiki, siz bepul versiyadan pullik versiyaga o’tishda yoki shunchaki sinovdan o’tkazayotganingizda PBS plaginini bexavotir faolsizlantirishingiz mumkin.
Biroq, hamma narsa avvalgidek ko’rinmasligi mumkin. Sahifangizdagi ba’zi elementlar o’zgarganini sezasiz, chunki PBS yanada murakkab elementlar uchun zarur bo’lgan qo’shimcha uslublar va skriptlarni o’z ichiga oladi.
PBS plaginini faolsizlantirganingizda saqlanib qoladigan ba’zi narsalar quyidagilardir:
PBS plaginini faolsizlantirganingizda yo’qoladigan ba’zi narsalar quyidagilardir:
Bu yerda men fon rangiga ega qator qo’shdim va keyin uning ichiga tasvir joylashtirdim. Mana u:
Uning konteyner ustidan «chiqib turishi» uchun sichqonchangizni ko’chirmoqchi bo’lgan elementingiz ustiga olib boring. Konturlar paydo bo’lganda, sichqonchangizni konturning yuqori qismidan tashqariga olib chiqing. Unda joriy yuqori margin qiymati ko’rsatilishi kerak:
Marginni kamaytirish va uni manfiy qiymatga aylantirish uchun yuqori marginni bosing va yuqoriga torting:
Endi tasvir qatordan tashqariga «chiqib turadi»!
Agar element qator chegarasidan chiqqanda kesilib qolayotgan bo’lsa, qatorning xususiyatlar inspektorini oching va Advanced parametrlaridagi overflow hidden opsiyasini o’chirib qo’ying:
Page Builder Sandwich barcha keshlovchi plaginlar bilan ishlaydi. Biroq, ularning minifikatsiya yoki keshlash funksiyasini yoqsangiz, ayrim muammolarga duch kelishingiz mumkin.
Shunchaki minifikatsiya tizimga kirgan foydalanuvchilar uchun o‘chirilganligiga ishonch hosil qiling, shunda u muammosiz ishlashi kerak.
Biz bu yerda faqat W3 Total Cache sozlamalarini ko‘rsatmoqdamiz, ammo boshqa keshlovchi va minifikatsiya plaginlarida ham shunga o‘xshash sozlamalar bo‘lishi kerak.
Performance > Page Cache ostida Don’t cache pages for logged in users belgisi qo‘yilganligiga ishonch hosil qiling
Agar minifikatsiyadan foydalanayotgan bo‘lsangiz, Performance > Minify ostida Disable minify for logged in users belgisi qo‘yilganligiga ishonch hosil qiling
Soxta matnni tezda qo’shish uchun «lorem» so’zini yozing va lorem ipsum to’ldiruvchi matnini tezda qo’shish uchun tab yoki enter tugmasini bosing:
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.
Agar siz yuqori va pastki margin yoki padding tutqichlarini tortayotgan bo‘lsangiz va elementning margin/paddinglari o‘zgarmayotgan bo‘lsa, har qanday uslub o‘zgarishlarini majburan bekor qilayotgan boshqa uslublar mavjud bo‘lishi mumkin. Bu, shuningdek, fon yoki hoshiyalarni o‘zgartira olmaganingizda yoki shaffof tasvirlar doimo fon rangini olib qolayotganda ham yuz berishi mumkin.
Muammoni aniqlash uchun brauzeringiz inspektorini oching va elementni tekshiring. Ushbu element uchun uslublarni ko‘rib chiqing. Agar shunga o‘xshash holatni ko‘rsangiz:
U holda mavzuingiz yoki plaginingiz elementga boshqa uslublar qo‘llanilishiga to‘sqinlik qilayotganiga amin bo‘lishingiz mumkin. Uning qaysi mavzu/plagindan kelib chiqayotganini bilish uchun sichqoncha ko‘rsatkichini uslublar jadvali ustiga olib boring.
Buni to‘g‘rilash uchun uslubdagi «! important» qismini olib tashlang, shunda uslublarni yana qo‘llay olishingiz kerak bo‘ladi. Buni tuzatish uchun mavzu yoki plagin muallifiga murojaat qilishingiz kerak bo‘lishi mumkin.
Tashqi veb-saytlardan kontentni joylashtirish uchun URL manzilini shunchaki qo’ying va keyin Enter tugmasini bosing. Masalan, YouTube’dan ushbu URL manzilini nusxalab qo’yishingiz mumkin:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
<iframe> joylashtirish kodlarini kiritish orqali ham Iframe bilan joylashtirish mumkin. Masalan, ushbu joylashtirish kodini nusxalab qo’ying:
<iframe width=»560″ height=»315″ src=»https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=»0″ allowfullscreen></iframe>
Siz WordPress Codex ro’yxatidagi saytlardan: https://codex.wordpress.org/Embeds va oEmbed yoqilgan har qanday saytdan URL manzillarni joylashtirishingiz mumkin.
Page Builder Sandwich sizning WordPress-ga hali ham kirgan holatda ekanligingizni muntazam tekshirib turadi. Bu saqlash tugmasini bosgan paytingizda oʻzgarishlaringiz haqiqatan ham saqlanishini taʼminlash uchun amalga oshiriladi. Bu shuningdek postlarni qulflash va avtomatik saqlash uchun ham qoʻllaniladi.
Tekshiruvlarimizni amalga oshirish uchun biz WordPress Heartbeat API-ga tayanamiz, u esa oʻz navbatida brauzer kuki fayllari (cookies) va sessiyalariga tayanadi. Shunday qilib, tahrirlash paytida sizda oʻsha «sessiya muddati tugadi» qalqib chiquvchi oynalari tinimsiz chiqaversa, WordPress sizni toʻgʻri kuzatib borishiga toʻsqinlik qilayotgan nimadir boʻlishi mumkin. Buni hal qilish uchun siz qila oladigan baʼzi choralar:
Agar sizda kesh plaginlari, DNS keshi yoki keshning boshqa biron shakli oʻrnatilgan boʻlsa, ularni tozalang. Shuningdek, brauzeringiz keshini ham tozalang. Saytingiz uchun eng soʻnggi skriptlar taqdim etilmayotgan boʻlishi mumkin.
Shuningdek, kuki fayllaringiz shikastlangan boʻlishi mumkin, buni brauzeringiz sozlamalaridan brauzer kuki fayllarini tozalash orqali osongina hal qilish mumkin. Bu odatda brauzer keshini tozalash parametri yaqinida joylashgan boʻladi.
Settings > General boʻlimiga oʻting va sozlamalaringizni tekshiring. WordPress Address (URL) va Site Address (URL) sozlamalarini toping. Ularning domenlari va protokollari sizning haqiqiy domeningizga mos kelishi kerak. Masalan, agar birida «http://» boʻlsa-yu, lekin siz saytingizga «https://» orqali kirsangiz, u holda sozlamalarda «https://» koʻrsatilgan boʻlishi kerak. Yana bir keng tarqalgan muammo shundaki, ushbu URL manzillardan birida «www» boʻlib, boshqasida yoʻqligidir.
Bular mos kelishi kerak:
yoki:
Buni tuzatish uchun siz sozlamalarni Settings > General boʻlimidan oʻzgartirishingiz mumkin. Agar ushbu sozlamalarni tahrirlay olmasangiz, FTP orqali kirib, wp-config.php faylini tahrirlashingiz va quyidagi qatorlarni kiritishingiz mumkin:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
Qatorlaringiz va fonlaringizga fon rasmlarini qo‘shishingiz mumkin. Bundan tashqari, dizayningizga yaxshiroq mos kelishi uchun fon rasmingizga ma’lum bir rang bilan tus berishingiz ham mumkin.
Masalan, bu yerda menda fon rasmi va uning ustiga oq rangda yozilgan matnli qator mavjud. Men tanlagan fon rasmi tufayli hozirda matnni ko‘rish ancha qiyin.
Ko‘rinishni yaxshilash uchun fon rasmimizga biroz rang qo‘shishimiz mumkin. Buning uchun sichqoncha ko‘rsatkichini qator ustiga olib boring, so‘ng uning xususiyatlarini ochish uchun qatorning tishli g‘ildirak belgisini bosing. Fon parametrlariga o‘ting, so‘ng Fon rasmi tusini yoqing.
U yoqilgach, fon rangini o‘zgartirasiz va u endi fon rasmingizga rangli tus qo‘shadi. Shuningdek, tusning kuchi yoki shaffofligini o‘zgartirishingiz mumkin. Matn yaxshiroq ko‘rinishi uchun yashil tus berilgan fon mana:
Eslatma: Odatiy holatda sarlavha faqat bosh sahifadan olib tashlanadi.
Sahifalaringizning istalgan biridan sarlavha yoki menyuni olib tashlash uchun sizga maxsus CSS qo’shish imkonini beruvchi plagin kerak bo’ladi, masalan, Jetpack kabi.
Sarlavhani olib tashlash uchun sizga postingizning post IDsi kerak bo’ladi, so’ngra ushbu maxsus CSS kodini qo’shing (bu yerdagi 9999 raqamini post IDingiz bilan almashtiring):
body.page-id-9999 #masthead {
display: none;
}
Sahifadan menyularni olib tashlash uchun (bu yerdagi 9999 raqamini post IDingiz bilan almashtiring):
body.page-id-9999 #header-wrapper {
display: none;
}
yoki menyuni faqatgina bosh sahifangizdan olib tashlashda:
body.page-id-9999 #header-wrapper {
display: none;
}
| Lite versiyasi | Mavjud emas |
| Premium versiyasi | Barcha imkoniyatlar mavjud
|
Karusellar — ko‘rinish sohasida qayta-qayta aylanib turadigan kontentni qo‘shishning zamonaviy usulidir. Page Builder Sandwich tashqi karusel plaginlariga ehtiyoj qoldirmaydigan o‘zining ichki karusel elementiga ega.
Karusel elementining tishli g‘ildirak tugmasini bosish karuselning ishlash tarzini, masalan, slayd animatsiyasi, kechikish va boshqalarni sozlash imkonini beradi. Yaratilgandan so‘ng, sizga ishlash uchun uchta karusel slaydi beriladi hamda slaydlarni qo‘shish yoki o‘chirish imkoniyati mavjud bo‘ladi. Bu slaydlarning barchasi matn, tasvirlar va ayrim shortkodlar kabi odatda qo‘llaniladigan elementlarni qabul qiladi.
Slaydlarni almashtirish navigatsiya tugmalarining o‘zini bosish kabi oson. Slaydlar tartibini parametrlar (tishli g‘ildirak belgisi) orqali ham o‘zgartirish mumkin.
Post holatini o‘zgartirish uchun sichqoncha ko‘rsatkichini ekranning yuqori chap burchagidagi saqlash tugmasida joylashgan ochiluvchi ro‘yxat ko‘rsatkichi ustiga olib boring. Bu ko‘proq saqlash parametrlarini ko‘rsatadi.
Agar siz lite versiyasidan foydalanayotgan bo’lsangiz, sariq uchburchakli bayroqchalarni payqagan bo’lishingiz mumkin. Ular ma’lum bir tugma/element/parametr premium imkoniyat ekanligini ko’rsatadi.
Agar ularni yashirmoqchi bo’lsangiz, Boshqaruv panelingizga o’tib, PBSandwich > Settings bo’limidagi sozlamalar sahifasiga kiring va Hide Premium Feature Flags parametrini belgilang
Biz tartibsiz interfeysni xohlamaymiz hamda hamma narsa intuitiv va oson topiladigan bo‘lishini xohlagan edik. Shunday qilib, Page Builder Sandwich foydalanuvchi interfeysi sodda ko‘rinsa-da, u ancha kuchli va tahrirlash paytida ko‘p narsalarni bajarishingiz mumkin.
Sichqoncha kursoridan foydalanib ham ko‘plab ajoyib amallarni bajarishingiz mumkin. Turli elementlar ustiga sichqonchani olib borganingizda interaktiv qatlamlar va panellar paydo bo‘ladi. Ularning har biri turli vazifalarni bajaradi, masalan:
| Lite versiyasi | Barcha funksiyalar mavjud |
| Premium versiyasi | Barcha funksiyalar mavjud |
Yangi HTML elementini qo‘shish uchun Inspektordagi HTML elementini bosing, modal oyna paydo bo‘lishi kerak. U yerga HTML kodingizni yozing yoki joylashtiring, so‘ngra HTML-ni saqlash tugmasini bosing. Endi sizning HTML kodingiz muharrir ichida ko‘rinishi kerak.
Asboblar panelini ko‘rsatish uchun sichqoncha ko‘rsatkichini HTML elementi ustiga olib boring. HTML kodingizni asboblar panelidagi qalam belgisini bosish yoki elementning o‘zini ikki marta bosish orqali tahrirlashingiz mumkin.
Agar saytingizning tashqi qismida (frontend) «Page Builder Sandwich bilan tahrirlash» tugmasini ko’ra olmasangiz, quyidagi bir nechta usullarni sinab ko’rishingiz mumkin:
PB Sandwich uchun tahrirlash tugmasi frontenddagi admin panelida mavjud. Admin paneliga kirib, Foydalanuvchilar > Sizning profilingiz bo’limiga o’ting va Saytni ko’rishda asboblar panelini ko’rsatish katakchasiga belgi qo’yilganligiga ishonch hosil qiling.
Faqat Postlar, Sahifalar va Maxsus post turlarini frontendda tahrirlash mumkin. Frontendda faqat backenddagi WordPress kontent muharriri orqali tahrirlash mumkin bo’lgan narsalarni tahrirlashingiz mumkin. Saytingizning boshqa qismlari — masalan, blog postlarining bosh sahifadagi ro’yxati, barcha blog postlari ro’yxati, toifalar ro’yxatlari, 404 sahifalari, qidiruv sahifalari — siz foydalanayotgan mavzu bilan birgalikda WordPress tomonidan yaratilgan dinamik sahifalar bo’lib, ularni PB Sandwich yordamida tahrirlab bo’lmaydi.
Joriy veb-sahifaning tahrirlanishi mumkinligini ko’rsatadigan belgilardan biri — bu admin panelingizda «Postni tahrirlash» yoki «Sahifani tahrirlash» yozuvining ko’rinishidir.
Agar sahifangiz/postingiz mavzu yoki plagin tomonidan dinamik tarzda yaratilgan bo’lsa, uni Page Builder Sandwich (va katta ehtimol bilan boshqa sahifa tuzuvchilar) orqali tahrirlab bo’lmaydi. Agar backenddagi kontent muharriri bo’sh bo’lsa-yu, lekin sahifani frontendda ko’rganingizda u kontentga to’la bo’lsa, bu sahifangiz dinamik ravishda yaratilganidan dalolat beradi.
Sahifangiz dinamik tarzda yaratilganligini tekshirish uchun veb-sahifangizning kodini ko’ring (sichqonchaning o’ng tugmasini bosing va «Sahifa manbasini ko’rish» bandini tanlang). «pbs-main-wrapper» matnini qidiring; agar ushbu matnni hech qayerda topa olmasangiz, demak sahifangiz dinamik ravishda yaratilgan.
Dinamik tarzda yaratilgan kontentga bir nechta misollar:
Mavzu bo’sh bo’lgan kontentni umuman ko’rsatmagan va bu holat PBS sahifani tahrirlab bo’lmaydi deb xato o’ylashiga sabab bo’lgan holatlar bo’lgan. Buni tekshirish uchun sahifangizni/postingizni backend muharririda tahrirlang, kontentingizga biror matn qo’shib ko’ring (masalan, «salom») va u yerdan «Page Builder Sandwich bilan tahrirlash» tugmasini bosing.
Ushbu maslahat uchun Matias Xellkvistga (Mathias Hellquist) rahmat!
Ba’zi sahifa tuzuvchilar sizni yoki WordPress-ning standart kontent muharriridan, yoki sahifa tuzuvchining o’z muharriridan foydalanishni tanlashga majbur qiladi. Agar siz allaqachon sahifangizni boshqa sahifa tuzuvchi yordamida tahrirlagan bo’lsangiz, o’sha sahifa tuzuvchi kontentni o’zlashtirib olgan bo’lishi mumkin va boshqa kontent xuklari/filtrlari ishlay olmaydi. Shu sababli, ba’zan Page Builder Sandwich kontentingiz qayerdaligini aniqlay olmaydi va tahrirlash uchun hech narsa yo’qligi sababli tahrirlash tugmasini ko’rsatmaydi.
Buni tuzatish uchun ushbu muayyan sahifa/post uchun o’sha sahifa tuzuvchidan foydalanmaslikni va shunchaki WordPress-ning standart kontent muharriridan foydalanishni tanlang.
Sahifada tahrirlash huquqiga ega ekanligingizga ishonch hosil qiling
Agar sahifani tahrirlay olmasangiz, tahrirlash tugmasi ko’rinmaydi. Masalan, agar siz muharrir yoki muallif bo’lsangiz va saytda blog postlari hamda maqolalar yoza olsangiz, bu bosh sahifani yoki aloqa sahifasini tahrirlashingiz mumkinligini anglatmaydi. Agar admin panelingizda «Postni tahrirlash» tugmasini ko’ra olsangiz, u holda uni PB Sandwich yordamida ham tahrirlashingiz mumkin bo’lishi kerak. Agar kerak bo’lsa, sayt administratoridan tahrirlash huquqlarini so’rang.
PB Sandwich JavaScript-dan keng foydalanadi. Agar saytingizdagi boshqa skriptlardan kelib chiqadigan JavaScript xatolari mavjud bo’lsa, bu PB Sandwich-ning ishlashiga to’sqinlik qilishi mumkin. Bunday holat bor-yo’qligini tekshirish uchun brauzeringizdagi dasturchilar konsolini ochib, xatoliklarni tekshirishingiz mumkin.
Buning uchun Chrome-dan foydalanishni tavsiya qilaman. Sahifadagi istalgan joyga o’ng tugmani bosing, so’ngra «Inspect» bandini bosing. Bu brauzeringizning pastki qismida yangi sohani ochadi, u yerdagi «console» yorlig’ini bosing. Agar xatolar bo’lsa, siz taxminan shunday narsani ko’rishingiz kerak:
Agar xatolik mavjud bo’lsa, sichqoncha kursorini skript nomi ustiga olib borish yoki uni bosish orqali xatolik qayerdan kelib chiqayotgani haqida ma’lumot olishingiz mumkin:
Ushbu xatolar mavzuingiz yoki saytingizdagi boshqa plaginlardan kelib chiqishi mumkin. Bu xatoliklarni tuzatish PB Sandwich-ning qayta ishlashiga yordam beradi.
Agar mavzuingiz yoki plaginlaringizdan biri JavaScript xatosiga sabab bo’layotgan bo’lsa, iltimos, bizga [email protected] elektron pochtasi orqali xabar bering va biz muammoni hal qilish uchun qo’limizdan kelganicha harakat qilamiz 🙂
CloudFlare — keng qo’llaniladigan bepul DNS CDN xizmati. U juda ajoyib, biroq hozirda Rocket Loader funksiyasi bilan ishlashda PBS muammolarga duch kelmoqda. Rocket Loader JavaScript fayllarining yuklanish vaqtini yaxshilaydi, biroq PBS skriptlarining bog’liqligi va chaqirilish tartibini buzadi. Agar Rocket Loader yoqilgan bo’lsa, Page Builder Sandwich tahrirlash tugmasi ko’rinmaydi (va JavaScript konsolida hech qanday xatoliklar ko’rsatilmaydi).
Saytingiz CloudFlare-ning Rocket Loader funksiyasidan foydalanayotganligini tekshirish uchun veb-sahifangizning kodini ko’ring (sichqonchaning o’ng tugmasini bosing va «Sahifa manbasini ko’rish» bandini tanlang), so’ngra «rocketscript» matnini qidiring; agar ushbu matnni topsangiz, demak Rocket Loader yoqilgan.
Uni o’chirish bo’yicha to’liq ko’rsatmalar uchun CloudFlare & Rocket Loader mosligi haqidagi maqolani o’qing.
Mayli, agar yuqoridagi yechimlarning hech biri yordam bermasa, unda nima uchun u ko’rinmayotganini va bu borada nima qilish kerakligini tushuntirish vaqti kelgan bo’lishi mumkin. Tayyormisiz? Qani, boshladik!
Page Builder Sandwich sahifangiz/postingiz kontenti qayerda joylashganini bilishi kerak. Biz buni WordPress post kontentini qachon yuklashini kuzatish va ushbu sohani «belgilash» orqali amalga oshiramiz, shunda hamma narsa yuklangach, kerakli kontent qayerdaligini topa olamiz.
Ba’zida ba’zi plaginlar bu jarayonni chetlab o’tadi yoki bekor qiladi va buning o’rniga kontentni o’zlaricha yuklashga harakat qiladi. Ba’zan bu normal holat, ammo ma’lum vaziyatlarda, ayniqsa asosiy post kontentini yuklash haqida gap ketganda, bu ba’zi plaginlarning ishlashdan to’xtashiga olib kelishi mumkin. Boshqa plagin ushbu yuklash jarayonini chetlab o’tganda, biz qo’ygan «belgilar» yo’qolib ketishi mumkin va muharrir ishga tushishi kerak bo’lganda, u sizning kontentingiz qayerdaligini topa olmay qoladi. Shuning uchun tahrirlash tugmasi ko’rinmaydi! Shuningdek, sahifangizga kontent qo’shadigan ba’zi plaginlar, masalan, ijtimoiy tarmoqlarda ulashish plaginlari ham aynan shu sababli ishlashdan to’xtaganini ko’rishingiz mumkin.
Page Builder Sandwich sahifangiz/postingiz kontenti qayerda joylashganini bilishi kerak va u buni the_content filtriga ulanish orqali amalga oshiradi hamda asosiy kontentingiz atrofiga o’rovchi qo’shadi. Ba’zi plaginlar buni bekor qilib, keyinchalik kontentni get_the_content() funksiyasi bilan qayta yozishi mumkin. Afsuski, bunday qilish BARCHA the_content filtrlarining chaqirilishiga to’sqinlik qiladi va shu tariqa PBS o’rovchisi yo’qoladi. Boshqa har qanday plaginning o’zgarishlari ham yo’qoladi.
Aslida get_the_content()-dan foydalanishning yomon joyi yo’q, ammo agar bu barcha the_content filtrlari ishga tushadigan odatiy the_content() chaqiruvining o’rniga asosiy so’rovda va alohida post shabloni sahifasi ichida ishlatilsa, salbiy oqibatlarga olib kelishi mumkin.
Page Builder Sandwich «belgilari» yo’qligini tekshirish uchun frontendda sahifangizga/postingizga kiring va tizimga kirgan holatda sahifa manba kodini ko’ring. Kodlar orasidan quyidagi satrni topishga harakat qiling:
data-name="main-content"
Agar uni topa olsangiz, demak, qayerdadir shunchaki JavaScript muammosi bo’lishi mumkin va siz foydalanayotgan mavzu hamda plaginlar haqida bizga xabar bersangiz, buni tuzatib beramiz.
Ammo agar uni topa olmasangiz, ehtimol mavzuingiz (yoki plagin, lekin agar bu sahifa yoki blog posti bo’lsa, katta ehtimol bilan mavzu) post kontenti bilan biror narsa qilmoqda. Agar shunday bo’lsa, unda mavzu muallifiga murojaat qilishingiz va ularga muammo haqida xabar berishingiz kerak! Ularga yuqoridagi texnik «nima uchun» tushuntirishini ham ko’rsatishingiz mumkin, bu xatoliklarni bartaraf etishda yordam beradi 🙂
Agar PHP bilan ishlashga o’zingizda ishonch sezsangiz, post kontentini qayta ishlovchi shablon faylini topib, uni tuzatishga harakat qilishingiz mumkin. Biz duch kelgan yechimlardan biri quyidagi chaqiruvlarni:
$content = get_the_content();
quyidagiga almashtirishdir:
ob_start(); the_content(); $content = ob_get_clean();<br>
Eslatma: PHP o’zgaruvchisi sizda farq qilishi mumkin, ammo tushuncha bir xil bo’lishi kerak. Agar u ishlasa, ushbu o’zgarishni to’g’ridan-to’g’ri mavzungizga kiritish o’rniga bola mavzu yaratganingiz ma’qul. Shuningdek, o’zgarish sababli nojo’ya ta’sirlar yuzaga kelishi mumkin, shuning uchun bu haqda mavzuingiz muallifi bilan maslahatlashganingiz yaxshiroqdir.
PBS orqali tahrirlashni boshlaganingizdan so’ng, sichqoncha kursorini sahifangiz/postingiz sarlavhasi ustiga olib boring, uning atrofida chiziq paydo bo’lishi kerak. Kursorni sarlavha ustiga qo’yish va uni o’zgartirish uchun sarlavha ustiga bosing.
Sarlavha qismida formatlash vositalari mavjud emas, siz uning uslublarini o’zgartira olmaysiz va sarlavhaga elementlar qo’sha olmaysiz.
Qatorlar va ustunlar bo‘limlarga ajratilgan kontent yaratish uchun foydalanishingiz mumkin bo‘lgan vositalardir.
Yangi yaratilgan sahifa/postda Page Builder Sandwich yordamida tahrirlash paytida siz kiritgan kontentning barchasi bitta ustunga joylashtiriladi. Bu blog postlarini yozish uchun qulay, ammo ochilish sahifalari yoki aloqa sahifalari uchun maxsus maketlar yaratmoqchi bo‘lsangiz, sahifangiz bo‘ylab 2 ustunli maket yoki hatto turli ustunlar aralashmasini xohlashingiz mumkin.
Inspektordagi ushbu tugmalardan foydalanib qatorlar va ustunlar qo‘shishingiz mumkin:
Qo‘shilgach, yangi qatoringiz chegaralanadi:
Qatorlar va ustunlaringiz ichiga istalgan narsani joylashtirishingiz mumkin — matn, qisqa kodlar, vidjetlar va hatto yana qatorlar va ustunlar qo‘shishingiz mumkin.
Qator (yoki qatoringiz ichidagi kontent) tanlanganda, inspektoringizda ko‘proq parametrlar paydo bo‘ladi. Bo‘limingizga yanada uslub berish uchun ushbu tugmalardan foydalanishingiz mumkin:
Shuningdek, inspektorda buning ostida ustunlaringizga uslub berish uchun qo‘shimcha parametrlar ham mavjud.
Qatorning o‘zini bosib turish orqali qatorlarni turli joylarga ko‘chirishingiz mumkin (agar uning ichidagi elementni bosib tursangiz, qator emas, o‘sha element suriladi).
| Lite versiyasi | Mavjud emas |
| Premium versiyasi | Barcha funksiyalar mavjud
|
Ixtiyoriy ravishda biror matnni ajratib ko‘rsating, so‘ng inspektorda tugma elementini bosing. Bu tugmangiz uchun havola qilinadigan URL manzilini kiritishingiz mumkin bo‘lgan modal oynani ochishi kerak. U yerdan saytingizda mavjud bo‘lgan istalgan veb-sahifani qidirishingiz ham mumkin.
Boshqa elementlardan farqli o‘laroq, tugmalar qator ichida (inline) joylashtiriladi, bu esa ular boshqa matnlar (yoki boshqa tugmalar) bilan bir qatorda joylashishini anglatadi. Alohida tugmalarni boshqa joylarga sudrab o‘tkazib bo‘lmaydi, aksincha tugmani uni o‘rab turgan matn bilan birga sudrab o‘tkazish mumkin.
Tahrirlash vaqtida tugmani bosganingizda, inspektorda qo‘shimcha uslub parametrlarini ko‘rishingiz mumkin bo‘ladi. Shuningdek, ular qaysi URL manziliga havola berayotganini va boshqa buyruqlarni ko‘rish uchun sichqoncha kursorini tugmalar ustiga olib borishingiz mumkin.
Eslatma: Bu amalni PBS allaqachon o‘rnatilgan va faollashtirilgan bo‘lsa hamda uni saytdan yuklab olingan yoki biz sizga elektron pochta orqali yuborgan ilovadagi zip fayl orqali yangilamoqchi bo‘lsangiz bajaring.
Eslatma: Biz yangilanishlarni amalga oshirish uchun boshqa plagindan foydalanyapmiz, bu PBS plaginini avval o‘chirib tashlamasdan darhol yangilash imkonini beradi.
Plaginlar > Yangi qo‘shish bo‘limiga o‘ting, so‘ng qidiruv maydonida «Easy Theme and Plugin Upgrades» plaginini qidiring
Plaginni topgach, uni o‘rnating va faollashtiring.
Easy Theme and Plugin Upgrades plaginini faollashtirgandan so‘ng, yana Plaginlar > Yangi qo‘shish bo‘limiga o‘ting, so‘ng yuqori qismdagi Plaginni yuklash tugmasini bosing:
Page Builder Sandwich zip faylini tanlang va o‘rnating,
Bo‘ldi. Endi sizda PBS’ning yangi versiyasi bo‘lishi kerak.
| Lite versiyasi | Cheklangan uslublar bilan mavjud |
| Premium versiyasi | Barcha funksiyalar mavjud
|
Sahifangizga xarita qoʻshish uchun xarita elementini bosing. Xarita elementi tanlanganda, inspektorda xarita sozlamalari koʻrinishi kerak. Xaritangizni maʼlum bir hududga markazlashtirish uchun inspektordagi joylashuv maydoniga kenglik va uzunlik koordinatalarini yoki manzilni kiritishingiz mumkin. U yerda boshqa uslub parametrlari ham mavjud.
Siz xaritani surish yoki masshtabni kattalashtirish/kichiklashtirish orqali xarita elementini qoʻshimcha ravishda boshqarishingiz mumkin. Eʼtibor bering, xaritadagi oʻzgarishlaringiz elementda qoʻllaniladi.
Premium foydalanuvchilar xaritani boʻyash uchun rang tanlab, uni stilizatsiya qilishlari mumkin; yana bir variant – ranglar sxemasini yaratish va ulardan foydalanish uchun snazzymaps.com saytidan foydalanish. SnazzyMaps orqali quyidagiga oʻxshash ranglar sxemalarini yaratish mumkin: https://snazzymaps.com/style/20053/papuportal-dark Ushbu rang sxemalaridan foydalanish uchun Javascript uslub massivini (Javascript style array) inspektorga nusxalang.
Xarita balandligini sozlash mumkin, ammo xarita kengligini oʻzgartirib boʻlmaydi va u har doim mavjud boʻlgan maksimal kenglikka moslashadi. Hajmini oʻzgartirish uchun xaritalaringizni qatorlar va ustunlar ichiga joylashtiring. Shuningdek, xaritalarni brauzerning toʻliq kengligini egallaydigan qilib sozlashingiz mumkin.
Page Builder Sandwich odatiy sahifa yaratuvchilarga oʻxshamaydi, u murakkab emas va foydalanish uchun oddiy.
Qisqacha tanishib chiqish uchun quyidagi videoni tomosha qilishingiz mumkin.
Avvalo, yangi sahifa, post yoki CPT yarating. Soʻngra frontend qismida yangi postingizga yoki mavjudlaridan biriga kiring. PBS 100% frontend asosida ishlaydi, backend qismida ovora boʻlishingiz shart emas.
Sahifangizning yuqori qismida (admin panelingizda) «Page Builder Sandwich» tugmasi boʻlishi kerak, tahrirlashni boshlash uchun uni bosing. Yuqori qismdan matnni formatlash paneli, yon tomondan esa elementlar qoʻshish paneli ochilayotganini koʻrasiz. Endi mavzungizning kontent maydoni sizning muharriringizdir!
PBS yordamida faqat alohida sahifalarni tahrirlashingiz mumkin. Blog postlari roʻyxatini yoki 404-sahifani tahrirlay olmaysiz, chunki ular mavzungiz tomonidan yaratiladi. Postlar, sahifalar va maxsus post turlarini (CPT) tahrirlash mumkin.
Endi esa eng ajoyib qismiga keldik… frontendda va muharrir ichida boʻlganingizda, kontentingizdagi istalgan matnni yoki kontent maydoni ichini bosing va yozishni boshlang! Boshqa sahifa yaratuvchilardan farqli oʻlaroq, PBS qalqib chiquvchi muloqot oynalarisiz kontentni toʻgʻridan-toʻgʻri tahrirlash imkonini beradi.
Tahrirlash paytida yuqori qismdagi maydon Matnni formatlash paneli deb ataladi. Ushbu panelda matnni bezash uchun foydalaniladigan barcha formatlash vositalari mavjud, masalan: ranglar, qalin, kursiv, tekislash, havolalar qoʻshish, roʻyxat belgilari va boshqalar. Har bir vosita nima qilishini bilish uchun sichqonchani uning tugmasi ustiga olib boring.
Element qoʻshish panelini koʻrsatish uchun sichqonchani ekranning yuqori chap burchagidagi Elementlar qoʻshish tugmasi ustiga olib boring. Shuningdek, uni koʻrsatish uchun shunchaki sichqonchangizni ekranning chap tomoniga surishingiz ham mumkin.
Istalgan elementni joylashtirish uchun sichqoncha tugmasini bosib turing va uni kontent maydoningizga sudrab olib boring. Element joylashadigan maydon ajratib koʻrsatiladi. Elementni joylashtirish uchun sichqoncha tugmasini qoʻyib yuboring.
Kontentingizdagi istalgan element ustiga sichqonchani olib boring, shunda ularning ustida hoshiyalar va asboblar paneli paydo boʻladi.
Elementlar orasidagi masofalarni oshirish/kamaytirish uchun sichqonchangizni hoshiya chetlari ustiga olib borishingiz mumkin.
Element ustida tezkor amallarni bajarish uchun asboblar panelidagi tugmani ham bosishingiz mumkin. Asboblar panelidagi tishli gʻildirak belgisini bosish koʻproq parametrlarni oʻz ichiga olgan Xususiyatlar inspektorini ochadi.
Xususiyatlar inspektori elementlaringizning tashqi koʻrinishi ustidan koʻproq nazoratni taʼminlaydi. Siz soyalar, animatsiyalar qoʻshishingiz, xarita ranglarini, hoshiya burchaklari egriligini oʻzgartirishingiz va yana koʻp narsalarni qilishingiz mumkin.
Shuningdek, elementning ota elementlari xususiyatlariga ham kirishingiz mumkin. Masalan, agar rasm ustun ichiga joylashtirilgan boʻlsa va siz xususiyatlar inspektorini ochsangiz, rasm, u joylashgan ustun va ushbu ustun joylashgan qatorning xususiyatlarini koʻrishingiz mumkin.
Xususiyatlar inspektori turli elementlar uchun koʻplab turli xil sozlamalarni oʻz ichiga oladi, shuning uchun ularning barchasini koʻrib chiqing.
Page Builder Sandwich frontend qismida haqiqiy shortkodlarni koʻrsatadi va siz ularni osonlikcha tahrirlashingiz ham mumkin!
Agar shortkodlaringizni yoddan bilsangiz, ularni toʻgʻridan-toʻgʻri kontentingizga yozish orqali kiritishingiz mumkin. Ammo agar ularning barchasini yodlamagan boʻlsangiz (buni kim ham qilardi?), inspektor saytingizda mavjud barcha shortkodlar roʻyxatini taqdim etadi. Inspektordan Shortcode tugmasini kontent maydoniga sudrab oʻting va kiritmoqchi boʻlganingizni topib, ustiga bosing.
Shortkodlar frontendda haqiqiy kontentga aylantiriladi; ularni tahrirlash uchun ularni tanlab, inspektordagi parametrlarini tekshirishingiz mumkin. Yoki toʻliqroq nazorat qilish uchun shortkod ustiga ikki marta bosib, uni dastlabki koʻrinishida tahrirlashingiz mumkin. Tahrirlashdan soʻng, shortkodingiz oʻzgarishlarni aks ettirish uchun yangilanadi.
PBS yordamida istalgan narsani bosib, sudrab istalgan joyga koʻchirishingiz mumkin. Biror narsani sudrab sahifadagi boshqa element ustiga keltirganingizda, uni boshqa har qanday kontentning yuqorisiga yoki pastiga oʻtkazishingiz mumkin.
Ishingizni saqlash
Dizayningiz maʼqul boʻlgach, sahifangizning yuqori chap tomonidagi saqlash tugmasini bosing. Boʻldi, tayyor!
Kursoringizni kontentingizning turli sohalariga tezda joylashtirish yoki turli elementlarni tanlash uchun sichqonchangizdan foydalanishingiz mumkin.
Shuningdek, kursorni kontentingiz boʻylab siljitish uchun klaviaturangizdagi strelka tugmalaridan foydalanishingiz mumkin. Bundan qatorlarning yuqorisiga yoki pastiga oʻtish uchun foydalanishingiz mumkin.
Qatorlar va ustunlar bilan ishlaganda, qatoringizdan oldin yoki keyin kontent qoʻshish uchun qatorlarning chetlariga bosishingiz mumkin. Bu, ayniqsa, bir-birining ichida bir nechta qatorlar boʻlsa va ularning orasiga biroz kontent qoʻshmoqchi boʻlsangiz, juda foydali boʻladi.
Page Builder Sandwich odatiy sahifa yaratuvchilardan farq qiladi, u murakkab emas va foydalanish juda oddiy.
Qisqacha tanishib chiqish uchun quyidagi videoni tomosha qilishingiz mumkin.
Avval yangi sahifa, post yoki CPT yarating. So’ngra saytingizning tashqi ko’rinishida (frontend) yangi postingizga yoki mavjudlaridan biriga kiring. PBS 100% frontend asosida ishlaydi, backendda ovora bo’lishingizga to’g’ri kelmaydi.
Sahifangizning yuqori qismida (administrator panelida) «Page Builder Sandwich» tugmasi bo’lishi kerak, tahrirlashni boshlash uchun uni bosing. Yuqoridan matnni formatlash sohasi va yon tomondan elementlarni qo’shish paneli ochilayotganini ko’rishingiz kerak. Endi mavzungizning kontent sohasi sizning tahrirlovchingizga aylanadi!
PBS yordamida faqat alohida sahifalarni tahrirlashingiz mumkin. Blog postlari ro’yxatini yoki 404 sahifasini tahrirlay olmaysiz, chunki ular mavzungiz tomonidan yaratiladi. Postlar, sahifalar va maxsus post turlari (CPT) mos keladi.
Endi esa eng ajoyib qismiga keldik.. frontendda va tahrirlovchi ichida bo’lganingizda, kontentingizdagi istalgan matn ustiga bosing yoki kontent sohangiz ichiga bosib, yozishni boshlang! Boshqa sahifa yaratuvchilardan farqli o’laroq, PBS qalqib chiquvchi muloqot oynalarisiz kontentni to’g’ridan-to’g’ri tahrirlash imkonini beradi.
Tahrirlash paytida yuqoridagi soha Matnni formatlash paneli deb ataladi. Ushbu panel matnni stillash uchun ishlatiladigan barcha formatlash vositalarini o’z ichiga oladi: ranglar, qalin, kursiv, tekislash, havolalar qo’shish, markerlar va boshqalar. Asbob nima vazifa bajarishini bilish uchun sichqonchani har bir tugma ustiga olib boring.
Element qo’shish panelini ko’rsatish uchun sichqonchangizni ekranning yuqori chap qismidagi «Elementlarni qo’shish» tugmasi ustiga olib boring. Shuningdek, uni chiqarish uchun sichqonchangizni shunchaki ekranning chap tomoniga surishingiz ham mumkin.
Istalgan elementni joylashtirish uchun sichqoncha tugmasini uning ustida bosib turing, so’ng uni kontent sohangizga sudrab olib boring. Element joylashadigan soha ajratib ko’rsatiladi. Elementni joylashtirish uchun sichqoncha tugmasini qo’yib yuboring.
Sichqonchangizni kontentingizdagi istalgan element ustiga olib boring, shunda ularning ustida hoshiyalar va asboblar paneli paydo bo’lishi kerak.
Elementlar orasidagi masofalarni oshirish/kamaytirish uchun sichqonchangizni hoshiyalarning chetlariga olib borishingiz mumkin.
Element ustida tezkor amallarni bajarish uchun asboblar panelidagi tugmani ham bosishingiz mumkin. Asboblar panelidagi tishli g’ildirak belgisini bosish ko’proq parametrlarni o’z ichiga olgan Xususiyatlar inspektorini ochadi.
Xususiyatlar inspektori elementlaringizning ko’rinishi ustidan ko’proq nazorat imkonini beradi. Siz soyalar, animatsiyalar qo’shishingiz, xarita ranglarini, hoshiya radiusini o’zgartirishingiz va yana ko’plab amallarni bajarishingiz mumkin.
Shuningdek, elementning yuqori (ota) elementlari xususiyatlariga ham kirishingiz mumkin. Masalan, agar siz rasm ustun ichiga joylashtirilgan bo’lsa va xususiyatlar inspektorini ochsangiz, rasmning, u joylashgan ustunning va ustun joylashgan qatorning xususiyatlariga kirishingiz mumkin.
Xususiyatlar inspektori turli elementlar uchun ko’plab turli xil sozlamalarni o’z ichiga oladi, shuning uchun ularning barchasini ko’rib chiqing.
Page Builder Sandwich sizga frontendda haqiqiy qisqa kodlarni ko’rsatadi va siz ularni osonlikcha tahrirlashingiz ham mumkin!
Agar qisqa kodlaringizni yodlab olgan bo’lsangiz, ularni to’g’ridan-to’g’ri kontentingizga yozish orqali kiritishingiz mumkin. Ammo ularning barchasini yodlamagan bo’lsangiz (buni kim ham qilardi?), inspektor saytingizda mavjud barcha qisqa kodlarni ro’yxatlaydi. Inspektordan Shortcode tugmasini kontent sohangizga sudrab olib boring va kiritmoqchi bo’lganingizni topib, uni joylashtirish uchun ustiga bosing.
Qisqa kodlar frontendda haqiqiy kontentga aylanadi, ularni tahrirlash uchun ularni tanlab, inspektorda ularning atributlarini ko’rib chiqishingiz mumkin. Yoki ko’proq nazorat uchun qisqa kodni xom ko’rinishda tahrirlash maqsadida uning ustiga ikki marta bosing. Tahrirlashni bajarganingizdan so’ng, qisqa kodingiz o’zgarishlarni aks ettirish uchun yangilanadi.
PBS yordamida istalgan narsani bosib, sudrab, xohlagan joyingizga ko’chirishingiz mumkin. Biror narsani sudrab, sahifadagi boshqa element ustiga olib borganingizda, uni boshqa har qanday kontentdan yuqoriga yoki pastga ko’chirishingiz mumkin.
Ishingizni saqlash
Dizayningiz sizni qoniqtirgach, sahifangizning yuqori chap burchagidagi saqlash tugmasini bosing. Bo’ldi, shu xolos!
Lite plagini va Premium plagini ikki xil plagindir. Premium funksiyalardan foydalanish uchun siz Lite versiyasini faolsizlantirishingiz (yoki o‘chirib tashlashingiz), so‘ngra Premium plaginini o‘rnatishingiz va faollashtirishingiz, keyin esa litsenziya kalitingizni kiritishingiz kerak bo‘ladi.
Eslatma: Agar siz lite & premium plaginlarini bir vaqtning o‘zida faollashtirsangiz, davom etishdan oldin plagin sizdan mavjudini faolsizlantirishni so‘raydi.
PBS ni pagebuildersandwich.com saytidan sotib olgan mijozlar uchun eslatma: Plaginni saytdan ham yuklab olishingiz mumkin, sizdagi joriy litsenziya kaliti hali ham ishlashi kerak. Agar u ishlamasa, biz bilan bog‘laning va biz sizga yangisini taqdim eta olamiz.
PBS ni xarid qilganingizdan so‘ng, sizga ikkita narsani o‘z ichiga olgan xat kelishi kerak:
Premium plaginni o‘rnating va faollashtiring, shundan so‘ng sizga ushbu ekran ko‘rsatilishi kerak:
Litsenziya kalitingizni shu yerga kiriting va Agree & Activate License tugmasini bosing. Endi premium funksiyalar mavjud bo‘ladi.
Shu bilan bir qatorda, siz plaginlar sahifasiga o‘tib, ro‘yxatdan Page Builder Sandwich plaginini topishingiz mumkin:
Activate License havolasini bosing va siz u yerdan litsenziyangizni kiritishingiz mumkin bo‘ladi.
Tezroq ishlashingiz uchun Page Builder Sandwich-da mavjud bo’lgan turli xil tezkor tugmalardan foydalanishingiz mumkin.
Bular formatlash/asbobga oid bo’lmagan buyruqlar uchun yorliqlardir. Formatlash/asbob tezkor tugmalari uchun ularning tugmalar birikmasini ko’rish maqsadida sichqoncha kursorini matnni formatlash panelidagi har bir tugma ustiga olib boring.
| Tezkor tugma | Tavsif |
| CTRL+E (tahrirlanmayotgan paytda) | Tahrirlashni boshlash |
| CTRL+SHIFT+R (tahrirlash paytida) | Sahifani yangilash (chunki CTRL+R o’ng tomonga tekislash uchun ishlatiladi) |
| CTRL+S | O’zgarishlarni saqlash |
| CTRL+ESC | O’zgarishlarni bekor qilish va tahrirlashni to’xtatish |
| CTRL+C | Nusxa olish |
| CTRL+V | Joylashtirish |
| CTRL+X | Qirqib olish |
| CTRL+ENTER | Qator uzilishi / keyingi qator |
| CTRL+Z | Bekor qilish (Undo) |
| CTRL+SHIFT+Z (Mac) CTRL+Y (PC) |
Qaytarish (Redo) |
Biz yaqinda Page Builder Sandwich va IMPress for IDX Broker plaginlari bir vaqtda faollashtirilgandagi moslik muammosiga doir ayrim tuzatishlarni kiritdik. Bu tizimga kirgan foydalanuvchilar uchun frontend qismida nosozlik keltirib chiqarayotgan edi.
Ushbu tuzatish PBS faoliyatini yana tikladi, ammo biz IDX Broker vidjetining muharrir ichiga joylashtirilish imkoniyatini olib tashlashimizga to’g’ri keldi. Shunga qaramay, IDX Broker vidjetidan Tashqi ko’rinish > Vidjetlar menyusida hanuz foydalanish mumkin.
Page Builder Sandwich yordamida faqat alohida sahifalar yoki postlarni tahrirlashingiz mumkin. Bunga quyidagicha qarang: agar backendda uning uchun kontent muharriri bo’lgan «Yangi post» maydoni mavjud bo’lsa, uni Page Builder Sandwich yordamida tahrirlashingiz mumkin.
Har qanday maxsus post turining tarkibini tahrirlashingiz mumkin bo’lishi kerak.
Page Builder Sandwich veb-saytingizning unumdorligiga deyarli nol ta’sir ko’rsatishini ta’minladik. Tizimdan chiqqan holatda, eng kamida, faqat qator va ustun CSS stillari hamda siz ishlatgan qisqa kodlar (shortcodes) uchun zarur bo’lgan JS va CSS skriptlari navbatga qo’shiladi (enqueued).
Veb-saytingiz tashrif buyuruvchilari uchun, eng kamida, faqat qator va ustun CSS stillari navbatga qo’shiladi hamda siz ishlatgan qisqa kodlar uchun zarur bo’lgan JS va CSS skriptlari kiritiladi.