Создание домашней страницы с Divi AI от начала до конца

Вы так же взволнованы Divi AI, как и мы, но точно не знаете, как извлечь из этого максимальную пользу? Этот учебник поможет вам в правильном направлении. Мы проверим Divi AI и покажем вам, как вы можете создать свою домашнюю страницу с помощью Divi AI! Мы начнем с готового макета, чтобы ускорить процесс, а затем воспользуемся Divi Text AI и Divi Image AI, чтобы настроить макет в соответствии с нашими потребностями.

Кстати, чтобы отпраздновать запуск Divi AI, мы предлагаем скидку 40% на вводную неделю в течение одной недели. Пришло время зафиксировать эти сбережения навсегда!

Представляем Divi AI — вашего личного помощника по веб-дизайну

Divi AI — ваш новый личный помощник по веб-дизайну! Он может писать контент и генерировать изображения для вас прямо внутри конструктора, что делает его невероятно доступным и полезным. Divi AI понимает контекст вашего веб-сайта и страницы, над которой вы работаете, что позволяет ему создавать контекстно-релевантный контент. Divi AI позволяет:

• Автоматическое создание контента одним щелчком мыши — Divi анализирует существующий контент вашего веб-сайта и предлагает, какой контент добавить дальше!
• Позвольте Divi учиться на вашем веб-сайте — вы можете предоставить Divi AI контент вашего веб-сайта, чтобы повысить релевантность выводимого контента!
• Генерировать изображение автоматически — всего одним щелчком мыши вы можете создавать целые новые изображения с нуля!
• Уточните и измените существующие изображения — вы также можете дать Divi AI ссылку на изображение, чтобы уточнить его или полностью изменить стиль!
• & Более!

Получить Диви ИИ

Создание домашней страницы с Divi AI

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

Что нужно для начала

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

• У вас есть веб-хостинг и домен
• Вы установили WordPress на свой сайт
• Вы являетесь участником Elegant Themes и имеете доступ к Divi
• Вы установили Divi в качестве темы или плагина

Варианты: построить с нуля или использовать готовый макет.

Если вы хотите создать домашнюю страницу с Divi, обычно есть два способа сделать это.

1. Используйте готовый макет в качестве основы и изменяйте его по мере необходимости.
2. Создайте макет домашней страницы с нуля

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

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

Подпишитесь на наш канал на Youtube

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

Начните с перехода к серверной части вашего сайта WordPress. Оказавшись там, перейдите на свои страницы и создайте новую страницу.

Дайте название своей странице и переключитесь на визуальный конструктор Divi.

Шаг 2: Загрузите макет на свою страницу

Как упоминалось ранее, мы собираемся создать новую страницу, используя готовый макет, поэтому нажмите «Обзор макетов» .

Для этого урока я выбрал домашнюю страницу из Coaching Layout Pack. После того, как вы выбрали макет, нажмите кнопку «Загрузить этот макет» .

На странице много текста lorum ipsum, который мы заменим. Мы также создадим несколько новых вариаций изображений, используемых в этом макете. Все это стало возможным с Divi AI! Раньше вам приходилось нанимать копирайтера и покупать стоковые изображения, но теперь вы можете использовать Divi AI для удовлетворения этих потребностей.

Шаг 3: Создание копии с помощью Divi AI

Теперь, когда мы загрузили макет на нашу страницу, мы можем сосредоточиться на тексте! Мы будем использовать Divi Text AI для создания нашей копии, что позволит очень легко запустить и запустить ваш сайт как можно быстрее. Давайте рассмотрим некоторые функции Divi Text AI и способы их использования.

Переработать существующую копию или полностью создать новую копию

Есть два основных способа создания копии в Divi AI:

1. Переработка существующей копии
2. Создание новой копии

В зависимости от того, какое влияние вы хотите оказать на копию, вы можете выбрать любой из этих вариантов.

Понимание интерфейса Divi Text AI

Divi Text AI очень прост. Давайте посмотрим на некоторые вещи, которые вы можете сделать с ним.

Пишите с помощью ИИ

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

Вы также можете повысить точность с помощью Divi AI. Если вы наведете курсор на поле содержимого, вы увидите значок Divi AI. Нажмите на этот значок.

Продолжите, нажав Write With AI .

Написание с помощью ИИ позволяет вам выбрать тип контента и дает вам возможность выбрать контекст. Если вы нажмете на опцию Guide Me , вы увидите, что появилось много других опций.

