Page Builder Sandwich не е като обичайните конструктори на страници – той е неусложнен и лесен за използване.
Можете да гледате видеото по-долу за кратка обиколка.
Къде е редакторът?
Първо създайте нова страница, публикация или CPT. След това посетете новата си публикация или която и да е съществуваща във фронтенда. PBS е 100% във фронтенда, така че няма да ви се налага да правите настройки в бекенда.
В горната част на страницата ви (в административната лента) би трябвало да има бутон „Page Builder Sandwich“ – кликнете върху него, за да започнете редактирането. Ще видите зоната за форматиране на текст да се показва отгоре, а панелът за добавяне на елементи – отстрани. Зоната за съдържание на вашата тема вече е вашият редактор!
С PBS можете да редактирате само отделни страници. Не можете да редактирате списък с блог публикации или страница 404, тъй като те се създават от темата ви. Публикации, страници и персонализирани типове публикации (CPT) могат да се редактират без проблем.
Редактиране на съдържанието
А сега идва страхотната част… след като сте във фронтенда и вътре в редактора, кликнете върху който и да е текст в съдържанието или кликнете в зоната за съдържание и започнете да пишете! За разлика от други конструктори на страници, PBS ви позволява директно да редактирате съдържание, без да е необходимо да преминавате през изскачащи диалогови прозорци.
Форматиране на съдържанието / Оформяне на красив вид
По време на редактиране зоната най-отгоре се нарича Лента за форматиране на текст. Тази лента съдържа всички инструменти за форматиране, които ще използвате за стилизиране на текста: цветове, получер, курсив, подравняване, добавяне на връзки, водещи символи и др. Задръжте курсора на мишката върху всеки бутон, за да разберете какво прави съответният инструмент.
Добавяне на елементи
Задръжте курсора на мишката върху бутона „Add Elements“ в горния ляв ъгъл на екрана, за да се покаже Панелът за добавяне на елементи. Можете също така просто да преместите мишката към лявата страна на екрана, за да се покаже.
За да вмъкнете елемент, задръжте курсора на мишката върху него и го плъзнете в зоната за съдържание. Зоната, където ще бъде поставен елементът, ще се маркира. Отпуснете бутона на мишката, за да поставите елемента.
Стилизиране и промяна на елементи
Задръжте курсора на мишката върху който и да е елемент в съдържанието си и около него ще се появят очертания и ленти с инструменти.
Можете да задържите мишката над краищата на очертанията, за да увеличите/намалите отстоянията между елементите.
Можете също така да кликнете върху бутон от лентата с инструменти, за да извършите бързи действия с елемента. Кликването върху иконата със зъбно колело на лентата с инструменти ще отвори Инспектора на свойствата, който съдържа повече опции.
Инспекторът на свойствата
Инспекторът на свойствата ви дава по-голям контрол върху външния вид на вашите елементи. Можете да добавяте много неща като сенки, анимации, промяна на цветовете на картите, радиус на ъглите и много други.
Можете също така да получите достъп до свойствата на родителските елементи. Например, ако сте поставили изображение в колона и отворите инспектора на свойствата, можете да получите достъп до свойствата на изображението, на колоната, в която се съдържа, и на реда, в който се съдържа колоната.
Инспекторът на свойствата предлага много различни настройки за различните елементи, така че не пропускайте да ги разгледате.
Използване на шорткодове
Page Builder Sandwich ви показва реални шорткодове във фронтенда, а вие можете лесно да ги редактирате!
Ако сте запомнили вашите шорткодове, можете да ги вмъквате, като ги изпишете директно в съдържанието. Но ако не сте ги запомнили всички (кой прави това?), инспекторът изброява всички шорткодове, налични във вашия сайт. Плъзнете бутона Shortcode от инспектора в зоната за съдържание, намерете този, който искате да вмъкнете, и кликнете върху него, за да го поставите.
Шорткодовете се рендират в реално съдържание във фронтенда. За да ги редактирате, можете да ги изберете и да проверите техните атрибути в инспектора. А за по-голям контрол можете да кликнете два пъти върху шорткода, за да го редактирате в необработен вид. След като нанесете редакциите, вашият шорткод ще се обнови, за да отрази промените.
Пренареждане на съдържанието
Можете да кликвате и влачите всичко и да го местите навсякъде с PBS. Когато влачите елемент, преместете го върху друг елемент на страницата – можете да ги местите над или под всяко друго съдържание.
Запазване на работата ви
След като сте доволни от дизайна си, просто кликнете върху бутона за запазване в горния ляв ъгъл на страницата. Това е всичко!