Page Builder Sandwich Jetpack бағдарламасының әртүрлі модульдерімен үйлесімді болуы керек.
Markdown модулі мазмұнды сақтау кезінде ерекше әрекет жасайды, соның салдарынан markdown түрлендіруі кезінде өзгерістер жоғалып кетуі мүмкін. Мұны шешу үшін өзгерістеріңізді фронтендтен сақтау кезінде бекенд редакторындағы markdown мәтіні html тегтеріне айналады. (Көмектескені үшін Джейк Джексонға алғыс білдіреміз)
Біз Page Builder Sandwich плагинін PHP 7 нұсқасымен сынақтан өткіздік және бәрі ешбір мәселесіз жақсы жұмыс істеуі керек.
Сайтыңызды төменгі нұсқадан PHP 7 нұсқасына жаңартқан кезде абай болыңыз, өйткені барлық тақырыптарыңыз бен плагиндеріңізде шешілуі тиіс төменгі нұсқалармен көптеген үйлесімсіздіктер бар.
Page Builder Sandwich және Materialize бірге болған кезде Javascript қатесі орын алады. materialize.js пен WordPress Core түс таңдауышы арасында қақтығыс бар.
Бұл туралы Materialize GitHub репозиторийінде мәселе жарияланған: https://github.com/Dogfalo/materialize/issues/2821
Сайтыңыздағы лицензияны ажыратпағанша, плагин дұрыс жұмыс істеуін жалғастыра береді. Оны бір рет ажыратқаннан кейін, қайта белсендіре алмайсыз.
WordPress басқару тақтасынан жаңартуларды ала алмайсыз немесе жаңа нұсқаларға қол жеткізе алмайсыз. Біз сізге керемет қолдау көрсете алмайтын боламыз.
Виджеттерді инспектордағы Elements section ішіндегі Widget Element түймесін басу арқылы қосуға болады. Басқан кезде, Page Builder Sandwich сайтыңыздан тапқан барлық виджеттер тізімі бар қалқымалы терезе пайда болуы керек.
WordPress сайтыңыздан табылған барлық виджеттерді қосуға болады, бірақ параметрлерінде арнайы Javascript кодын пайдаланатын кейбір виджеттер дұрыс жұмыс істемеуі мүмкін. Мыналарды пайдаланатын виджеттер жұмыс істемеуі мүмкін:
Әдепкі WordPress виджеттерінде және соған ұқсас жасалған виджеттерде ешқандай мәселе болмауы керек.
Егер сізге сол нақты виджеттің жұмыс істеуі өте қажет болса, оны шешудің мынадай жолы бар.
Жаңа бүйірлік панель/виджет аймағын жасау үшін Custom Sidebars by WPMU Dev плагинін пайдалана аласыз, содан кейін виджетіңізді 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 пернесін басу арқылы орындалады.
Тағы бір балама әдіс — инспектордағы жою / алып тастау түймесін басу:
Бұл әдіс жұмыс істемейтін кейбір жағдайлар бар. Жұмыс істемейтін элементтер әдетте жолдар, бағандар немесе карусельдер сияқты контейнерлер болып табылады. Бұл мазмұнды өшіру кезінде кездейсоқ жойылудың алдын алу үшін жасалған.
Бұл элементтерді жою үшін инспектордағы элемент сипаттарында орналасқан жою / алып тастау түймесін басыңыз. Мысалы, жолды жою үшін осы аймақты пайдалану қажет болады:
Суреттерді қосу өте оңай. Келесі әдістердің бірін қолдануға болады:
Page Builder Sandwich қазір келесі тілдерде қолжетімді:
Егер сіз Page Builder Sandwich-ті өз тіліңізге аударып, оның дамуына үлес қосқыңыз келсе, біздің Transifex бетіне өтіңіз!
Қолжетімді мыңдаған тақырыптар мен басқа да плагиндер бар. Сондықтан біз барлығын мұқият жасап, стандарттарға сай құруға тырысқанымызбен, кейде ақаулар орын алып жатады.
Егер Page Builder Sandwich сіздің жүйеңізде дұрыс жұмыс істемей жатқанын байқасаңыз, мәселені шешу үшін мына бірнеше қадамды орындап көріңіз.
Мақаланы мына жерден қараңыз: «Page Builder Sandwich арқылы өңдеу» батырмасы көрінбейді Егер бұл мәселені шешпесе, әрі қарай оқыңыз.
Құжаттамадағы «Ақауларды жою» бөліміндегі әртүрлі мақалаларды шолып шығыңыз.
WordPress, плагиндеріңіз, тақырыбыңыз және тіпті Page Builder Sandwich. Барлығының үнемі жаңартылып отырғаны жақсы. Бәрінің жаңартылғанына көз жеткізу — сайтыңыз үшін қателер мен осалдықтарға қарсы соңғы түзетулерге ие болатыныңызды білдіреді.
Егер мазмұнды Page Builder Sandwich көмегімен өңдей алмасаңыз (және қате туралы қалқымалы терезе пайда болуы мүмкін), ағымдағы беттің мазмұны толығымен тақырыбыңыз немесе плагин арқылы жасалған болуы мүмкін. Мұны тексеру үшін бетті/жазбаны WordPress арқылы әдеттегідей басқару тақтасында өңдеп, сақталған мазмұнның сайттың сыртқы бетінде пайда болатынын тексеріңіз. Егер ол көрінбесе, бұл бет/жазба мазмұны толығымен автоматты түрде жасалатынын және оны PBS арқылы өңдеуге болмайтынын білдіреді.
Кейде плагин Page Builder Sandwich-пен қайшылыққа түсуі мүмкін. Қай плагин қайшылық тудырып жатқанын анықтау үшін, плагинді өшіріп, PBS қайта жұмыс істей бастайтынын тексеріңіз. Мұны белсенді әрбір плагин үшін жасаңыз. Егер PBS қайта істеп, беттеріңізді өңдей алсаңыз, онда сіз жаңа ғана өшірген плагин PBS-пен үйлесімді емес. Мұндай жағдайда бізге [email protected] электрондық поштасы арқылы хабарласып, бізге мәлімдеңіз, біз оны жөндей аламыз.
Егер плагиндерді өшіру еш нәтиже бермесе, тақырыбыңызды әдепкі WordPress тақырыбына (Twenty-… тақырыптары) ауыстырып көріңіз. Егер сіз өз мазмұныңызды Page Builder Sandwich арқылы қайта өңдей алсаңыз, қолданып жатқан тақырып PBS-пен үйлесімді емес. Бұл ақпаратты бізге [email protected] электрондық поштасы арқылы жіберіп, бізге мәлімдеңіз, біз оны жөндей аламыз.
Сирек жағдайларда шолғыш кеңейтімі веб-сайттағы Javascript кодының дұрыс жұмыс істеуіне кедергі келтіруі мүмкін. Шолғыш кеңейтімінің мәселе тудырып жатқанын тексеру үшін, шолғышыңызды инкогнито режимінде (Chrome) немесе жеке режимде ашып, PBS-ке кіріп көріңіз; бұл кеңейтімдерсіз жаңа қойынды ашады. Егер ол жұмыс істесе, сізде қайшылық тудыратын кеңейтім бар.
PageXray шолғыш кеңейтімінің мәселелер тудыратыны анықталды.
Бұған дейін NextGen және Page Builder Sandwich арасында мәселе болған еді.
2.12 нұсқасына дейін PBS қандай да бір себеппен NextGen-де қате туралы хабардың шығуына түрткі болып, соның салдарынан сайтта бос ақ экран пайда болатын. Бұл мәселе 2.12 нұсқасында түзетілді, сондықтан ескі нұсқаны пайдаланып жүрсеңіз, жаңартуыңызды сұраймыз.
Біз Page Builder Sandwich құралының веб-сайтыңыздың өнімділігіне әсері нөлге жуық екендігіне көз жеткіздік. Жүйеден шыққан кезде, ең құрығанда, тек жол мен бағанның CSS стильдері, сондай-ақ сіз пайдаланған қысқа кодтар үшін қажетті JS және CSS сценарийлері ғана кезекке қойылады.
Өңдеу кезінде шорткодтарды қоюға немесе тікелей теруге болады. Шорткодты теріп болған соң, Enter пернесін басыңыз немесе шорткодтан шығыңыз, сонда ол бірден дайын пішінінде көрсетілуі керек.
Шорткодтарды қосудың тағы бір жолы — инспектордағы Шорткод элементін басу. Бұл сайтыңызда қолжетімді барлық шорткодтардың тізімі бар қалқымалы терезені ашады. Біреуін таңдаңыз немесе кірістіру үшін олардың кез келгенін екі рет басыңыз.
Шорткодтарды 2 жолмен өңдеуге болады:
Шорткод атрибуттарын Page Builder Sandwich анықтай алмайды. Сондықтан оларды қолмен теруіңіз керек. Біз барлығына оңай болу үшін шорткодтарды жүйеге сәйкестендіру жолын жасап жатырмыз. Жаңалықтарды қадағалап отырыңыз.
Markdown — бұл негізінен мәтіннің пішімін қосу немесе өзгерту үшін өңдеу кезінде теретін синтаксис. Бұлар пернелер тіркесімі сияқты, бірақ комбинацияны басудың орнына оларды тересіз.
Төменде Page Builder Sandwich бағдарламасында қолдау көрсетілетін барлық Markdown синтаксистерінің тізімі берілген.
## 2-тақырып
### 3-тақырып
мынаған дейін:
###### 6-тақырып
> Цитата блогы
(4 бос орын)Алдын ала пішімделген мәтін/код
* Таңбаланған тізім - Таңбаланған тізім
1. Нөмірленген тізім 1) Нөмірленген тізім
- ------------------------------(немесе бірнеше сызықша)
URL мекенжайларын теру оларды автоматты түрде сілтемеге айналдырады:
Head over to https://pagebuildersandwich.com
Head over to [Page Builder Sandwich](https://pagebuildersandwich.com
Page Builder Sandwich ішіне тұрақты сілтемелердің URL мекенжайларын қою арқылы YouTube бейнелері, Vimeo бейнелері, твиттер және тіпті Reddit пікірлері сияқты әртүрлі сайттардың мазмұнын ендіре аласыз.
Мәтіннің тұтас бір жолында тек URL мекенжайы ғана болуы керектігін ескеріңіз
Page Builder Sandwich WordPress-тің oEmbed мүмкіндігімен қатар жұмыс істейді. Сондықтан бэкэндте ендіруге болатын URL мекенжайларына қолдау көрсетілуі тиіс. Қосымша oEmbed жеткізушілеріне қолдау қосатын плагиндер де жұмыс істеуі керек.
oEmbed жеткізушілерінің тізімін кодекстен таба аласыз: https://codex.wordpress.org/Embeds
Page Builder Sandwich көмегімен тек беттердің, жазбалардың және пайдаланушылық жазба түрлерінің мазмұнын өңдей аласыз.
Дегенмен, келесі сияқты тақырып үлгісінің файлдарын өңдей алмайсыз:
Бұған былай қараңыз: егер сайтыңыздың сыртқы көрінісіндегі әкімші панелінде «Жазбаны өңдеу» немесе «Бетті өңдеу» түймесі болса, онда ол бет өңделуі керек.
Тұрақты сілтеме URL мекенжайларын тікелей қою арқылы YouTube бейнелері, Vimeo бейнелері, Instagram фотосуреттері, Flickr фотосуреттері, Твиттер және тіпті Reddit пікірлері сияқты әртүрлі сайттардың мазмұнын ендіре аласыз.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Ендіруге болатын URL мекенжайларының тізімін WordPress кодексінен таба аласыз: https://codex.wordpress.org/Embeds
Сондай-ақ қосымша ендіру URL мекенжайларына қолдау қосатын басқа плагиндерді орната аласыз. Мысалы, WordPress бастапқыда Wistia URL мекенжайларына қолдау көрсетпейді, ендіруді қосу үшін олардың плагинін орнатуға болады, содан кейін PB Sandwich те оларды өңдей алуы керек.
Бұл жұмыс істеуі үшін мәтіннің бүкіл бір жолында тек URL мекенжайы ғана болуы керек екенін ескеріңіз.
Сондай-ақ ендіру кодтарын тікелей қоюға болады.
Ендіру кодтары келесідей көрінеді:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Бұл жұмыс істеуі үшін мәтіннің бүкіл бір жолында тек ендіру коды ғана болуы керек екенін ескеріңіз.
«Медиа қосу» құралын басыңыз, содан кейін «URL мекенжайынан кірістіру» қойындысына URL мекенжайыңызды қойыңыз.
Page Builder Sandwich басқа плагиндер біздің плагинмен еш қиындықсыз қатар жұмыс істей алуы үшін мүмкіндігінше кедергі келтірмейтіндей етіп жасалған.
Дегенмен, кейде бұған қатысты ерекше жағдайлар болып тұрады. Төменде Page Builder Sandwich-пен бірге жұмыс істегенде кейбір ерекшеліктері бар плагиндердің тізімі берілген. Бұл олардың мүлде жұмыс істемейтінін немесе үйлесімсіз екенін білдірмейді, тек кейбір әрекеттері өзгеше болуы мүмкін.
Біз бұл тізімді жаңартуды жалғастырамыз. Егер қандай да бір жайтты байқасаңыз, мына мекенжайға қолдау сұрауын жіберуден тартынбаңыз: [email protected]
Page Builder Sandwich бағдарламасының премиум нұсқасында сіз өзіңіздің жеке 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-тің клиенттік жағында көрсетілуіне жол бермеуге болады.
Мысалы, 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]
PBS >= 4.3
PBS жазбаның мазмұн аумағын анықтау үшін орауыш қосады. Бұл орауыш орналастырылғанға дейін шақырылады.
$content
String. Орауыш қолданылған жазба мазмұны.
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Жоқ.
Array. Барлық анықталған шорткод тегтерінің массиві.
PBS >= 4.3
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;
}
PBS өңдеу кезінде бейімделгіш көрінісін көрсету үшін пайдаланатын iframe ішінде қолданылады. Бұл <body> тегі жабылар алдында шақырылады және скрипттер мен стильдерді қосу үшін пайдаланылуы мүмкін.
Жоқ.
PBS жазбаның мазмұн аймағын анықтау үшін орауыш қосады. Бұл орауыш орналастырылғаннан кейін шақырылады.
$content
String. Орауыш қолданылған жазба мазмұны.
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 шорткод таңдау құралында жасырылатын шорткод тегтерінің тізімі. Таңдау құралының қалқымалы терезесінде көрінетін, бірақ бұрыннан ескірген немесе пайдаланушылардан жасырғыңыз келетін шорткодтарыңыз болса, осыны пайдаланыңыз.
$shortcodes
Array. Шорткод тегтерінің массиві.
Таңдау құралынан шорткодын жасыру.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
Frontend-тегі pbsFrontendParams нысанына Javascript қасиеттерін қосады. pbsFrontendParams нысаны пайдаланушы жүйеге кіріп, өңдеп жатқан-жатпағанына қарамастан frontend-те қолжетімді болады.
$params
Массив. Терезе деңгейіндегі pbsFrontendParams Javascript айнымалысында қолжетімді болатын кілттер мен мәндер массиві
Айнымалыны frontend-те қолжетімді ету
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-тен тұрады және біз әзірлеушілер біздің бет құрастырушымыздың функционалын кеңейтіп, жаңа мүмкіндіктер қоса алуы үшін бірнеше әдістер қостық.
Әзірлеушілерге жұмысты жеңілдету үшін біз оны WordPress жұмыс істейтін үлгіде — хуктар арқылы құрдық!
WordPress-те сіз әдетте WP әрекетін өзгерту немесе толықтыру үшін add_filter() және add_action() функцияларын пайдаланасыз. Сол сияқты PBS-те де wp.hooks.addFilter() және wp.hooks.addAction() функцияларын пайдалана аласыз.
Оларды қолдану тәсілі де бірдей: өзгерістер енгізу үшін сүзгілерді, ал қосымша әрекеттерді орындау үшін action-дарды пайдаланыңыз. Бұл екі функция шақыруы Javascript-те жұмыс істейтінін қоспағанда, негізінен олардың PHP-дегі аналогтарымен бірдей.
PHP хуктары мен Javascript хуктарын шатастырмау үшін біз Javascript хуктарын «нүктелі регистрмен» (ойлап табылған сөз) атадық. Ал PHP хуктарының барлығы snake case пайдаланады:
Барлық хуктармен танысу үшін сол жақтағы мәзірден Javascript Actions және Javascript Filters санаттарын қараңыз.
Білгісі келетіндер үшін: біз Javascript-те осы керемет хук шақыруларын қосу үшін https://github.com/carldanley/WP-JS-Hooks кітапханасын қолданамыз
Редактор мазмұнды сақтамас бұрын ғана шақырылады. Мұны сақтау кезінде жіберілетін қосымша деректерді орналастыру үшін пайдалануға болады (бұл деректерді сақтамайды, жай ғана оны Ajax арқылы бэкендке жібереді)
payload
FormData нысаны. Сақтау үшін Ajax арқылы жіберілетін деректер.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Сақтау кезінде жіберілетін деректерді қосу.
payload.append( 'my_data', 'My Data' );
}
PBS-пен бірге сценарийді немесе стильді кезекке қою. Бұл тек жазбаны 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 кодтарын, барлық жүктелген шорткодтар тізімін және аударма жолдарын қамтиды.
$params
Array. Терезе деңгейіндегі pbsParams Javascript айнымалысында қолжетімді болатын кілттер мен мәндер массиві
Редакторға анықталмаған шорткодты қосу
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/
Бұл премиум мүмкіндік және 4.0.1+ нұсқасында қолжетімді
Бір бетте айналдырылатын якорьлік сілтемелер — сол беттің белгілі бір орнына бағыттайтын сілтемелер. Бір беттік сілтемені басқанда, браузеріңіз көрсетілген аймаққа қарай айналдырылады.
Бір беттік якорьлік сілтеме жасау үшін сізге екі нәрсе қажет:
Бетіңіздің төменгі жағына жақын кез келген элементті таңдап, оның сипаттарын ашыңыз. Кеңейтілген параметрлер аймағында «go_here» деп аталатын арнайы класс немесе арнайы ID қосыңыз
Енді бетіңіздің жоғарғы жағына жақын жерде сілтеме жасаңыз немесе түйме элементін қосыңыз. Сілтеме ретінде URL мекенжайын қосудың орнына, егер «go_here» арнайы класс ретінде қосылған болса, «.go_here» (нүктесімен бірге) пайдаланыңыз; ал егер ол арнайы ID ретінде қосылған болса, «#go_here» (тор белгісімен бірге) пайдаланыңыз.
Бетті сақтағаннан кейін, сілтемені/түймені басқан кезде ол енді бетіңіздің төменгі жағындағы элементке қарай бірқалыпты айналдырылуы керек.
Мынадай атаулы якорьлер:
<a name="go_here"></a>
«#go_here» (тор белгісімен бірге) сілтемесін қосу арқылы да бағытталуы мүмкін
Сондай-ақ сынып атауларын немесе ID-лерін қолдана отырып, бетіңіздегі кез келген басқа аймақтарға, тіпті редактор аймағынан тыс жерлерге де бағыттай аласыз.
Мазмұн сақталғаннан кейін шақырылады. Бұл сақтау PBS редакторынан басталған кезде шақырылады.
Жоқ
Сақталатын жазба деректерін өзгертуге арналған сүзгі. Бұл сақтау PBS редакторынан басталған кезде шақырылады.
$post_data
Array. Сақталатын соңғы жазба деректері, бұл кейін тікелей wp_update_post() функциясына беріледі.
$_POST
Array. Сақтау үшін редактордан жіберілген бастапқы жазба деректері. Мұның nonce мәні тексерілген.
$post_id
Int. Біз сақтап жатқан жазбаның идентификаторы.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// Қандай да бір себептермен біз жазбаның әрқашан нобай болғанын қалаймыз.
$post_data['post_status'] = 'draft';
return $post_data;
}
Мазмұн сақталар алдында шақырылады. Бұл сақтау әрекеті PBS редакторынан басталған кезде шақырылады.
Жоқ
Егер сіз тақырып әзірлеушісі болсаңыз, тақырыбыңызға PBS-ті қосу өніміңіздің құндылығын айтарлықтай арттыра алады.
Бізбен [email protected] арқылы байланысыңыз, бірге ынтымақтасайық!
CloudFlare — кеңінен қолданылатын тегін DNS CDN. Ол тамаша қызмет, бірақ қазіргі уақытта PBS-те Rocket Loader мүмкіндігіне байланысты мәселелер туындауда. Rocket Loader Javascript файлдарының жүктелу уақытын жақсартады, бірақ ол PBS скрипттерінің тәуелділігі мен шақыру ретін бұзады. Егер сізде Rocket Loader қосулы болса, Page Builder Sandwich өңдеу түймесі пайда болмайды (және Javascript консолінде ешқандай қате көрсетілмейді).
Rocket Loader қызметін өшіру үшін CloudFlare есептік жазбаңызға және доменіңіздің баптауларына кіріңіз. Speed (Жылдамдық) баптауларына өтіңіз:
Содан кейін төмен жылжып, Rocket Loader баптауларына өтіп, оның өшірілгеніне (off) көз жеткізіңіз:
Мұны өшіргеннен кейін, Cache (Кэш) баптауларынан сайтыңыздың барлық кэшін тазартуды ұмытпаңыз:
Кэшті толығымен тазартқаннан кейін бетті қайта жүктей аласыз, сонда Page Builder Sandwich өңдеу түймесі көрінуі тиіс.
4.0 нұсқасынан бастап өңдеу кезінде жұмыс үстелі, планшет және ұялы телефон көріністері арасында ауыса аласыз! Біз мұны бейімделгіш режим деп атаймыз. Бейімделгіш режимде сайтыңыз кішірек экрандарда қалай көрінетінін симуляциялау үшін кішірек өлшемге дейін өзгереді.
Сайтыңызды планшет немесе ұялы телефон көрінісінде қарап шыққан кезде өңдеу мүмкіндіктеріңіз шектеулі болады. Мұнымен сіз ТЕК мыналарды істей аласыз:
* PBS элементтеріңіз бен жолдарыңызға кейбір бейімделгіш мәнерлерді қолданады, сондықтан кейбір жиек аралықтары реттелмейтін болады.
Сіз жасай алмайтын кейбір нәрселер:
Егер сіз сайтыңызды планшет немесе ұялы телефон көріністерінде қарап жатсаңыз, сіз енгізген кез келген жиек аралығын реттеу әрекеті тек ағымдағы көрініске және одан кішірек көрініске ғана қолданылады. Бұл толық жұмыс үстелі нұсқасынан бөлек, кішірек экрандарда жақсырақ көрінуі үшін дизайнды баптауға мүмкіндік береді.
Түсініктірек болу үшін мысал келтірейік.
Бұл тек жиек аралықтарын реттеуге қатысты, мәтіндегі өзгерістер немесе мәтін мәнерінің өзгерістері барлық экран өлшемдеріне қолданылады.
Планшет немесе ұялы телефон көріністерінде қараған кезде, жолдарыңыздың үстіне меңзерді апарғанда құралдар тақтасында жаңа «көз» түймесі пайда болады. Оны басу ағымдағы экран өлшемі үшін жолды көрсетуге/жасыруға мүмкіндік береді.
Жасырылған жолдар өңдеу аяқталған кезде жасырылатынын білдіру үшін өңдеу кезінде сәл мөлдір болып тұрады.
Бұл мүмкіндік тек жолдар үшін қолжетімді екенін ескеріңіз.
Сақталатын жазба мазмұнын өзгертуге арналған сүзгі. Бұл сақтау әрекеті PBS редакторынан басталған кезде шақырылады.
$content
String. Сақталатын жазбаның соңғы мазмұны.
$post_id
Int. Біз сақтап жатқан жазба идентификаторы.
Varnish Cache қызметін пайдалану кезінде өзгертулерді сақтағаннан кейін әлі де ескі мазмұнды көріп тұрсаңыз, онда Varnish Cache автоматты түрде тазаланбаған болуы мүмкін.
Кэшіңізді тазалауға мүмкіндік беретін кейбір WordPress плагиндері бар: https://wordpress.org/plugins/search/varnish+cache/
Егер ол көмектеспесе, терминалда мына пәрменді орындау арқылы Varnish Cache кэшін қолмен тазалауға болады:
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-ті деактивациялау үшін алдымен Бақылау тақтасына (Dashboard) / басқару панеліне кіріп, содан кейін Плагиндер > Орнатылған плагиндер (Plugins > Installed Plugins) бөліміне өтіңіз:
Плагиндер бетінде плагиндер тізімін төмен айналдырып, Page Builder Sandwich плагинін табыңыз. Атауының дәл астында Өңдеу (Edit) немесе Лицензияны өзгерту (Change License) сияқты басқа сілтемелермен қатар deactivate (өшіру) сілтемесін көре аласыз (бұл сайтыңызға байланысты өзгеше болуы мүмкін). Плагинді өшіру үшін деактивациялау сілтемесін басыңыз.
Көптеген элементтерде (бірақ қысқа кодтарда емес) элемент экранда көрінетін кезде ойнатылатын кіру анимациясын көрсетуге болады.
Мұны істеу үшін құралдар тақтасын көрсету үшін элементтің үстіне меңзерді апарыңыз, содан кейін беріліс (тісті доңғалақ) түймесін басыңыз.
Бұл инспекторды ашуы керек. Animations (Анимациялар) аймағына өтіп, оны ашыңыз және анимацияны таңдаңыз.
Анимацияны таңдағаннан кейін, ол сізге алдын ала қарауды көрсету үшін ойнатылуы керек. Ұсынылған басқа опциялармен анимацияны одан әрі дәлдей аласыз.
Анимациялар тек пайдаланушы бетті айналдырғанда және элемент көрініске енгенде ғана ойнатылады. Егер бетке кірген кезде элемент көрініп тұрса, ол анимацияланбайды.
Жоқ, айырылмайсыз! Барлық беттеріңіз бен контентіңіз сайтыңызда қалуы керек. Бұл тегін нұсқадан премиум нұсқаға өткен кезде немесе жай ғана сынап көрген кезде PBS плагинін қауіпсіз түрде өшіре аласыз дегенді білдіреді.
Дегенмен, барлығы бірдей көрінбейді. Бетіңіздегі кейбір элементтердің өзгергенін байқайсыз, себебі PBS құрамында күрделірек элементтер үшін қажетті қосымша стильдер мен скрипттер бар.
PBS өшірілген кезде сақталып қалатын кейбір элементтер:
PBS өшірілген кезде жоғалып кететін кейбір элементтер:
Егер сіз беттегі өзгерістерді сақтаған болсаңыз және…
бұл сақтау әрекеті кэштеу шешімінің сақталған деректерді тазалауына түрткі болмағанын білдіруі мүмкін.
Егер сіз қандай да бір кэштеу шешімін қолдансаңыз — мысалы, W3 Total Cache сияқты кэштеу плагині, Memcached немесе Redis сияқты серверлік кэштеу бағдарламасы немесе CloudFlare сияқты DNS кэштеуі — ол сіздің сақталған мазмұныңызды тазаламаған болуы мүмкін.
Бұлай болғанын тексерудің бір жолы — бетіңізді басқару тақтасында (әдеттегі әдіспен) өңдеп, содан кейін бетіңізді сайттың алдыңғы жағынан (frontend) көру. Егер мазмұныңыз өзгермесе, онда кэшіңіз автоматты түрде тазаланбаған болуы мүмкін.
Кейбір WordPress-ке жатпайтын кэштеу шешімдерінде ағымдағы кэшті тазартуға көмектесетін қосымша WordPress плагині бар, ал WordPress шешімдерінде әдетте бұл үшін батырмалар немесе параметрлер болады.
Сондай-ақ сақтау кезінде қандай да бір PHP қатесі орын алған болуы мүмкін.
Бұлай болып жатқанын тексеру үшін әзірлеуші консолін (Chrome браузерінде ұсынылады) ашып, Network қойындысына өтіңіз. Сол жерде болғанда, PBS-те өзгерістеріңізді сақтаңыз, сонда сіз admin-ajax.php бағытына бірнеше жазбаны көруіңіз керек. Егер мұны қызыл түспен көрсеңіз, бұл қате орын алғанын білдіреді. Мынадай нәрсені көріп тұрғаныңызды тексеріңіз:
Егер солай болса, біз оны тексеріп, сіз үшін түзете алуымыз үшін қажетті кіру деректерімен бірге [email protected] электрондық поштасына хат жазыңыз.
Wordfence үйлесімділігі туралы мақаланы мына жерден оқыңыз: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
Ескертпе: бұл 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» сөзін теріп, lorem ipsum толтырғыш мәтінін тез қосу үшін tab немесе enter пернесін басыңыз:
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 барлық кэштеу плагиндерімен жұмыс істейді. Дегенмен, олардың минификациялау немесе кэштеу функциясын қоссаңыз, кейбір мәселелерге тап болуыңыз мүмкін.
Тек минификацияның жүйеге кірген пайдаланушылар үшін өшірілгеніне көз жеткізіңіз, сонда ол дұрыс жұмыс істеуі керек.
Біз мұнда тек W3 Total Cache параметрлерін көрсетіп отырмыз, бірақ басқа кэштеу және минификациялау плагиндерінде де ұқсас параметрлер болуы керек.
Performance > Page Cache бөлімінде Don’t cache pages for logged in users параметрінің белгіленгеніне көз жеткізіңіз
Егер минификацияны пайдалансаңыз, Performance > Minify бөлімінде Disable minify for logged in users параметрінің белгіленгеніне көз жеткізіңіз
Сыртқы веб-сайттардан мазмұнды ендіру үшін жай ғана 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 мекенжайларын ендіре аласыз.
Егер сіз жоғарғы және төменгі сыртқы шегініс (margin) немесе ішкі шегініс (padding) тұтқаларын сүйреуге тырысып жатсаңыз және элементтің сыртқы/ішкі шегіністері өзгермесе, кез келген стиль өзгерістерін мәжбүрлі түрде қайта анықтап тұрған басқа стильдер болуы мүмкін. Бұл сондай-ақ фондарды, жиектерді өзгерте алмағанда немесе мөлдір кескіндерге әрдайым фон түсі қосылып кететін кезде де орын алуы мүмкін.
Мәселені анықтау үшін браузеріңіздің инспекторын ашып, элементті тексеріңіз (inspect). Сол элементтің стильдерін қарап шығыңыз. Егер сіз мынаған ұқсас нәрсені көрсеңіз:
Онда тақырыбыңыз немесе плагиніңіз элементке басқа стильдердің қолданылуына кедергі келтіріп жатқанына сенімді бола аласыз. Оның қай тақырыптан/плагиннен шығып жатқанын анықтау үшін тінтуірді стильдер кестесінің (stylesheet) үстіне апарыңыз.
Мұны түзету үшін стильдің «! important» бөлігін алып тастаңыз, сонда сіз стильдерді қайтадан қолдана аласыз. Мұны түзету үшін тақырыптың немесе плагиннің авторына хабарласуыңыз қажет болуы мүмкін.
Ескертпе: Әдепкі бойынша тақырыпша тек басты беттен ғана алынып тасталады.
Беттеріңіздің кез келгенінен тақырыпшаны немесе мәзірді алып тастау үшін сізге Jetpack сияқты жеке CSS қосуға мүмкіндік беретін плагин қажет болады.
Тақырыпшаны алып тастау үшін сізге жазбаңыздың жазба 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;
}
Page Builder Sandwich сіздің WordPress жүйесінде әлі де авторизацияланғаныңызды үнемі тексеріп отырады. Бұл сақтау түймесін басқан кезде өзгертулеріңіздің нақты сақталуын қамтамасыз ету үшін жасалады. Сондай-ақ бұл жазбаларды бұғаттау және автосақтау үшін де қолданылады.
Тексерулерді орындау үшін біз WordPress Heartbeat API-ге сүйенеміз, ал ол өз кезегінде браузердің cookie файлдары мен сеанстарына негізделеді. Сондықтан, егер өңдеу кезінде осы «сеанс мерзімі аяқталды» қалқымалы терезелері шыға берсе, WordPress жүйесінің сізді дұрыс қадағалауына бірдеңе кедергі келтіруі мүмкін. Мұны шешу үшін мына қадамдарды орындап көруге болады:
Егер сізде кэштеу плагиндері, DNS кэштеу немесе кэштеудің кез келген түрі орнатылған болса, оларды тазалаңыз. Сондай-ақ браузердің кэшін тазалаңыз. Сайтыңыздың ең соңғы скрипттері сізге берілмей жатқан болуы мүмкін.
Сондай-ақ cookie файлдарыңыздың зақымдануы да мүмкін, мұны браузер параметрлерінен браузер cookie файлдарын тазалау арқылы оңай шешуге болады. Бұл әдетте браузер кэшін тазалайтын опцияның жанында орналасады.
Параметрлер > Жалпы бөліміне өтіп, параметрлеріңізді тексеріңіз. WordPress мекенжайы (URL) және Сайт мекенжайы (URL) параметрлерін қараңыз. Олардың домендері мен хаттамалары сіздің нақты доменіңізге сәйкес келуі керек. Мысалы, біреуінде «http://» болып, бірақ сіз сайтыңызға «https://» арқылы кірсеңіз, онда параметрлерде «https://» көрсетілуі тиіс. Тағы бір жиі кездесетін мәселе — бұл URL мекенжайларының біреуінде «www» болып, екіншісінде болмауы.
Бұлар сәйкес келуі керек:
немесе:
Мұны түзету үшін параметрлерді Параметрлер > Жалпы бөлімінен өзгертуге болады. Егер бұл параметрлерді өңдей алмасаңыз, FTP арқылы wp-config.php файлын ашып, мына жолдарды қоса аласыз:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
Жолдарыңызға және фондарыңызға фондық суреттер қоса аласыз. Сонымен қатар, дизайныңызға жақсырақ үйлестіру үшін фондық суретіңізді белгілі бір түспен реңктей аласыз.
Мысалы, мұнда менде фондық суреті бар және оның үстіне қойылған ақ мәтіні бар жол бар. Мен таңдаған фондық суретке байланысты қазіргі уақытта мәтінді көру өте қиын.
Көріністі жақсарту үшін фондық суретімізге біраз түс қоса аламыз. Мұны істеу үшін тінтуір меңзерін жолдың үстіне апарып, оның параметрлерін ашу үшін жолдың тісті доңғалақ белгішесін басыңыз. Background параметрлеріне өтіп, Background Image Tint параметрін қосыңыз.
Ол қосылғаннан кейін фон түсін өзгертесіз, сонда ол фондық суретіңізге түсті реңк береді. Сондай-ақ реңктің қанықтығын немесе мөлдірлігін өзгертуге болады. Мәтін анығырақ көрінуі үшін жасыл түспен реңктелген менің фоным мынадай:
| Lite нұсқасы | Қолжетімді емес |
| Premium нұсқасы | Барлық мүмкіндіктер қолжетімді
|
Карусельдер — көрініске қайта-қайта айналып келетін мазмұнды қосудың жаңа тәсілі. Page Builder Sandwich құралында сыртқы карусель плагиндерінің қажеттілігін жоятын кірістірілген карусель элементі бар.
Карусель элементінің тісті доңғалақ түймесін басу слайд анимациясы, кідіріс және т.б. сияқты карусель әрекетін баптауға мүмкіндік береді. Жасалған кезде жұмыс істеу үшін үш карусель слайды беріледі, оған слайдтарды қосу немесе жою опциясы кіреді. Бұл слайдтардың барлығы мәтін, кескіндер және белгілі бір қысқа кодтар сияқты әдеттегі элементтерді қабылдайды.
Слайдтарды ауыстыру навигация түймелерін таңдау сияқты оңай. Слайдтардың ретін сипаттар (тісті доңғалақ белгішесі) арқылы да өзгертуге болады.
Жазбаңыздың күйін өзгерту үшін тышқан курсорын экранның жоғарғы сол жағындағы сақтау түймесіндегі ашылмалы тізім көрсеткішінің үстіне апарыңыз. Бұл қосымша сақтау параметрлерін көрсетеді.
Егер сіз lite нұсқасын пайдаланып жатсаңыз, сары түсті үшбұрышты жалаушаларды байқаған боларсыз. Олар белгілі бір түйменің/элементтің/параметрдің премиум мүмкіндік екенін көрсетеді.
Егер оларды жасырғыңыз келсе, Басқару тақтасына өтіп, PBSandwich > Settings бөліміндегі баптаулар бетіне өтіңіз де, Hide Premium Feature Flags параметрін белгілеңіз
| Lite нұсқасы | Барлық мүмкіндіктер қолжетімді |
| Premium нұсқасы | Барлық мүмкіндіктер қолжетімді |
Жаңа HTML элементін қосу үшін Инспектордағы HTML элементін басыңыз, модальді терезе пайда болуы керек. Сол жерге HTML кодын енгізіңіз немесе қойыңыз, содан кейін HTML-ді сақтау түймесін басыңыз. Енді сіздің HTML редакторыңыздың ішінде көрсетілуі керек.
Құралдар тақтасын көрсету үшін тінтуірді HTML элементінің үстіне апарыңыз. HTML кодын құралдар тақтасындағы қарындаш белгішесін басу немесе элементтің өзін екі рет басу арқылы өңдеуге болады.
Біз интерфейстің шамадан тыс жүктелген болғанын қаламаймыз және барлығының интуитивті әрі оңай табылатындай болғанын қаладық. Сондықтан Page Builder Sandwich пайдаланушы интерфейсі қарапайым көрінгенімен, ол өте қуатты және өңдеу кезінде көптеген әрекеттерді орындай аласыз.
Сондай-ақ тінтуір курсорын пайдаланып көптеген пайдалы әрекеттерді орындауға болады. Тінтуірді әртүрлі элементтердің үстіне апарған кезде интерактивті қабаттасулар мен құралдар тақталары пайда болады. Олардың әрқайсысы әртүрлі функцияларды орындайды, мысалы:
PBS арқылы өңдеуді бастағаннан кейін, тінтуірді бетіңіздің/жазбаңыздың тақырыбына апарыңыз, сонда оның айналасында жиек пайда болуы керек. Курсорды қойып, оны өзгерту үшін тақырыпты басыңыз.
Тақырып аймағында пішімдеу құралдары қолжетімді емес, оның мәнерлерін өзгерте алмайсыз және тақырыпқа элементтер қоса алмайсыз.
Жолдар мен бағандар — бұл бөлімдерге бөлінген мазмұнды жасау үшін пайдалануға болатын құралдар.
Жаңадан жасалған бетте/жазбада Page Builder Sandwich арқылы өңдеген кезде, сіз терген мазмұн бір бағанға орналастырылады. Бұл блог жазбаларын жазу үшін ыңғайлы, бірақ қону беттері (landing pages) немесе байланыс беттері үшін арнайы макеттер жасағыңыз келсе, сізге 2 бағанды макет немесе тіпті бүкіл бет бойынша әртүрлі бағандардың үйлесімі қажет болуы мүмкін.
Инспектордағы мына батырмаларды пайдаланып жолдар мен бағандарды қоса аласыз:
Қосылғаннан кейін жаңа жолыңыз жиектеліп көрсетіледі:
Жолдар мен бағандардың ішіне кез келген нәрсені сала аласыз — мәтін, қысқа кодтар (shortcodes), виджеттер және тіпті қосымша жолдар мен бағандарды қоса аласыз.
Жол (немесе жолдың ішіндегі мазмұн) таңдалғанда, инспекторыңызда көбірек опциялар қолжетімді болады. Бөлімнің стилін әрі қарай реттеу үшін мына батырмаларды пайдалануға болады:
Сондай-ақ осының астында инспекторда бағандарды стильдеуге арналған қосымша опциялар бар.
Жолдың өзін басып тұру арқылы оны басқа орындарға жылжыта аласыз (егер ішіндегі элементті басып тұрсаңыз, жол емес, сол элемент сүйретіледі).
| Lite нұсқасы | Қолжетімді емес |
| Premium нұсқасы | Барлық мүмкіндіктер қолжетімді
|
Қаласаңыз, мәтіннің бір бөлігін ерекшелеп алып, инспектордағы батырма элементін басыңыз. Бұл батырмаңыз сілтейтін URL мекенжайын енгізуге болатын модальді терезені ашады. Сондай-ақ сол жерден сайтыңыздағы бұрыннан бар кез келген веб-бетті іздей аласыз.
Басқа элементтерден айырмашылығы, батырмалар мәтінішілік (inline) орналасады, бұл олардың басқа мәтінмен (немесе басқа батырмалармен) қатар орналасатынын білдіреді. Жеке батырмаларды басқа орындарға сүйреп апара алмайсыз, оның орнына батырманы оны қоршаған мәтінмен бірге сүйреу қажет.
Өңдеу кезінде батырманы басқанда, инспектордан қосымша стильдеу опцияларын көре аласыз. Сондай-ақ, батырмалардың үстіне меңзерді апару арқылы олар сілтейтін URL мекенжайын және басқа да командаларды көре аласыз.
Ескертпе: Мұны PBS орнатылып, белсендіріліп тұрған кезде және оны сайттан жүктеп алынған немесе біз электрондық пошта арқылы жіберген тіркемедегі zip файлы арқылы жаңартқыңыз келгенде жасаңыз.
Ескертпе: Жаңартуларды орындау үшін басқа плагинді қолданамыз, бұл бізге алдымен PBS-ті жоймай-ақ бірден жаңартуға мүмкіндік береді.
Плагиндер > Жаңа қосу бөліміне өтіп, іздеу жолағынан «Easy Theme and Plugin Upgrades» плагинін іздеңіз
Плагинді тапқаннан кейін, оны орнатып, белсендіріңіз.
Easy Theme and Plugin Upgrades плагинін белсендіргеннен кейін, қайтадан Плагиндер > Жаңа қосу бөліміне өтіп, жоғарғы жағындағы Плагинді жүктеп салу түймесін басыңыз:
Page Builder Sandwich zip файлын таңдап, орнатыңыз,
Міне, болды. Енді сізде PBS-тің жаңа нұсқасы болуы керек.
| Lite нұсқасы | Шектеулі стильдеумен қолжетімді |
| Premium нұсқасы | Барлық мүмкіндіктер қолжетімді
|
Бетіңізге карта қосу үшін карта элементін басыңыз. Карта элементі таңдалған кезде, инспектор карта параметрлерін көрсетуі керек. Картаңызды сол аймаққа орталықтандыру үшін инспектордағы орын өрісіне ендік пен бойлық координаттарын немесе мекенжайды енгізуге болады. Онда басқа да стильдеу опциялары қолжетімді.
Картаны жылжыту немесе масштабтау (үлкейту/кішірейту) арқылы карта элементін қосымша басқаруға болады. Картада жасаған өзгерістеріңіз элементке қолданылатынын ескеріңіз.
Премиум пайдаланушылар үшін, картаңызды реңк беру үшін түс таңдау арқылы стильдеуге болады; тағы бір опция — бірнеше түс схемасын жасау және соларды пайдалану үшін snazzymaps.com сайтын қолдану. SnazzyMaps мынаған ұқсас түс схемаларын жасау үшін пайдаланылуы мүмкін: https://snazzymaps.com/style/20053/papuportal-dark Осы түс схемаларын пайдалану үшін Javascript стильдер массивін (style array) инспекторға көшіріп қойыңыз.
Картаның биіктігін реттеуге болады, бірақ картаның енін реттеу мүмкін емес және ол әрқашан қолжетімді максималды енге дейін өлшемін өзгертеді. Оның өлшемін өзгерту үшін карталарды жолдар мен бағандардың ішіне орналастырыңыз. Сондай-ақ, карталарды браузердің толық енін алатындай етіп орнатуға болады.
Меңзерді мазмұныңыздың әртүрлі аймақтарына жылдам орналастыру немесе әртүрлі элементтерді таңдау үшін тінтуірді пайдалана аласыз.
Меңзерді мазмұныңыз бойынша жылжыту үшін пернетақтадағы көрсеткі батырмаларын да пайдалана аласыз. Мұны қатарлардың үстіне немесе астына өту үшін пайдалануға болады.
Қатарлар мен бағандармен жұмыс істегенде, қатарыңыздан кейін немесе бұрын мазмұн қосу үшін қатарлардың жиектерін басуға болады. Бұл әсіресе бір-бірінің ішінде бірнеше қатар болғанда және олардың арасына мазмұн қосқыңыз келгенде пайдалы.
Егер сайтыңыздың сыртқы бөлігінде «Page Builder Sandwich арқылы өңдеу» түймесін көре алмасаңыз, мына әрекеттерді орындап көруге болады:
PB Sandwich өңдеу түймесі сайттың сыртқы бөлігіндегі әкімші тақтасында қолжетімді. Әкімшілік бөлімге өтіп, Users > Your Profile бөліміне өту арқылы әкімші тақтасының көрініп тұрғанына және Show Toolbar when viewing site құсбелгісінің қойылғанына көз жеткізіңіз.
Сыртқы бөлікте тек жазбаларды, беттерді және теңшелетін жазба түрлерін ғана өңдеуге болады. Бұл элементтерді ішкі бөліктегі WordPress мазмұн редакторы арқылы өңдей алатын болсаңыз ғана сыртқы бөлікте өңдей аласыз. Сайтыңыздың басқа аймақтары (мысалы, басты беттегі блог жазбаларының тізімі, барлық блог жазбаларының тізімі, санаттар тізімдері, 404 беттер, іздеу беттері) WordPress және пайдаланылатын тақырыппен бірге жасалған динамикалық беттер болып табылады және оларды PB Sandwich көмегімен өңдеу мүмкін емес.
Ағымдағы веб-беттің өңделетінін білдіретін бір белгі — әкімші тақтасында «Edit Post» немесе «Edit Page» түймесінің көрінуі.
Егер бетіңіз/жазбаңыз тақырып немесе плагин арқылы динамикалық түрде жасалса, оны Page Builder Sandwich (және басқа да пейдж билдерлер) арқылы өңдеу мүмкін болмайды. Егер ішкі бөліктегі мазмұн редакторыңыз бос болып, бірақ бетті сыртқы бөлікте қараған кезде ол мазмұнға толы болса, бұл бетіңіздің динамикалық түрде жасалғанының нақты белгісі.
Бетіңіздің динамикалық түрде жасалғанын тексеру үшін веб-беттің бастапқы кодын ашыңыз (тінтуірдің оң жақ түймесін басып, «View Page Source» таңдаңыз). «pbs-main-wrapper» мәтінін іздеңіз, егер бұл мәтін еш жерде көрінбесе, онда бетіңіз динамикалық түрде жасалған.
Динамикалық түрде жасалған мазмұнның бірнеше мысалы:
Мазмұн бос болған кезде тақырып оны мүлдем көрсетпейтін кездер болған, соның салдарынан PBS бетті өңдеуге келмейді деп қате түсінеді. Мұның осы жағдайға байланысты екенін тексеру үшін бетті/жазбаны ішкі редакторда өңдеп, мазмұнға кез келген мәтінді (мысалы, «hello») қосып көріңіз, содан кейін сол жерден «Edit with Page Builder Sandwich» түймесін басыңыз.
Бұл кеңес үшін Mathias Hellquist-ке алғыс айтамыз!
Кейбір пейдж билдерлер WordPress-тің әдепкі мазмұн редакторын немесе пейдж билдердің жеке редакторын таңдауды талап етеді. Егер сіз бетті басқа пейдж билдер арқылы өңдеп қойған болсаңыз, ол пейдж билдер мазмұнды «иемденіп» алған болуы мүмкін, ал басқа мазмұн хуктары/сүзгілері бұдан былай іске қосылмайды. Осыған байланысты кейде Page Builder Sandwich мазмұныңыздың қайда екенін анықтай алмайды және өңдейтін ештеңе болмағандықтан өңдеу түймесін көрсетпейді.
Мұны түзету үшін сол нақты бет/жазба үшін сол пейдж билдерді пайдаланудан бас тартып, WordPress-тің әдепкі мазмұн редакторын пайдалануды таңдаңыз.
Бетті өңдеу құқықтарыңыз бар екеніне көз жеткізіңіз
Егер бетті өңдей алмасаңыз, өңдеу түймесі көрінбейді. Мысалы, егер сіз редактор немесе автор болсаңыз және сайтта блог жазбалары мен мақалаларды жаза алсаңыз, бұл басты бетті немесе байланыс бетін өңдей аласыз дегенді білдірмейді. Егер әкімші тақтасында «Edit Post» түймесін көрсеңіз, онда оны PB Sandwich көмегімен де өңдей алуыңыз керек. Қажет болса, сайт әкімшісінен өңдеу құқықтарын сұраңыз.
PB Sandwich Javascript-ті кеңінен пайдаланады. Егер сайтыңыздағы басқа скрипттерден туындаған Javascript қателері болса, бұл PB Sandwich жұмысына кедергі келтіруі мүмкін. Бұлай болғанын тексеру үшін қателерді анықтау мақсатында браузеріңіздегі әзірлеуші консолін аша аласыз.
Бұл үшін 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() шақыруының орнына негізгі сұрауда және жеке жазба үлгісі бетінде пайдаланылса, кері әсерлері болуы мүмкін.
Page Builder Sandwich «белгілерінің» жоқ екенін тексеру үшін сайттың сыртқы бөлігіндегі бетке/жазбаға кіріп, жүйеге кірген күйде беттің бастапқы кодын көре аласыз. Код арасынан мына жолды таба алатын-алмайтыныңызды іздеңіз:
data-name="main-content"
Егер оны таба алсаңыз, онда бір жерде жай ғана Javascript ақауы болуы мүмкін, бізге пайдаланып жатқан тақырыбыңыз бен плагиндеріңізді хабарлаңыз, біз оны жөндей аламыз.
Бірақ егер оны таба алмасаңыз, бұл тақырыбыңыздың (немесе плагиннің, бірақ егер бұл бет немесе блог жазбасы болса, көбінесе тақырыптың) жазба мазмұнымен бірдеңе істеп жатқанынан болуы мүмкін. Егер солай болса, тақырып авторына хабарласып, оларға мәселе туралы айтуыңыз керек! Сондай-ақ оларға жоғарыдағы техникалық «неліктен» түсіндірмесін көрсете аласыз, бұл қатені жөндеуге көмектеседі 🙂
Егер PHP-де жұмыс істеуге сенімді болсаңыз, жазба мазмұнын өңдейтін үлгі файлын тауып, оны түзетіп көре аласыз. Біз кездестірген шешімдердің бірі — мына шақыруларды:
$content = get_the_content();
мынаған ауыстыру:
ob_start(); the_content(); $content = ob_get_clean();<br>
Ескертпе: Сіздегі PHP айнымалысы өзгеше болуы мүмкін, бірақ негізгі қағида бірдей болуы керек. Егер ол жұмыс істесе, бұл өзгерісті тікелей тақырыбыңызға енгізудің орнына еншілес тақырып жасағаныңыз жөн. Сондай-ақ өзгеріске байланысты жанама әсерлер болуы мүмкін, сондықтан бұл туралы тақырып авторымен кеңескеніңіз дұрыс.
Page Builder Sandwich кәдімгі бет құрастырғыштарға ұқсамайды, оны пайдалану өте оңай әрі қарапайым.
Қысқаша шолу үшін төмендегі бейнені көре аласыз.
Алдымен, жаңа бет, жазба немесе CPT (арнайы жазба түрін) жасаңыз. Содан кейін фронтендтегі жаңа жазбаңызға немесе бұрыннан бар кез келген жазбаға өтіңіз. PBS толығымен фронтендте (клиенттік бөлігінде) жұмыс істейді, бэкэндте шұқыланып отырудың қажеті жоқ.
Беттің жоғарғы жағында (әкімші панелінде) «Page Builder Sandwich» батырмасы болуы керек, өңдеуді бастау үшін соны басыңыз. Жоғарыдан мәтінді пішімдеу аймағы, ал бүйірден элементтерді қосу тақтасы ашылуы керек. Енді сіздің тақырыбыңыздың мазмұн аймағы редакторға айналды!
PBS көмегімен тек жеке беттерді өңдеуге болады. Блог жазбаларының тізімін немесе 404 бетін өңдей алмайсыз, өйткені олар сіздің тақырыбыңыз арқылы жасалады. Жазбаларды, беттерді және арнайы жазба түрлерін өңдеуге болады.
Енді ең керемет бөлігіне келдік.. фронтендке және редактор ішіне кіргеннен кейін, мазмұныңыздағы кез келген мәтінді немесе мазмұн аймағының ішін басып, теруді бастаңыз! Басқа бет құрастырғыштарға қарағанда, PBS мазмұнды қалқымалы диалогтік терезелерсіз тікелей өңдеуге мүмкіндік береді.
Өңдеу кезінде жоғарғы жақтағы аймақ Мәтінді пішімдеу тақтасы деп аталады. Бұл тақтада түстер, қалың, көлбеу, туралау, сілтемелер, тізім таңбаларын қосу және т.б. сияқты мәтін мәнерін өзгертуге арналған барлық пішімдеу құралдары бар. Құралдың не істейтінін білу үшін әр батырманың үстіне меңзерді апарыңыз.
Элемент қосу тақтасын көрсету үшін тінтуірді экранның жоғарғы сол жағындағы Элемент қосу батырмасының үстіне апарыңыз. Сондай-ақ оны көрсету үшін тінтуірді экранның сол жағына жылжытуға болады.
Кез келген элементті кірістіру үшін оны тінтуірмен басып тұрып, мазмұн аймағына сүйреңіз. Элемент орналасатын аймақ ерекшеленіп көрінеді. Элементті орналастыру үшін тінтуір түймесін жіберіңіз.
Мазмұныңыздағы кез келген элементтің үстіне тінтуірді апарсаңыз, олардың үстінде жиектер мен құралдар тақтасы пайда болады.
Элементтер арасындағы шегіністерді үлкейту/кішірейту үшін тінтуірді жиектердің шетіне апара аласыз.
Сондай-ақ, элементте жылдам әрекеттерді орындау үшін құралдар тақтасындағы батырманы басуға болады. Құралдар тақтасындағы тісті доңғалақ белгішесін басу қосымша параметрлері бар Қасиеттер инспекторын ашады.
Қасиеттер инспекторы элементтеріңіздің сыртқы көрінісін көбірек басқаруға мүмкіндік береді. Көлеңкелер, анимациялар, карта түстерін өзгерту, жиек радиусы және тағы басқа көптеген нәрселерді қоса аласыз.
Сондай-ақ элементтің аталық элементтерінің қасиеттеріне қол жеткізе аласыз. Мысалы, егер сіз кескінді бағанның ішіне қойып, қасиеттер инспекторын ашсаңыз, кескіннің, ол орналасқан бағанның және сол баған орналасқан жолдың қасиеттеріне қол жеткізе аласыз.
Қасиеттер инспекторында әртүрлі элементтер үшін көптеген түрлі параметрлер бар, сондықтан олардың барлығын міндетті түрде қарап шығыңыз.
Page Builder Sandwich нақты қысқа кодтарды фронтендте көрсетеді және оларды оңай өңдей аласыз!
Егер сіз қысқа кодтарды жатқа білсеңіз, оларды мазмұныңызға тікелей теру арқылы кірістіре аласыз. Бірақ олардың барлығын жаттап алмаған болсаңыз (кім жаттайды дейсіз?), инспектор сайтыңызда қолжетімді барлық қысқа кодтарды көрсетеді. Инспектордан Shortcode батырмасын мазмұн аймағына сүйреп апарып, кірістіргіңіз келетінін тауып, соны басыңыз.
Қысқа кодтар фронтендте нақты мазмұнға айналады, оларды өңдеу үшін оны таңдап, инспектордағы атрибуттарын көре аласыз. Немесе көбірек бақылау жасау үшін қысқа кодты бастапқы түрінде өңдеу үшін оны екі рет басуға болады. Өңдеулерді орындағаннан кейін өзгерістерді көрсету үшін қысқа кодыңыз жаңартылады.
PBS көмегімен кез келген нәрсені басып, сүйреп, кез келген жерге жылжыта аласыз. Бірдеңені сүйреген кезде оны беттегі басқа элементтің үстіне апарыңыз, оларды кез келген басқа мазмұнның үстіне немесе астына жылжытуға болады.
Жұмысыңызды сақтау
Дизайныңыз көңіліңізден шыққаннан кейін, беттің жоғарғы сол жағындағы сақтау батырмасын басыңыз. Бар болғаны осы!
Page Builder Sandwich әдеттегі бет құрастырушыларға ұқсамайды, ол қарапайым әрі пайдалануға оңай.
Қысқаша шолу жасау үшін төмендегі бейнені көре аласыз.
Алдымен жаңа бет, жазба немесе CPT (арнаулы жазба түрін) жасаңыз. Содан кейін жаңа жазбаңызды немесе сайттың пайдаланушы бөлігіндегі (frontend) кез келген бар жазбаны ашыңыз. PBS 100% frontend режимінде жұмыс істейді, сізге басқару тақтасында (backend) әуре болудың қажеті жоқ.
Бетіңіздің жоғарғы жағында (әкімші панелінде) «Page Builder Sandwich» түймесі болуы керек, өңдеуді бастау үшін соны басыңыз. Жоғарғы жақтан мәтінді пішімдеу аймағы, ал бүйірден элементтерді қосу тақтасы ашылуы тиіс. Сіздің тақырыбыңыздың мазмұн аймағы енді редакторға айналды!
PBS арқылы тек жеке беттерді ғана өңдей аласыз. Блог жазбаларының тізімін немесе 404 бетін өңдей алмайсыз, себебі оларды тақырыбыңыз (theme) жасайды. Жазбаларды, беттерді және арнаулы жазба түрлерін өңдеуге болады.
Енді ең керемет бөлігі келді… frontend-те редактордың ішіне кірген соң, мазмұныңыздағы кез келген мәтінді немесе мазмұн аймағының ішін басып, теруді бастаңыз! Басқа бет құрастырушылардан айырмашылығы, PBS қалқымалы диалогтік терезелерді ашпай-ақ, мазмұнды тікелей өңдеуге мүмкіндік береді.
Өңдеу кезінде жоғарғы жақтағы аймақ Мәтінді пішімдеу тақтасы деп аталады. Бұл тақтада мәтінді безендіруге арналған барлық пішімдеу құралдары бар: түстер, қалың, курсив, туралау, сілтемелер қосу, таңбаланған тізімдер және т.б. Құралдың не істейтінін білу үшін әрбір түйменің үстіне меңзерді апарыңыз.
Элемент қосу тақтасын көрсету үшін экранның жоғарғы сол жағындағы «Элементтер қосу» түймесіне тінтуірді апарыңыз. Сондай-ақ оны шығару үшін жай ғана тінтуірді экранның сол жағына жылжытуға болады.
Кез келген элементті кірістіру үшін оны тінтуірмен басып тұрып, мазмұн аймағына сүйреңіз. Элемент орналасатын аймақ ерекшеленіп көрінеді. Элементті орналастыру үшін тінтуір түймесін жіберіңіз.
Мазмұныңыздағы кез келген элементтің үстіне тінтуірді апарыңыз, сонда олардың үстінде жиектер мен құралдар тақтасы пайда болуы керек.
Элементтер арасындағы шегіністерді (margin) көбейту/азайту үшін тінтуірді жиектердің шетіне апаруға болады.
Элемент бойынша жылдам әрекеттерді орындау үшін құралдар тақтасындағы түймені басуға да болады. Құралдар тақтасындағы тісті доңғалақ белгішесін басу қосымша параметрлерді қамтитын Сипаттар инспекторын ашады.
Сипаттар инспекторы элементтеріңіздің сыртқы көрінісін тереңірек бақылауға мүмкіндік береді. Көлеңкелер, анимациялар, карта түстерін өзгерту, жиек радиусы және тағы басқа көптеген нәрселерді қосуға болады.
Сондай-ақ элементтің ата-аналық (parent) элементтерінің сипаттарына қол жеткізе аласыз. Мысалы, суретті бағанның ішіне қойып, сипаттар инспекторын ашсаңыз, суреттің, оны қамтитын бағанның және сол баған орналасқан жолдың сипаттарын өзгерте аласыз.
Сипаттар инспекторында әртүрлі элементтер үшін көптеген түрлі параметрлер бар, сондықтан олардың барлығын тексеріп көріңіз.
Page Builder Sandwich сайттың сыртқы бөлігінде (frontend) нақты қысқа кодтарды көрсетеді және оларды оңай өңдеуге де болады!
Егер қысқа кодтарды жатқа білсеңіз, оларды тікелей мазмұн ішіне теру арқылы кірістіре аласыз. Бірақ бәрін жаттап алмаған болсаңыз (кім жаттайды дейсіз?), инспектор сайтыңызда қолжетімді барлық қысқа кодтарды тізіп береді. Инспектордан Shortcode түймесін мазмұн аймағына сүйреп апарып, кірістіргіңіз келетінін тауып, үстінен басыңыз.
Қысқа кодтар frontend-те нақты мазмұн ретінде көрсетіледі, оларды өңдеу үшін оны таңдап, инспектордан оның төлсипаттарын тексеруге болады. Немесе көбірек бақылау үшін қысқа кодты бастапқы пішінде өңдеу үшін оны екі рет басуға болады. Өңдеулеріңізді орындағаннан кейін, өзгерістерді көрсету үшін қысқа кодыңыз жаңарады.
PBS арқылы кез келген нәрсені басып, сүйреп, қалаған жеріңізге жылжыта аласыз. Бірдеңені сүйреген кезде, оны беттегі басқа элементтің үстіне апарыңыз, оларды кез келген басқа мазмұнның үстіне немесе астына жылжытуға болады.
Жұмысыңызды сақтау
Дизайныңыз көңіліңізден шыққан соң, беттің жоғарғы сол жағындағы сақтау түймесін бассаңыз болғаны. Бар болғаны осы!
Lite плагині мен Premium плагині — екі бөлек плагин. Премиум мүмкіндіктерді пайдалану үшін Lite нұсқасын өшіруіңіз (немесе жоюыңыз), содан кейін Premium плагинін орнатып, белсендіруіңіз және лицензия кілтін енгізуіңіз қажет.
Ескертпе: Егер сіз lite және premium плагиндерін бір уақытта белсендірсеңіз, плагин жалғастырмас бұрын біріншісін өшіруіңізді сұрайды.
PBS-ті pagebuildersandwich.com сайтынан сатып алған клиенттерге арналған ескертпе: Плагинді сайттан да жүктеп алуға болады, сіздегі бар лицензия кілті әлі де жұмыс істеуі керек. Егер ол жұмыс істемесе, бізге хабарласыңыз, біз сізге жаңасын бере аламыз.
PBS сатып алғаннан кейін сізге екі нәрседен тұратын электрондық хат келуі керек:
Премиум плагинді орнатыңыз және белсендіріңіз, содан кейін сізге мына экран көрсетілуі тиіс:
Лицензия кілтіңізді осында енгізіп, Agree & Activate License түймесін басыңыз. Енді премиум мүмкіндіктер қолжетімді болады.
Немесе плагиндер бетіне өтіп, тізімнен Page Builder Sandwich плагинін таба аласыз:
Activate License сілтемесін басыңыз, содан кейін лицензияңызды сол жерден енгізе аласыз.
Жақында біз Page Builder Sandwich және IMPress for IDX Broker плагиндері бір уақытта белсендірілгенде туындайтын үйлесімділік мәселесіне қатысты кейбір түзетулерді енгіздік, бұл жүйеге кірген пайдаланушылар үшін сыртқы интерфейстің (frontend) істен шығуына себеп болған еді.
Түзету PBS жұмысын қайта қалпына келтірді, бірақ біз IDX Broker виджетін редактор ішіне кірістіру мүмкіндігін алып тастауға мәжбүр болдық. Соған қарамастан, IDX Broker виджетін Сыртқы көрініс > Виджеттер мәзірінде әлі де пайдалануға болады.
Сіз Page Builder Sandwich көмегімен тек жеке беттерді немесе жазбаларды ғана өңдей аласыз. Мәселені былай түсініңіз: егер басқару панелінде (backend) мазмұн өңдегіші бар «Жаңа жазба» аймағы болса, онда оны Page Builder Sandwich арқылы өңдей аласыз.
Кез келген пайдаланушылық жазба түрінің мазмұнын өңдей алуыңыз керек.
Біз Page Builder Sandwich өнімінің веб-сайтыңыздың өнімділігіне әсері нөлге жуық болуын қамтамасыз еттік. Жүйеден шыққан кезде, кем дегенде, тек жол мен бағанның CSS стильдері, сондай-ақ сіз қолданған қысқа кодтар (shortcodes) үшін қажетті JS және CSS сценарийлері ғана кезекке қойылады.
Веб-сайтыңызға кірушілер үшін, кем дегенде, тек жол мен бағанның CSS стильдері кезекке қойылады, сондай-ақ сіз қолданған қысқа кодтарға қажетті JS және CSS сценарийлері ғана қамтылады.
Жұмысты жылдамдату үшін 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) |
Қайталау |