Вы можете настроить эти параметры так, как считаете нужным.

Если вам не нравится результат, вы всегда можете нажать кнопку «Повторить» , чтобы попробовать еще раз!

Улучшайте с помощью ИИ

Если у вас уже есть копия на вашей странице, и вы просто хотите ее улучшить, это тоже вариант! Divi Text AI предоставляет вам несколько вариантов улучшения вашего текста:

• Написать и заменить
• Сделать его лучше
• Перефразировать
• Удлинить
• Сократить
• Упрощать
• & Более

Пример подсказки заголовка H1

Теперь, когда мы прошли некоторые основные настройки в Divi Text AI, давайте создадим новый заголовок H1 для нашей домашней страницы. Используя опцию автогенерации, мы получаем следующий результат:

Повторите шаги для всех копий на странице

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

Это дало нам следующий результат, отлично! Но теперь мы хотим, чтобы это было короче.

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

Шаг 4: Генерация изображений с помощью Divi AI

Divi AI не только фокусируется на копировании, но и позволяет создавать изображения! Это позволяет вам создать уникальную страницу без необходимости нанимать фотографа или тратить деньги на стоковые изображения.

Переделайте существующее изображение или полностью создайте новое изображение

Подобно Divi Text AI, у вас есть два варианта создания изображений с помощью AI в Divi:

1. Улучшение существующего изображения
2. Создание нового изображения

Вы также можете использовать существующее изображение в качестве вдохновения для новой подсказки. Это сообщит алгоритму ИИ о внешнем виде изображения, которого вы хотите достичь.

Понимание интерфейса Divi Image AI

Divi Image AI очень интуитивно понятен, но чтобы упростить задачу, мы быстро рассмотрим некоторые из наиболее заметных настроек этой функции.

Стили изображения

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

Генерация изображения с помощью ИИ

Чтобы создать изображение, наведите курсор на поле изображения и щелкните значок Divi AI. Затем выберите «Создать изображение».

Здесь вы можете добавить описание изображения и выбрать соотношение сторон вашего изображения. Давайте попробуем что-нибудь.

Улучшить изображение с помощью ИИ

Чтобы улучшить изображение, снова нажмите на значок Divi AI. Затем нажмите «Улучшить изображение» .

Мы будем использовать наше предыдущее изображение в качестве эталонного изображения, но мы попросим Divi AI изменить его зимой.

Как раз то, что мы хотели!

Пример подсказки главного изображения

Давайте рассмотрим некоторые другие подсказки и результаты.

Женщина бежит по полю белых цветов с развевающимися на ветру волосами, фото со спины

Цветок, распустившийся в солнечный день

Давайте создадим больше вариантов изображения в правом нижнем углу!

Воздушный шар в солнечный день

Повторите шаги для изображений на всей странице

Вам не нужно менять все на странице, чтобы сделать ее уникальной, но вы можете использовать Divi AI столько раз, сколько захотите. Вы можете проявить творческий подход, и умение владеть подсказками, которые вы даете, действительно важно!

Шаг 5: Опубликуйте страницу!

После того, как вы отшлифовали свою домашнюю страницу, осталось только опубликовать ее! Как только вы освоите Divi AI, вы обнаружите, что также очень легко создавать остальные страницы вашего веб-сайта.

Divi AI ускоряет ваш рабочий процесс!

Divi AI — помощник в веб-дизайне, который вам нужен! Это не только помогает вам работать быстрее, но и позволяет создавать несколько вариантов одного и того же дизайна, облегчая поиск идеального результата. Если вы уже подписаны на Divi AI, воспользуйтесь возможностью зарегистрироваться сегодня и наслаждайтесь неограниченным количеством подсказок, которые вы можете ввести! Мы надеемся, что вам понравился этот урок. Сообщите нам, если у вас есть какие-либо вопросы в комментариях, и мы увидимся завтра для другого урока Divi AI!

Получите скидку 40% на Divi AI во время нашей вводной распродажи!

На следующей неделе мы предлагаем скидку 40 % на Divi AI. Любой, кто купит Divi AI до того, как распродажа будет отправлена , сэкономит 115 долларов в год и зафиксирует эти сбережения на всю жизнь! Кроме того, все члены вашей команды могут использовать Divi AI без дополнительной платы. Получить скидку здесь