Page Builder Sandwich кәдімгі бет құрастырғыштарға ұқсамайды, оны пайдалану өте оңай әрі қарапайым.

Қысқаша шолу үшін төмендегі бейнені көре аласыз.

Редактор қайда?

Алдымен, жаңа бет, жазба немесе CPT (арнайы жазба түрін) жасаңыз. Содан кейін фронтендтегі жаңа жазбаңызға немесе бұрыннан бар кез келген жазбаға өтіңіз. PBS толығымен фронтендте (клиенттік бөлігінде) жұмыс істейді, бэкэндте шұқыланып отырудың қажеті жоқ.

Беттің жоғарғы жағында (әкімші панелінде) «Page Builder Sandwich» батырмасы болуы керек, өңдеуді бастау үшін соны басыңыз. Жоғарыдан мәтінді пішімдеу аймағы, ал бүйірден элементтерді қосу тақтасы ашылуы керек. Енді сіздің тақырыбыңыздың мазмұн аймағы редакторға айналды!

PBS көмегімен тек жеке беттерді өңдеуге болады. Блог жазбаларының тізімін немесе 404 бетін өңдей алмайсыз, өйткені олар сіздің тақырыбыңыз арқылы жасалады. Жазбаларды, беттерді және арнайы жазба түрлерін өңдеуге болады.

Мазмұныңызды өңдеу

Енді ең керемет бөлігіне келдік.. фронтендке және редактор ішіне кіргеннен кейін, мазмұныңыздағы кез келген мәтінді немесе мазмұн аймағының ішін басып, теруді бастаңыз! Басқа бет құрастырғыштарға қарағанда, PBS мазмұнды қалқымалы диалогтік терезелерсіз тікелей өңдеуге мүмкіндік береді.

Мазмұныңызды пішімдеу / Әдемі көрініс беру

Өңдеу кезінде жоғарғы жақтағы аймақ Мәтінді пішімдеу тақтасы деп аталады. Бұл тақтада түстер, қалың, көлбеу, туралау, сілтемелер, тізім таңбаларын қосу және т.б. сияқты мәтін мәнерін өзгертуге арналған барлық пішімдеу құралдары бар. Құралдың не істейтінін білу үшін әр батырманың үстіне меңзерді апарыңыз.

Элементтерді қосу

Элемент қосу тақтасын көрсету үшін тінтуірді экранның жоғарғы сол жағындағы Элемент қосу батырмасының үстіне апарыңыз. Сондай-ақ оны көрсету үшін тінтуірді экранның сол жағына жылжытуға болады.

Кез келген элементті кірістіру үшін оны тінтуірмен басып тұрып, мазмұн аймағына сүйреңіз. Элемент орналасатын аймақ ерекшеленіп көрінеді. Элементті орналастыру үшін тінтуір түймесін жіберіңіз.

Элементтердің мәнерін келтіру және өзгерту

Мазмұныңыздағы кез келген элементтің үстіне тінтуірді апарсаңыз, олардың үстінде жиектер мен құралдар тақтасы пайда болады.

Элементтер арасындағы шегіністерді үлкейту/кішірейту үшін тінтуірді жиектердің шетіне апара аласыз.

Сондай-ақ, элементте жылдам әрекеттерді орындау үшін құралдар тақтасындағы батырманы басуға болады. Құралдар тақтасындағы тісті доңғалақ белгішесін басу қосымша параметрлері бар Қасиеттер инспекторын ашады.

Қасиеттер инспекторы

Қасиеттер инспекторы элементтеріңіздің сыртқы көрінісін көбірек басқаруға мүмкіндік береді. Көлеңкелер, анимациялар, карта түстерін өзгерту, жиек радиусы және тағы басқа көптеген нәрселерді қоса аласыз.

Сондай-ақ элементтің аталық элементтерінің қасиеттеріне қол жеткізе аласыз. Мысалы, егер сіз кескінді бағанның ішіне қойып, қасиеттер инспекторын ашсаңыз, кескіннің, ол орналасқан бағанның және сол баған орналасқан жолдың қасиеттеріне қол жеткізе аласыз.

Қасиеттер инспекторында әртүрлі элементтер үшін көптеген түрлі параметрлер бар, сондықтан олардың барлығын міндетті түрде қарап шығыңыз.

Қысқа кодтарды қолдану

Page Builder Sandwich нақты қысқа кодтарды фронтендте көрсетеді және оларды оңай өңдей аласыз! 

Егер сіз қысқа кодтарды жатқа білсеңіз, оларды мазмұныңызға тікелей теру арқылы кірістіре аласыз. Бірақ олардың барлығын жаттап алмаған болсаңыз (кім жаттайды дейсіз?), инспектор сайтыңызда қолжетімді барлық қысқа кодтарды көрсетеді. Инспектордан Shortcode батырмасын мазмұн аймағына сүйреп апарып, кірістіргіңіз келетінін тауып, соны басыңыз.

Қысқа кодтар фронтендте нақты мазмұнға айналады, оларды өңдеу үшін оны таңдап, инспектордағы атрибуттарын көре аласыз. Немесе көбірек бақылау жасау үшін қысқа кодты бастапқы түрінде өңдеу үшін оны екі рет басуға болады. Өңдеулерді орындағаннан кейін өзгерістерді көрсету үшін қысқа кодыңыз жаңартылады.

Мазмұнды қайта реттеу

PBS көмегімен кез келген нәрсені басып, сүйреп, кез келген жерге жылжыта аласыз. Бірдеңені сүйреген кезде оны беттегі басқа элементтің үстіне апарыңыз, оларды кез келген басқа мазмұнның үстіне немесе астына жылжытуға болады.

Жұмысыңызды сақтау

Дизайныңыз көңіліңізден шыққаннан кейін, беттің жоғарғы сол жағындағы сақтау батырмасын басыңыз. Бар болғаны осы!