Как да използвате Page Builder Sandwich

Как да използвате Page Builder Sandwich

Page Builder Sandwich не е типичният конструктор на страници – той е неусложнен и лесен за използване.

Можете да гледате видеоклипа по-долу за бърз преглед.

Къде се намира редакторът?

Първо създайте нова страница, публикация или CPT. След това отворете новата или която и да е съществуваща публикация във frontend частта. PBS работи 100% във frontend, така че няма да ви се налага да правите промени в административния панел.

В горната част на страницата ви (в административната лента) трябва да има бутон „Page Builder Sandwich“ – щракнете върху него, за да започнете да редактирате. Ще видите зоната за форматиране на текст да се появява отгоре, а панелът за добавяне на елементи да се показва отстрани. Областта за съдържание на вашата тема вече е вашият редактор!

С PBS можете да редактирате само отделни страници. Не можете да редактирате списък с публикации в блога или страница 404, тъй като те се генерират от вашата тема. Публикации, страници и персонализирани типове публикации се поддържат напълно.

Редактиране на вашето съдържание

А сега идва страхотната част… след като сте във frontend частта и в редактора, щракнете върху който и да е текст в съдържанието си или щракнете в областта за съдържание и започнете да пишете! За разлика от други конструктори на страници, PBS ви позволява да редактирате съдържанието директно, без да се налага да преминавате през изскачащи диалогови прозорци.

Форматиране на вашето съдържание / Придаване на красив вид

dcb1615380 file 9OtagMFi2c

Докато редактирате, зоната в горната част се нарича Лента за форматиране на текст. Тази лента съдържа всички инструменти за форматиране, които ще използвате за оформяне на текст, като: цветове, получер, курсив, подравняване, добавяне на връзки, списъци и други. Задръжте курсора на мишката върху всеки бутон, за да разберете какво прави съответният инструмент.

Добавяне на елементи

ecfd309bb2 file yDqiNEv73s

Задръжте курсора на мишката върху бутона „Add Elements“ в горния ляв ъгъл на екрана, за да се покаже Панелът за добавяне на елементи. Можете също просто да преместите мишката в лявата част на екрана, за да се покаже.

За да вмъкнете елемент, задръжте левия бутон на мишката върху него и го плъзнете в областта за съдържание. Зоната, където ще бъде поставен елементът, ще се маркира. Пуснете бутона на мишката, за да поставите елемента.

Стилизиране и модифициране на елементи

Задръжте курсора на мишката върху всеки елемент от съдържанието си и върху него ще се появят очертания и ленти с инструменти.

0046713cb7 file YU6nUCc7jYМожете да задържите курсора на мишката върху краищата на очертанията, за да увеличите или намалите отстоянията между елементите.

Можете също така да щракнете върху бутон от лентата с инструменти, за да извършите бързи действия с елемента. Щракването върху иконата със зъбно колело на лентата с инструменти ще отвори Инспектора на свойствата, който съдържа повече опции.

5c220b4ac9 file Odem5RLPok

Инспекторът на свойствата

3e7e48b754 file INy1v5z9Oz

Инспекторът на свойствата ви дава по-голям контрол върху външния вид на елементите. Можете да добавяте много неща като сенки, анимации, промяна на цветовете на карти, заобляне на ъгли и още много други.

Можете също така да получите достъп до свойствата на родителските елементи. Например, ако сте поставили изображение в колона и отворите инспектора на свойствата, можете да достъпите свойствата на изображението, на колоната, в която се намира то, и на реда, в който се намира колоната.

Инспекторът на свойствата съдържа множество различни настройки за различните елементи, така че не пропускайте да ги разгледате всичките.

Използване на шорткодове

Page Builder Sandwich ви показва реалните шорткодове във frontend частта и можете да ги редактирате съвсем лесно!

edee730340 file TqfWB9yv3y

Ако сте запомнили своите шорткодове, можете да ги вмъкнете, като ги напишете директно в съдържанието си. Но ако не сте ги запомнили всичките (кой прави това?), инспекторът изброява всички шорткодове, налични на вашия сайт. Плъзнете бутон Shortcode от инспектора в областта на вашето съдържание, намерете този, който искате да вмъкнете, и щракнете върху него, за да го добавите.

Шорткодовете се визуализират като реално съдържание във frontend частта; за да ги редактирате, можете да ги изберете и да прегледате техните атрибути в инспектора. Или за по-голям контрол можете да щракнете два пъти върху шорткода, за да го редактирате в суров вид. След като направите редакциите си, вашият шорткод ще се обнови, за да отрази промените.

Пренареждане на вашето съдържание

С PBS можете да щракнете и да плъзнете всичко и да го преместите където пожелаете. Когато плъзгате даден елемент, преместете го върху друг елемент на страницата – можете да го поставите над или под всяко друго съдържание.

Запазване на работата ви

ae0cf6f413 file

След като сте доволни от дизайна си, просто щракнете върху бутона за запазване в горния ляв ъгъл на страницата. Това е всичко!