Как создать потрясающий сайт с Divi

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

Что такое Диви?

Прежде всего, давайте установим фон для этого инструмента. Divi — один из самых популярных конструкторов сайтов на рынке. Это позволяет пользователям просто использовать механизм перетаскивания для создания веб-сайта. Интересно отметить, что с помощью Divi было создано более 2,5 миллионов сайтов.

Несомненно, это очень популярная тема. Конструктор тем Divi является всеобъемлющим, и с помощью всего одной лицензии Divi Theme вы можете создавать неограниченное количество дизайнов веб-сайтов. Divi поставляется с более чем сорока модулями, которые вы можете использовать для создания своего веб-сайта.

Это инструмент премиум-класса с двумя разными пакетами — годовой лицензией и лицензией на пожизненный доступ. Оба плана позволяют создавать неограниченное количество веб-сайтов только с одной лицензией.

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

Как создать сайт WordPress с помощью темы Divi

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

• Запустите свой сайт WordPress.

• Установите и настройте тему Divi на своем сайте WordPress.

• Создайте свой сайт с темой Divi.

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

Запустите свой сайт WordPress

Прежде чем создавать собственный сайт WordPress с темой Divi, первым делом нужно запустить сайт WordPress. Для этого выполните следующие действия:

Шаг 1: Получите хостинг для вашего сайта. Независимо от типа веб-сайта, который вы хотите создать, вы должны сначала получить доменное имя и хостинг. Есть десятки исключительных хостинговых компаний, которые вы можете изучить для своего хостинга. Мы предлагаем хостинг как часть наших услуг по обслуживанию WordPress.

Шаг 2: Получите доменное имя для вашего сайта. Большинство хостинговых компаний предлагают доменные имена как часть пакета хостинга. Если вы уже приобрели доменное имя, вы можете перенести его на платформу хостинга, которую хотите использовать. Каждая хостинговая платформа имеет свой процесс установки, но зачастую за ним легко и просто следовать.

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

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

Настройте тему Divi на своем сайте WordPress.

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

Шаг 1: Приобретите тему Divi. Покупка темы Divi дает вам доступ к различным другим продуктам, включая Monarch и другие популярные плагины и темы. Для этого выполните следующие действия:

• Посетите веб-сайт Elegant Themes и нажмите «Цены». Это откроет два доступных пакета элегантных тем. Вы можете выбрать любой из двух вариантов в зависимости от ваших требований и бюджета. Нажмите на кнопку «Зарегистрироваться сегодня» рядом с вашим предпочтительным вариантом.

• Это приведет вас на другую страницу, где вы должны ввести свои данные, а также имя пользователя и пароль. Далее нажмите «Завершить регистрацию».

• Вы будете перенаправлены в раздел оплаты, где вам нужно ввести данные вашей карты для завершения транзакции. Нажмите кнопку «Оплатить $89», чтобы завершить платеж. Если вы выберете другой пакет, сумма будет отображаться вместо 89 долларов.

• После успешной оплаты следующим шагом будет загрузка темы Divi. Нажмите «Войти, чтобы загрузить все наши доступные продукты».

• Укажите свои данные для входа и нажмите кнопку «Войти».

• Нажмите кнопку «Загрузить тему Divi». Это загрузит zip-папку темы Divi на ваш компьютер.

Шаг 2: Установите тему Divi на свой сайт WordPress. Для этого перейдите на панель инструментов WordPress и выполните следующие действия:

• Нажмите «Внешний вид», а затем «Темы».

• Нажмите «Добавить новую», а затем «Загрузить тему».

• Нажмите «Выбрать файл» и выберите загруженный zip-файл из вашей системы. Далее нажмите «Установить сейчас».

Шаг 3: активируйте тему Divi

• Перейдите в левое меню панели инструментов WordPress и выберите Divi. Затем выберите «Обновления» в параметрах темы Divi.

• Введите имя пользователя и ключ API. Чтобы найти ключ API, перейдите в «Моя учетная запись» и найдите раздел «Ключи API». Скопируйте ключ API и вставьте его в поле ключа API, а затем нажмите «Сохранить изменения». Это активирует тему Divi на вашем сайте WordPress.

Создайте свой сайт с темой Divi

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

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

• Нажмите на меню «+Создать» в верхней части сайта и выберите «Страница».

• Добавьте заголовок страницы (Главная) и нажмите «Использовать Diva Builder».

• На следующей странице у вас есть три варианта на выбор. Это «Создать страницу с нуля», «Выбрать готовый макет» и «Клонировать другую существующую страницу». В этом руководстве мы рассмотрим, как создать страницу с нуля и как использовать готовый макет.

Как использовать готовый макет для создания домашней страницы

• Перейдите в раздел «Выберите готовый макет» и нажмите «Обзор макетов».

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

• Чтобы изменить и настроить текст в макете, выберите текст, дважды щелкнув его и введя текст, который хотите использовать. Вы можете изменить все тексты на странице, выбрав и заменив их своим текстом.

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

• После внесения изменений нажмите кнопку «Опубликовать», а затем «Выйти из Visual Builder» в верхней части сайта.

• Вы можете создавать другие страницы на сайте, следуя этому процессу.

Как создать домашнюю страницу с нуля

• Нажмите «+Создать», а затем «Страница».

• Введите название страницы и нажмите «Использовать Divi Builder».

• Выберите «Создать с нуля», а затем «Начать сборку».

• Чтобы начать, щелкните значок «+» в середине страницы, и отобразятся три варианта: «Специальный», «Полный» и «Обычный».

• Ваш выбор будет определять структуру каждой секции, которую вы строите. Чтобы открыть раздел полной ширины, нажмите «Полная ширина». Это вызовет список элементов, которые вы можете добавить на страницу из Fullwidth.

Чтобы создать заголовок, нажмите «Заголовок во всю ширину». Это вставит заголовок Fullwidth на сайт. Вы можете настроить текст, выбрав текст и заменив его новым текстом. Вы можете сделать это для каждого раздела страницы.

Вы также можете смешать «Обычный» и «Специальный» в дизайне, чтобы создать уникальный дизайн. Когда вы будете удовлетворены результатом, нажмите кнопку «Опубликовать», а затем «Выйти из Visual Builder». Вы можете выполнить следующие шаги, чтобы заполнить и оформить другие страницы вашего веб-сайта.

Шаг 2: Создайте главное меню

• Нажмите на название сайта и выберите «Настройщик тем».

• Нажмите «Меню» в открывшейся области, а затем нажмите «Создать новое меню».

• Введите имя создаваемого меню и выберите место, где вы хотите, чтобы меню отображалось. Это может быть меню «Основное», «Вторичное» или «Нижний колонтитул».

• Когда вы выбрали предпочтительное место, нажмите «Далее».

• Нажмите «+Добавить элементы», и отобразится список страниц, которые вы можете добавить к элементам меню.

• Щелкните значок «+», чтобы добавить любую страницу в качестве элемента меню. Вы можете добавить столько элементов, сколько хотите, используя одни и те же кнопки.

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

Шаг 3: Измените логотип на сайте. Чтобы удалить логотип Divi по умолчанию и заменить его логотипом вашей компании, выполните следующие действия:

• Перейдите на панель инструментов WordPress и нажмите «Divi» в боковом меню.

• Перейдите к опции «Лого» на вкладке «Общие» в теме Divi.

• Нажмите «Загрузить», а затем перетащите логотип вашей компании на то место, где был логотип по умолчанию.

• Нажмите «Сохранить изменения», а затем обновите свой веб-сайт, чтобы увидеть внесенные вами изменения.

Вывод

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