Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

Многие люди знают WordPress как инструмент для ведения блогов. Не ошибаюсь, но WordPress выходит за рамки этого. WordPress – это программное обеспечение CMS, которое можно использовать для создания веб-сайтов любого типа. Хотя WordPress очень помог в создании веб-сайта, плагин для создания страниц делает это еще проще. Вы можете использовать конструктор страниц, чтобы создать красивую страницу с профессиональным дизайном. Будь то домашняя страница, страница о странице, страница контактов, целевая страница или другие страницы вашего сайта. Zion Builder – это плагин, который упростит создание вашего сайта и сделает его более интересным.

Zion Builder – это плагин для создания страниц, который поставляется с визуальным редактором, таким же, как Elementor и Divi Builder, чтобы привнести новый опыт в создание веб-сайтов с помощью WordPress. Zion Builder – новичок в сегменте плагинов для построения страниц. Он был выпущен в мае 2020 года. Моложе других подобных плагинов, даже Brizy . Насколько хорош Сион Строитель? Давайте узнаем ответ.

Zion Builder: краткое введение

История Zion Builder очень похожа на Divi Builder. Ранее он был доступен только для темы Kallyas . В мае 2020 года Zion Builder был выпущен как отдельный плагин, позволяющий использовать его в темах WordPress за пределами Kallyas. Плагин был выпущен как плагин freemium, так что вы можете попробовать создать страницу с его помощью, не совершая предварительной покупки. Если вам нравится использовать Zion Builder, есть возможность использовать профессиональную версию, чтобы получить доступ к более продвинутым функциям. Вы можете скачать бесплатную версию Zion Builder в каталоге плагинов WordPress.

Интерфейс

Одним из преимуществ Zion Builder является его легкий редактор. Честно говоря, у нас нет определенной метрики, чтобы доказать это, но во время тестирования мы почувствовали, что редактор Zion Builder загружается намного быстрее, чем Elementor и Divi Builder. Довольно близко к Бризи. Говоря о Brizy, редактор Zion Builder очень похож на Brizy. Он имеет большую область холста с панелью с левой стороны, которая занимает лишь небольшую часть общей области редактора. Вы можете использовать панель в качестве навигации, для доступа к библиотеке шаблонов, для просмотра истории версий, для настройки параметров страницы и для доступа к функции адаптивного редактирования (путем переключения в режим редактирования на рабочем столе / планшете / смартфоне).

Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

А что насчет добавления элемента?

С точки зрения добавления нового элемента Zion Builder похож на Divi Builder. Вы можете щелкнуть значок плюса в области холста, чтобы добавить новый элемент. В области холста вы увидите три значка гноя: синий, зеленый и желтый. Какой бы значок плюса вы ни щелкнули, у вас будет панель для выбора элемента, который вы хотите добавить.

Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

Вы можете просто щелкнуть элемент, который хотите добавить, и он будет добавлен в область холста. При наведении курсора мыши на определенный элемент отображается ручка. При щелчке по ручке появляется панель инструментов. На появившейся панели инструментов вы можете выполнить три действия: открыть панель редактирования, сохранить элемент в библиотеке, скрыть элемент, клонировать элемент и удалить элемент.

Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

Интерфейс редактора Zion Builder в целом отличный, но у нас есть претензии к нему. Когда вы находитесь в определенном режиме панели, таком как режим панели просмотра, и хотите выполнить новое действие (например, просмотреть историю версий), редактор добавит новую панель. Это может помешать рабочему процессу, так как область холста закрыта.

Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

Было бы здорово сохранить только одну панель для нескольких действий, как это делает Elementor.

Элементы дизайна

Большинство плагинов для построения страниц различаются по своим элементам дизайна на три типа: раздел, столбец и фактический элемент дизайна (называемый модулем в Divi Builder и виджетом в Elementor). Так делает Zion Builder. В Zion Builder вы также можете добавлять разделы, столбцы и фактические элементы дизайна (которые просто называются элементами ). Однако Zion Builder немного отличается. Он не рассматривает раздел и столбец как обязательные элементы, такие как Elementor и Divi Builder. Вы можете добавить реальный элемент дизайна – например, индикатор выполнения – без предварительного добавления раздела или столбца.

Вот элементы, предлагаемые Zion Builder:

Текст Soundcloud
Раздел Коробка с ценами
Столбец Окно изображения
Пользовательский код Изображение
Карты Гугл Икона
Прилавок Иконка Коробка
Индикаторы прогресса Галерея
Слайдер изображений Заголовок
Якорная точка Video
Список значков Кнопка
Отзыв Разделитель
Короткий номер Тревога
Боковая панель

Вышеперечисленные элементы доступны в обеих версиях (бесплатной и профессиональной). Если вы используете профессиональную версию, вы также получите следующие дополнительные элементы:

  • Вкладки
  • Аккордеоны
  • Обратный отсчет
  • Поиск
  • Кнопки социальных сетей

 

