Существуют десятки конструкторов страниц, и вы, вероятно, задаетесь вопросом: что особенного в Page Builder Sandwich? Зачем утруждать себя его использованием, если у вас уже есть подходящий инструмент?
В этой статье я перечислю несколько ключевых функций Page Builder Sandwich, которые делают его уникальным и абсолютно незаменимым как для создателей контента, так и для дизайнеров. Если вы не знаете, что такое конструктор страниц и зачем он нужен, не волнуйтесь: у нас есть материалы, которые помогут вам разобраться.
1. Вы не просто видите визуальное представление контента — вы видите и редактируете сам контент
В других конструкторах страниц вы видите области, которые лишь схематично отображают контент. Вы в основном верстаете страницу блоками и прямоугольными фигурами, и результат больше напоминает каркас того, как ваш контент в итоге будет выглядеть на странице. Из-за этого приходится постоянно нажимать кнопку предварительного просмотра, чтобы просто увидеть результат.
С Page Builder Sandwich все редактирование происходит прямо во фронтенде вашего сайта, и вы редактируете контент напрямую, получая настоящий опыт «что видишь, то и получаешь».
2. Быстрое и простое прямое редактирование без надоедливых всплывающих окон
Всплывающие окна стали неотъемлемой частью конструкторов страниц. В большинстве из них, если вы хотите отредактировать что-либо в макете — будь то заголовок, надпись на кнопке или короткий слоган, — вам сначала нужно дождаться открытия всплывающего окна и вносить изменения уже внутри него.
Мы поставили перед собой цель свести к минимуму использование всплывающих окон во всем Page Builder Sandwich. Благодаря отказу от них редактирование любого контента стало проще и удобнее, чем когда-либо.
Редактирование выполняется максимально просто: кликните по тексту, чтобы поставить курсор, и сразу начинайте печатать. Вам больше не нужно ждать всплывающего окна с редактором TinyMCE, чтобы приступить к правкам. Самое приятное — вы по-прежнему можете перетаскивать контент мышью.
Еще одно нововведение, обеспечивающее редактирование без лишних хлопот, — это всегда доступный инспектор. Инспектор служит вашей панелью инструментов и редактором свойств. Инструменты для форматирования контента — цвета текста, заголовки, настройки размера шрифта, внешние и внутренние отступы, границы, цитаты и многое другое — доступны в один клик.
3. Повторное использование функциональности WordPress
Еще одна вещь, которую мы заметили в других конструкторах страниц: они часто изобретают колесо заново. Некоторые реализуют собственные инструменты выбора цвета, загрузчики изображений, создатели галерей и различные другие инструменты. В этом самом по себе нет ничего плохого, но WordPress — это настоящая сокровищница готового кода, так почему бы не использовать его?
WordPress — огромная и прекрасная платформа, содержащая множество отличных инструментов, созданных огромным числом замечательных разработчиков сообщества. Page Builder Sandwich максимально использует функциональность, уже встроенную в WordPress.
Вместо собственного инструмента выбора цвета мы используем палитру Iris. Вместо собственного загрузчика изображений мы используем медиабиблиотеку. Кроме того, есть backbonejs, underscorejs, wp.hooks и wp.shortcode — и это лишь некоторые из полезных скриптов. Мы используем все это, что облегчило нам жизнь и сделало кодовую базу более стабильной.
Повторное использование возможностей WordPress принесло и приятные сюрпризы. Например, поскольку для вставки изображений мы использовали медиабиблиотеку, мы сразу получили возможность работать с галереями WordPress, видео- и аудиоплейлистами, а также внешними URL-адресами. Мы также смогли задействовать медиабиблиотеку для редактирования изображений, что избавило нас от долгих часов лишней головной боли при разработке.
4. Навигация с клавиатуры и горячие клавиши
В других конструкторах страниц ваш главный инструмент — мышь. С ее помощью вы перетаскиваете элементы и дважды щелкаете по ним для редактирования. А вот клавиатурой часто пренебрегают.
Например, в некоторых конструкторах нельзя просто так перейти к редактированию текста абзацем или разделом выше, потому что для этого придется закрыть всплывающее окно и открыть новое. В Page Builder Sandwich вы можете перемещаться с помощью клавиатуры. Нажимайте клавиши со стрелками для перемещения по контенту — это работает, даже если другой элемент спрятан внутри другой строки или колонки.
Еще одна важная функция — горячие клавиши для отмены и повтора действий. На первый взгляд это может показаться мелочью, но представьте: что, если вы случайно перетащили элемент не туда? В некоторых конструкторах вам придется вручную тащить его обратно на исходное место. В Page Builder Sandwich работают и отмена, и повтор. Поэтому, хотите ли вы исправить напечатанный текст или вернуть перетащенный элемент (или сразу несколько элементов) на прежнее место, просто нажмите отмену или повтор действия. Отмена и повтор работают для перетаскиваемых элементов и даже для изменений свойств, таких как размер шрифта и отступы строк. Это делает их мощными инструментами в вашем арсенале редактирования.
5. Настоящий фронтенд-конструктор страниц — более спокойный и комфортный процесс редактирования
Наша позиция при разработке заключалась в том, что редактирование во фронтенде не должно создавать ощущение работы со средствами бэкенда. Не должно возникать чувства, будто конструктор изначально создавался для бэкенда, а затем был перенесен во фронтенд.
В целом, для меня главное отличие Page Builder Sandwich заключается в том, что мы создавали его с целью стать «настоящим» фронтенд-конструктором страниц — переосмыслением того, каким должно быть редактирование на сайте.