Пошаговое руководство по преобразованию вашего сайта Divi в Elementor

Divi — одна из самых популярных тем WordPress и визуальный конструктор страниц, который позволяет создавать веб-сайты в режиме реального времени. С другой стороны, Elementor признан лучшим плагином для создания страниц WordPress, который поставляется с функцией перетаскивания для создания и настройки веб-сайтов за считанные минуты.

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

Люди в основном используют конструктор Divi, когда используют элегантные темы, тогда как Elementor совместим практически со всеми темами. Это одна из основных причин, по которой многие пользователи сейчас переходят с Divi на Elementor. Ценообразование также играет важную роль в процессе выбора.

Если вы также переходите с Divi на Elementor, этот блог для вас. Сегодня мы собираемся поделиться пошаговым руководством о том, как конвертировать сайт с Divi на Elementor.

Предпосылки для преобразования веб-сайта из Divi в Elementor

Прежде чем погрузиться в учебник, давайте проверим предварительные условия.

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

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

Третье : Перед конвертацией рекомендуется сделать пробный сайт. Вы можете просто создать промежуточный веб-сайт с помощью плагина для дублирования веб-сайтов.

Давайте начнем:

Как конвертировать Divi в Elementor: 5 шагов для подражания

Честно говоря, невозможно преобразовать весь веб-сайт или конкретную веб-страницу из Divi в Elementor. Потому что Divi использует шорткоды для создания веб-контента, а Elementor генерирует статические HTML-коды.

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

Шаг 1: Установите Элементор
Шаг 2. Удалите Divi и связанные с ним плагины
Шаг 3: Создайте новую страницу
Шаг 4: добавьте контент на страницу с помощью виджетов Elementor
Шаг 5: Используйте шаблоны Elementor для дизайна вашего сайта

Выполните следующие шаги, чтобы изменить дизайн вашего сайта с помощью Elementor.

Шаг 1: Установите Элементор

Во-первых, вам нужно перейти в Плагины->Добавить новый .

Он перенаправит вас на страницу плагинов. Здесь вы должны найти плагин «Elementor» в каталоге плагинов с помощью поиска. Затем нажмите « Установить », чтобы установить плагин. После этого нужно активировать плагин.

Примечание. Если вам нужны функции Elementor pro для разработки веб-сайта, вы можете установить Elementor Pro.

После завершения активации плагина вы должны перейти в область Elementor-> Настройки , чтобы управлять основными настройками Elementor.

Шаг 2. Удалите Divi и связанные с ним плагины

После завершения процесса установки ваш следующий шаг — деактивировать Divi и его рекомендуемые плагины на вашем веб-сайте. Тогда вы найдете много страниц с оставшимися шорткодами.

Вы должны удалить эти короткие коды . Для этого вы можете использовать ShortCode Cleaner, чтобы удалить эти неработающие шорткоды. При необходимости вы можете использовать сборщик мусора для очистки базы данных.

Шаг 3: Создайте новую страницу

Теперь мы готовы преобразовать наш сайт. Во-первых, нам нужно создать новую страницу. Для этого перейдите на Страницы->Добавить новую .

Мы создали новую страницу (Демо-страница). Кроме того, мы установили настройки страницы.

1. Установите Макет страницы->Холст Elementor.
2. Нажмите кнопку « Опубликовать », чтобы опубликовать страницу.
3. Нажмите кнопку « Редактировать с помощью Elementor », чтобы открыть страницу в панели редактора Elementor.

Как использовать Elementor: полное руководство для начинающих

Шаг 4: добавьте контент на страницу с помощью виджетов Elementor

Отличная работа. Вы успешно создали свою веб-страницу и готовы редактировать ее с помощью Elementor.

И пришло время добавить контент на страницу. Elementor поставляется с виджетами перетаскивания, которые вы можете использовать для оформления своей веб-страницы.

Давайте добавим виджет заголовка. Просто найдите виджет « Заголовок » в галерее виджетов. Затем перетащите виджет в подходящее место для вашей веб-страницы.

Вы можете использовать опцию « Стиль », чтобы настроить заголовок.

Для дополнительной настройки вы можете использовать расширенные функции Elementor.

Шаг 5: Используйте шаблоны Elementor для дизайна вашего сайта

Elementor также поставляется с некоторыми готовыми шаблонами веб-сайтов для разработки веб-сайтов. Вы можете выбрать подходящий в зависимости от целей вашего дизайна. Однако вы можете настроить эти шаблоны по-своему.

Давайте посмотрим, как использовать шаблон веб-сайта Elementor.

Сначала нажмите на значок шаблона .

В следующем модальном всплывающем окне вы получите все блоки и шаблоны Elementor.

Здесь вы можете выбрать подходящий шаблон или блоки. Чтобы использовать этот шаблон, вам нужно нажать на кнопку « Установить » и подождать некоторое время для установки.

Вот и все.

Часто задаваемые вопросы о Divi и Elementor

Здесь мы ответили на некоторые основные вопросы, касающиеся Elementor и Divi.

Готовы ли вы преобразовать свой сайт Divi

Конструктор страниц, такой как Elementor или Divi, меняет эпоху дизайна веб-сайтов. Теперь вы можете легко создавать веб-сайты в режиме реального времени.

В этом блоге мы показали, как конвертировать Divi в Elementor. Мы также ответили на некоторые основные вопросы, касающиеся Elementor и Divi. Если у вас есть какие-либо вопросы, вы можете задать их, используя поле для комментариев ниже. Мы ответим на него как можно раньше.

Если вы считаете этот блог полезным, поделитесь им в социальных сетях. Не забудьте подписаться на наши информационные бюллетени, чтобы получать больше информации о WordPress и Elementor.