Не можете найти элемент формы? У Zion Builder он действительно есть. Довольно разочаровывающая форма – это достаточно важный элемент. Он понадобится вам для создания контактной формы или формы подписки по электронной почте. В качестве альтернативы вы можете использовать плагин для создания форм, например Contact Form 7 или WPForms, а затем использовать элемент Shortcode для добавления формы. Или, если у вас есть навыки HTML, вы можете использовать элемент Custom Code для создания HTML-формы.

Опыт редактирования

Как мы уже говорили выше, Zion Builder поставляется с визуальным редактором, который предлагает большую область холста. Это также дает возможность редактирования в реальном времени. Просто, как мы уже говорили, есть небольшая проблема с панелью. Новая панель (или, точнее, вложенная панель) появится, когда вы сделаете новое действие из текущего действия.

Еще одна проблема, связанная с редактированием в Zion Builder, заключается в том, что вам нужно вводить номер вручную, если вы хотите выполнить редактирование, включающее такие числа, как отступы, поля или размер. Здесь нет стрелок или регулятора (или как вы его называете), подобных тем, что есть в Divi Builder, Elementor и Brizy.

Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

Возможности Zion Builder Pro

Если вам нравится, как работает Zion Builder (или по любой другой причине, которая заставляет вас влюбиться в него), и вы хотите перейти на профессиональную версию, вы сможете разблокировать следующие функции:

Возможность добавлять динамический контент

Первая функция, которую вы можете разблокировать после обновления до про-версии, – это возможность добавлять динамический контент. Эта функция будет тянуть динамический контент WordPress в любую область, в которую вы добавляете элемент. Поддерживаемые типы динамического содержимого:

  • Заголовок поста
  • Дата публикации
  • Опубликовать контент
  • Сообщение отрывок
  • Идентификатор сообщения
  • Условия публикации (категория или тег)
  • Количество комментариев
  • Популярное изображение
  • Информация об авторе
  • Автор мета
  • Заголовок сайта
  • Слоган сайта

Также есть возможность добавлять настраиваемые поля . Однако, когда мы попробовали это с ACF, эта опция не сработала.

Само динамическое содержимое работает только с элементом Text. После обновления до версии pro вы увидите значок базы данных в редакторе содержимого элемента Text для добавления динамического содержимого. К сожалению, нет возможности добавить динамическую ссылку.

Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

Конструктор тем и конструктор WooCommerce

Конструктор тем – обычная функция компоновщика страниц. Сегодня почти все конструкторы страниц предлагают эту функцию. Конструктор тем позволяет создавать собственные шаблоны для замены стандартных шаблонов ваших тем. Например, вы можете создать собственный шаблон заголовка, чтобы заменить шаблон заголовка по умолчанию для вашей темы. Конструктор тем Zion Builder Pro позволяет создавать следующие пользовательские шаблоны:

  • Заголовок
  • Нижний колонтитул
  • Страница результатов поиска
  • 404 стр.
  • Одно сообщение
  • Одна страница
  • Архивные страницы (категории и теги)

 

Если у вас установлен и активирован WooCommerce, вы также можете создавать собственные шаблоны для замены стандартных шаблонов WooCommerce. Вы можете создать собственную страницу продукта и страницы архива продукта с помощью конструктора WooCommerce Zion Builder Pro.

Преобразовать

Вы можете использовать эту функцию для добавления преобразования CSS к определенному элементу (без необходимости писать код CSS). На момент написания Zion Builder поддерживает только четыре свойства (типы преобразования): translate, rotate, skew, scale.

Пользовательские шрифты и значки

По умолчанию Zion Builder предлагает только 6 семейств шрифтов: Arial, Times New Roman, Verdana, Trebuchet, Georgia, Segoe UI. Нам лично это нравится, поскольку более узкие варианты означают более эффективный рабочий процесс. В конце концов, вы можете использовать свои собственные семейства шрифтов. Профессиональная версия Zion Builder поддерживает интеграцию с Google Fonts и Adobe Fonts (ранее Typekit). Вы также можете загрузить свои собственные файлы шрифтов в следующих форматах:

  • WOFF
  • TTF
  • SVG
  • РОТ

 

Для иконок Zion Builder использует сервис Font Awesome. Всего предлагается 1535 вариантов значков. Если их недостаточно, вы также можете загрузить свои собственные файлы значков.

Глобальные цвета

Глобальные цвета – это функция, которую вы можете использовать для оптимизации рабочего процесса. С помощью этой функции вам нужно изменить цвет только один раз, и изменение будет применено в области, в которой вы используете глобальные цвета. Например, скажем, вы использовали глобальный цвет для фона столбца и цвета текста. В этом случае, когда вы изменяете глобальный цвет, используемый для фона столбца, и цвет текста, это изменение будет применено к фону столбца, а также к цвету текста.

Вы можете определить глобальный цвет на странице настроек Zion Builder и получить к нему доступ на панели настроек, если вы хотите установить цвет определенного элемента.

Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

