Divi 3.0 предлагает удивительный конструктор переднего плана для вашего WooCommerce Магазин

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

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

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

Добавить новый контент из Divi40+ модулей

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Комментарии Ответы 0

Оставьте комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены *

Рейтинг *

Этот сайт использует Akismet для уменьшения количества спама. Узнайте, как обрабатываются ваши данные комментариев.

Стать экспертом по электронной торговле

Введите свой адрес электронной почты, чтобы начать вечеринку