Divi 3.0 обладает потрясающим дизайнером Front End для вашего магазина WooCommerce

Divi - это наша тема WordPress, когда дело доходит до WooCommerce, и нового Дива 3.0 вводит полный новый «визуальный строитель» (также называемый «front-end editor»), который был перестроен с нуля с использованием современной библиотеки JavaScript для пользовательских интерфейсов. Этот новый конструктор позволяет пользователям редактировать свои страницы WordPress на интерфейсе своего веб-сайта с помощью простых и красивых визуальных элементов управления. Когда вы активируете построитель, вы увидите свою страницу точно так, как она будет отображаться в интерфейсе вашего веб-сайта.

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

Страница становится живой, и каждый элемент чувствует себя ощутимым, потому что вы можете манипулировать всем естественным и интуитивным способом. Когда вы делаете изменение дизайна или добавляете новый контент на страницу, эти изменения появляются мгновенно. Это связано с тем, что новый визуальный построитель не полагается на традиционную загрузку, поэтому в большинстве случаев, когда требуется большая часть опыта, возникает необходимость обновления страницы или загрузочных баров Ajax. Это будущее WYSIWYG.

Добавление нового контента из модулей 40 + Divi

Добавление нового контента в Divi 3.0 прост. Наведите курсор на нужное место на странице и нажмите кнопку «+», чтобы добавить новый элемент. Вас приветствует список модулей контента Divin 40 +, которые можно использовать для создания практически любого веб-сайта. Нет необходимости перетаскивать контент из центральной док-станции, поскольку всплывающая подсказка для содержимого Divi всегда присутствует, когда вам это нужно.

Инлайн-редактор

Легко настроить все

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

  • Выберите один из десятков пользовательских шрифтов.
  • Отрегулируйте цвет текста, размер, высоту строки и расстояние между буквами.
  • Добавьте пользовательские отступы и поля.
  • Изменение структур столбцов и высоты строк.
  • Добавьте цвета фона и изображения.
  • Включить фон параллакса и фоновые изображения.
  • Перетаскивайте, удаляйте, копируйте и вставляйте элементы контента.
  • Применяйте различные параметры дизайна для каждой отзывчивой точки останова.
  • Перетащите, чтобы настроить высоты и ширину строк.
  • Наслаждайтесь прекрасным опытом редактирования

Когда новый визуальный строитель активен, весь текст на странице становится редактируемым. Нет необходимости открывать настройки элемента для настройки его текстового содержимого. Просто щелкните по любому абзацу и начните вводить текст, чтобы добавить текст, или выделите любой текст, чтобы настроить его шрифт, размер, стиль и интервал. Они создали свой собственный встроенный редактор UI, который является супер гладким и замечательным в использовании. Если вы когда-либо были разочарованы стандартным загруженным интерфейсом TinyMCE, вы будете приятно удивлены, когда используете Divi 3.0.

Опыт невероятной скорости

Визуальный строитель Divi 3.0 - это, вероятно, самый быстрый онлайн-опыт создания веб-сайтов, который вы когда-либо использовали. Обновлены обновления страниц или загрузочные бары Ajax. Фактически, в течение большей части процесса строительства традиционная загрузка не производится. Это связано с тем, что JavaScript поддерживает построитель, и опыт создания полностью происходит в вашем браузере.

Вместо того, чтобы полагаться на связь между вашим браузером и вашим сервером при возникновении изменений, построитель Divi 3.0 должен только ждать времени, когда приложение принимает приложение для вычисления каждого изменения. При использовании с достойным компьютером и современным браузером вы будете получать почти мгновенные обновления по мере добавления и настройки контента. Загрузка вашего сервера, скорость сервера и скорость Интернета больше не являются фактором.

Интерфейс «Невидимый» и настраиваемый Builder

Настраиваемый-Interface-2

Они под кодовым названием дизайн визуального конструктора «Невидимый интерфейс». Это одна из основных концепций дизайна, которая заключается в том, что «хороший дизайн часто остается незамеченным». Лучший пользовательский интерфейс - это тот, который не мешает вам, и который предсказывает ваши намерения и предлагает вам решения. Это означает, что интерфейс действительно «интуитивно понятен». Divi 3.0 не бомбардирует вас ненужными сетками, линиями и кнопками. Нет плавающих заголовков или боковых панелей, чтобы украсть экранную недвижимость или наложения, чтобы затмить ваше видение. Когда вы сначала загружаете строитель, вы можете даже не знать, что он есть, но когда вы начинаете исследовать страницу с помощью мыши, элементы управления становятся очевидными.

Визуальный строитель Divi 3.0 - это первый создатель страницы WordPress, предлагающий настраиваемый интерфейс. Это означает, что вы не согласны с определенными соглашениями пользовательского интерфейса, когда речь заходит о том, как отображаются элементы управления строителя. Вы можете выбрать, чтобы эти параметры отображались в модальном всплывающем окне, или вы можете привязать это всплывающее окно к боковой стороне страницы и ввести режим «боковой панели». Вы можете настроить
размер и положение всплывающего окна и боковой панели, чтобы вы могли оптимизировать пространство в зависимости от размера экрана или содержимого на своей странице.

Каталин Зорзини

Я блогер веб-дизайна и начал этот проект, проведя несколько недель, пытаясь выяснить, лучшая платформа для электронной коммерции для себя. Проверьте мой текущий top 10 разработчики сайтов для электронной коммерции.