Пользовательские CSS

Если у вас есть знания CSS и вы хотите применить их на странице, которую вы создаете, вы также можете сделать это, поскольку Zion Builder Pro позволяет добавлять собственные CSS. Чтобы добавить его, вы можете перейти на вкладку « Дополнительно » на панели настроек. Возможность добавить собственный CSS находится внизу.

Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

Профессиональные шаблоны

Как и другие конструкторы страниц, Zion Builder также предлагает готовые шаблоны для оптимизации рабочего процесса. Несомненно, профессиональная версия предлагает больше готовых шаблонов, чем бесплатная. Что ж, готовых шаблонов, предлагаемых Zion Builder, пока немного. Но обновление до профессиональной версии может предоставить вам доступ к новым готовящимся к выпуску новым профессиональным шаблонам. Чтобы получить доступ к библиотеке шаблонов, вы можете нажать кнопку «плюс» в области холста и щелкнуть вкладку « Библиотека » на появившейся диалоговой панели.

Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

Ролевой менеджер

Эта функция позволяет вам указать, кто имеет доступ к редактору Zion Builder. Вы можете установить разрешение на уровне пользователя. Эта функция удобна, если у вас есть сайт WordPress с несколькими пользователями с разными уровнями. Вы можете получить доступ к функции диспетчера ролей на странице настроек Zion Builder.

Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

 

Вердикт

Большинство пользователей WordPress теперь используют конструктор страниц при создании нового веб-сайта или редизайне своего веб-сайта. Zion Builder – новый игрок в этом сегменте. Если вы когда-либо использовали более популярные существующие конструкторы страниц, такие как Elementor и Divi Builder, скорее всего, вы придете к выводу, что функции, предлагаемые Zion Builder (профессиональная версия), очень просты. Вы даже не можете найти элемент для создания формы, тогда как это достаточно важный элемент. Но опять же, Zion Builder еще молод. Как уже упоминалось, в настоящее время разрабатываются некоторые новые функции. Если вам нравится редактирование, предлагаемое Zion Builder, и вы достаточно терпеливы, чтобы подождать, пока эти функции не станут доступны, то переход на профессиональную версию не является неправильным решением. Или вы можете дождаться появления этих функций перед обновлением до профессиональной версии.

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

+ 41 = 43

OK2WEB
OK2WEB
Более 12 лет занимаюсь разработкой и продвижением сайтов. Городские порталы, информационные и новостные сайты. Сейчас в основном разрабатываю интернет магазины и коммерческие сайты. Если у вас есть вопросы пишите, стараюсь оперативно ответить и помочь.

Обновление Woodmart 6.1.3 что вышло нового: обзор всех изменений

Улучшение функционала и возможностей WoodMart WordPress продолжается и было выпущено новое значительное обновление 6.1. Основное направление сейчас - оптимизация как с точки зрения скорости, так и с точки зрения удобства пользователей. Много также изменений некоторых настроек темы, чтобы помочь людям находить некоторые настройки и...

Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

Многие люди знают WordPress как инструмент для ведения блогов. Не ошибаюсь, но WordPress выходит за рамки этого. WordPress - это программное обеспечение CMS, которое можно использовать для создания веб-сайтов любого типа. Хотя WordPress очень помог в создании веб-сайта, плагин для создания страниц делает это еще проще. Вы можете использовать конструктор страниц, чтобы...

Быстрые покупки на Woocommerce – плагин Экспресс шоп, продажа товаров с 1 страницы

Express Shop - это надстройка WooCommerce для отображения всех продуктов на одной странице с помощью кнопки AJAX «Добавить в корзину». Покупатели могут быстро отфильтровать товары и ускорить процесс покупки. Функции включают в себя несколько шаблонов стилей , загружать больше, бесконечную прокрутку, быструю плавающую корзину,...

Как убрать вкладки на странице товаров Woocommerce (вариант Амазона без табов)

Если вам нравится макет страницы одного продукта Amazon, вам, вероятно, не нравится макет вкладок страницы одного продукта WooCommerce по умолчанию. В этом разделе по умолчанию отображаются «Описание», «Обзоры», «Дополнительная информация» и другое настраиваемое содержимое… в виде вкладок под изображением и кратким описанием. К счастью, есть очень...

Аналог Contact Form 7 – настройка и описание премиум плагина Form Builder

Начну с того почему я всегда использую аналог Contact Form 7 плагина для Wordpress и не рекомендую использовать этот плагин. Слишком большое распространение и бесплатность сыграли злую шутку с сайтами где этот плагин установлен. На него написано много инструментов автоматического спама. Вы еще не...

Структура базы данных WooCommerce: хранение данных, где что находится

Термин «база данных» широко используется и известен миллионам людей, но доля людей, которые имеют его в своем словарном запасе, не понимая, что он описывает, весьма значительна. Базы данных сегодня лежат в основе столь многих цифровых сервисов, что их легко полностью упустить из виду, но независимо...