Има десетки и десетки конструктори на страници и сигурно се питате: какво прави Page Builder Sandwich толкова специален? Защо изобщо бихте си направили труда да го използвате, ако вече разполагате с такъв инструмент?
В тази статия ще изброя няколко ключови функции в Page Builder Sandwich, които го правят уникален и абсолютно задължителен както за създателите на съдържание, така и за дизайнерите. Ако не знаете какво е конструктор на страници и защо ви е необходим, не се притеснявайте – имаме материали, които могат да ви помогнат.
1. Не просто виждате визуално представяне на съдържанието си, а виждате и редактирате действителното си съдържание
В другите конструктори на страници виждате области, които просто онагледяват вашето съдържание. Вие структурирате съдържанието си предимно с блокове и правоъгълни форми, а резултатът прилича повече на рамка, показваща как в крайна сметка би изглеждало то на страницата ви. Това води до постоянно цъкане на бутона за предварителен преглед, само за да видите какъв ще бъде крайният резултат.
С Page Builder Sandwich цялото редактиране се извършва директно във фронтенда на сайта ви и вие редактирате съдържанието си направо за истинско изживяване от типа „каквото виждаш, това получаваш“.
2. Бързо и лесно директно редактиране без всички онези досадни изскачащи прозорци
Изскачащите прозорци са неизменна част от конструкторите на страници. При повечето от тях, ако искате да редактирате нещо в оформлението си – било то заглавие, надпис на бутон или кратък слоган – първо трябва да изчакате отварянето на изскачащ диалогов прозорец и да направите промените си вътре в него.
Ние си поставихме за цел изцяло да сведем до минимум използването на изскачащи прозорци в Page Builder Sandwich. Чрез премахването им редактирането на всякакво съдържание става по-лесно и по-гладко от всякога.
Редактирането се извършва по съвсем интуитивен начин – кликнете върху текста, за да поставите курсора там, и просто започнете да пишете. Вече не е необходимо да чакате изскачащ прозорец с TinyMCE редактор, за да започнете редакцията. Най-хубавото е, че все още можете да местите съдържанието си чрез плъзгане и пускане.
Друго нововъведение, което улеснява безпроблемното редактиране, е постоянно наличният инспектор. Инспекторът служи като ваша кутия с инструменти и редактор на свойства. Инструментите за форматиране на съдържанието: цветове на текста, заглавия, настройки на размера на шрифта, отстояния (margins, paddings), граници, цитати и много други са само на един клик разстояние.
3. Преизползвана функционалност на WordPress
Друго нещо, което забелязахме в останалите конструктори на страници, е, че те често преоткриват колелото. Някои разработват собствени инструменти за избор на цвят, качване на изображения, създаване на галерии и редица други средства. Само по себе си в това няма нищо лошо, но WordPress е съкровищница от готов код – защо тогава да не го използваме?
WordPress е огромна и прекрасна платформа, съдържаща много страхотни инструменти, създадени от безброй невероятни сътрудници. Page Builder Sandwich използва функционалности, които вече са вградени в WordPress, колкото е възможно повече.
Вместо да разработваме собствен инструмент за избор на цвят, използваме Iris color picker. Вместо наш инструмент за качване на изображения, използваме медийния мениджър. Освен това са налице и backbonejs, underscorejs, wp.hooks и wp.shortcode, за да назовем само част от практичните скриптове. Ние използваме всички тях, което улесни живота ни и осигури по-стабилен програмен код.
Преизползването на функционалностите на WordPress доведе и до някои приятни изненади. Например, тъй като използвахме медийния мениджър за вмъкване на изображения, бе чудесна изненада, че вече можехме от самото начало да работим и с WordPress галерии, плейлисти за видео и аудио, както и отдалечени URL адреси. Също така можехме просто да използваме медийния мениджър за редактиране на изображения, което ни спести часове излишни главоболия при разработката.
4. Навигация с клавиатура и преки пътища
В останалите конструктори на страници мишката е вашият верен приятел. С нея плъзгате и пускате елементи и кликвате два пъти, за да редактирате. Но клавиатурата често остава пренебрегната.
Например, в някои конструктори не можете лесно да редактирате текст от предходния абзац или секция спрямо текущата ви позиция, защото трябва първо да кликнете извън един изскачащ прозорец и след това да влезете в нов. В Page Builder Sandwich можете да навигирате с клавиатурата си. Използвайте клавишите със стрелки, за да се придвижвате из съдържанието – работи дори ако другото ви съдържание е прибрано в отделен ред или колона.
Друга важна функционалност са клавишните комбинации за отмяна (undo) и повторение (redo). Може да не изглеждат кой знае какво в началото, но помислете върху следното: какво, ако случайно плъзнете и пуснете съдържанието си на грешното място? В някои конструктори ще трябва да го издърпате обратно на първоначалната му позиция. В Page Builder Sandwich работят както отмяната, така и повторението. Така че, независимо дали искате да коригирате написаното, или да върнете преместено съдържание (дори няколко елемента наведнъж), просто натиснете undo или redo. Отмяната и повторението работят както за плъзгано съдържание, така и за промени по свойствата като размер на шрифта и вътрешни отстояния на редовете. Това ги прави мощни инструменти във вашия арсенал за редактиране.
5. Истински фронтенд конструктор на страници – по-спокойно и гладко изживяване при редактиране
Нашата нагласа по време на разработката беше, че редактирането от клиентската страна (във фронтенда) не трябва да създава усещането, че все още използвате инструменти за бекенд. Не трябва да изглежда така, сякаш конструкторът първоначално е бил създаден за административната част, а след това просто пренесен във фронтенда.
В крайна сметка за мен основното предимство и разлика на Page Builder Sandwich е, че го изградихме с целта да бъде „истински“ фронтенд конструктор на страници – преосмисляне на начина, по който редактирането директно на сайта трябва да изглежда.