Page Builder Sandwich әдеттегі бет құрастырушыларға ұқсамайды, ол қарапайым әрі пайдалануға оңай.
Қысқаша шолу жасау үшін төмендегі бейнені көре аласыз.
Редактор қайда?
Алдымен жаңа бет, жазба немесе CPT (арнаулы жазба түрін) жасаңыз. Содан кейін жаңа жазбаңызды немесе сайттың пайдаланушы бөлігіндегі (frontend) кез келген бар жазбаны ашыңыз. PBS 100% frontend режимінде жұмыс істейді, сізге басқару тақтасында (backend) әуре болудың қажеті жоқ.
Бетіңіздің жоғарғы жағында (әкімші панелінде) «Page Builder Sandwich» түймесі болуы керек, өңдеуді бастау үшін соны басыңыз. Жоғарғы жақтан мәтінді пішімдеу аймағы, ал бүйірден элементтерді қосу тақтасы ашылуы тиіс. Сіздің тақырыбыңыздың мазмұн аймағы енді редакторға айналды!
PBS арқылы тек жеке беттерді ғана өңдей аласыз. Блог жазбаларының тізімін немесе 404 бетін өңдей алмайсыз, себебі оларды тақырыбыңыз (theme) жасайды. Жазбаларды, беттерді және арнаулы жазба түрлерін өңдеуге болады.
Мазмұныңызды өңдеу
Енді ең керемет бөлігі келді… frontend-те редактордың ішіне кірген соң, мазмұныңыздағы кез келген мәтінді немесе мазмұн аймағының ішін басып, теруді бастаңыз! Басқа бет құрастырушылардан айырмашылығы, PBS қалқымалы диалогтік терезелерді ашпай-ақ, мазмұнды тікелей өңдеуге мүмкіндік береді.
Мазмұныңызды пішімдеу / Әдемі көрініс беру
Өңдеу кезінде жоғарғы жақтағы аймақ Мәтінді пішімдеу тақтасы деп аталады. Бұл тақтада мәтінді безендіруге арналған барлық пішімдеу құралдары бар: түстер, қалың, курсив, туралау, сілтемелер қосу, таңбаланған тізімдер және т.б. Құралдың не істейтінін білу үшін әрбір түйменің үстіне меңзерді апарыңыз.
Элементтерді қосу
Элемент қосу тақтасын көрсету үшін экранның жоғарғы сол жағындағы «Элементтер қосу» түймесіне тінтуірді апарыңыз. Сондай-ақ оны шығару үшін жай ғана тінтуірді экранның сол жағына жылжытуға болады.
Кез келген элементті кірістіру үшін оны тінтуірмен басып тұрып, мазмұн аймағына сүйреңіз. Элемент орналасатын аймақ ерекшеленіп көрінеді. Элементті орналастыру үшін тінтуір түймесін жіберіңіз.
Элементтерді безендіру және өзгерту
Мазмұныңыздағы кез келген элементтің үстіне тінтуірді апарыңыз, сонда олардың үстінде жиектер мен құралдар тақтасы пайда болуы керек.
Элементтер арасындағы шегіністерді (margin) көбейту/азайту үшін тінтуірді жиектердің шетіне апаруға болады.
Элемент бойынша жылдам әрекеттерді орындау үшін құралдар тақтасындағы түймені басуға да болады. Құралдар тақтасындағы тісті доңғалақ белгішесін басу қосымша параметрлерді қамтитын Сипаттар инспекторын ашады.
Сипаттар инспекторы
Сипаттар инспекторы элементтеріңіздің сыртқы көрінісін тереңірек бақылауға мүмкіндік береді. Көлеңкелер, анимациялар, карта түстерін өзгерту, жиек радиусы және тағы басқа көптеген нәрселерді қосуға болады.
Сондай-ақ элементтің ата-аналық (parent) элементтерінің сипаттарына қол жеткізе аласыз. Мысалы, суретті бағанның ішіне қойып, сипаттар инспекторын ашсаңыз, суреттің, оны қамтитын бағанның және сол баған орналасқан жолдың сипаттарын өзгерте аласыз.
Сипаттар инспекторында әртүрлі элементтер үшін көптеген түрлі параметрлер бар, сондықтан олардың барлығын тексеріп көріңіз.
Қысқа кодтарды (Shortcodes) пайдалану
Page Builder Sandwich сайттың сыртқы бөлігінде (frontend) нақты қысқа кодтарды көрсетеді және оларды оңай өңдеуге де болады!
Егер қысқа кодтарды жатқа білсеңіз, оларды тікелей мазмұн ішіне теру арқылы кірістіре аласыз. Бірақ бәрін жаттап алмаған болсаңыз (кім жаттайды дейсіз?), инспектор сайтыңызда қолжетімді барлық қысқа кодтарды тізіп береді. Инспектордан Shortcode түймесін мазмұн аймағына сүйреп апарып, кірістіргіңіз келетінін тауып, үстінен басыңыз.
Қысқа кодтар frontend-те нақты мазмұн ретінде көрсетіледі, оларды өңдеу үшін оны таңдап, инспектордан оның төлсипаттарын тексеруге болады. Немесе көбірек бақылау үшін қысқа кодты бастапқы пішінде өңдеу үшін оны екі рет басуға болады. Өңдеулеріңізді орындағаннан кейін, өзгерістерді көрсету үшін қысқа кодыңыз жаңарады.
Мазмұныңыздың орнын ауыстыру
PBS арқылы кез келген нәрсені басып, сүйреп, қалаған жеріңізге жылжыта аласыз. Бірдеңені сүйреген кезде, оны беттегі басқа элементтің үстіне апарыңыз, оларды кез келген басқа мазмұнның үстіне немесе астына жылжытуға болады.
Жұмысыңызды сақтау
Дизайныңыз көңіліңізден шыққан соң, беттің жоғарғы сол жағындағы сақтау түймесін бассаңыз болғаны. Бар болғаны осы!