Как создать прибыльный блог WordPress с Divi

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

Мы пишем это руководство на основе нашего опыта в развитии WP Pagebuilders, блога, который вы сейчас читаете. В настоящее время нашему блогу удалось заработать от 2000 до 3000 долларов в месяц, при этом основной доход поступает от партнерского маркетинга. Как вы можете видеть в этом блоге, мы много пишем о Divi и Elementor. Оба являются двумя самыми популярными продуктами WordPress, которые предлагают интересные партнерские программы. Мы присоединяемся к партнерской программе Elementor и Elegant Themes (разработчик Divi) с 2020 года.

Мы решили создать партнерский блог, так как он требует меньше трафика, чем блоги, использующие рекламу PPC (например, Google AdSense). К вашему сведению, наш блог обслуживает менее 2000 посещений в день, что очень мало. Но нам удалось заработать от 2000 до 3000 долларов в месяц (примерно от 66 до 100 долларов в день), поскольку у нас есть целевая аудитория (скоро будет рассказано позже).

Итак, вы готовы? Читать дальше.

Краткое введение о Диви

Прежде чем двигаться дальше, конечно, вам нужно сначала узнать о Divi.

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

Divi — это тема WordPress, разработанная Elegant Themes. Он поставляется со встроенным конструктором страниц под названием Divi Builder, который вы можете использовать для создания основных страниц вашего блога (домашняя страница, страница с информацией, страница контактов и т. д.). Divi Builder поставляется с несколькими полезными функциями для ведения блога, включая Theme Builder, который вы можете использовать для создания пользовательских шаблонов для частей сайта (верхний и нижний колонтитулы, макет сообщения в блоге, страницы архива и т. д.).

Divi также поддерживает интеграцию с плагинами и службами для рассылки новостей, такими как MailPoet, MailerLite и Mailchimp. Информационный бюллетень является одним из наиболее важных аспектов ведения блога. Развитие блога без рассылки — огромная ошибка. Мы расскажем о бюллетене последним.

Divi — платная тема. Вы можете получить его двумя способами:

• Став ежегодным участником Elegant Themes: 89 в год
• С опцией единовременной покупки: $249

Какой бы вариант вы ни выбрали, у вас всегда будет доступ к обновлениям и поддержке Divi. Помимо Divi, у вас также будет доступ к другим продуктам, разработанным Elegant Themes, включая Bloom и Monarch. Интересная часть покупки темы Divi в Elegant Themes заключается в том, что вы можете установить ее на любое количество блогов — без дополнительной платы.

Шаг 1: Установите, как вы будете монетизировать свой блог

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

• Продажа партнерских продуктов (партнерский маркетинг)
• Установка контекстной рекламы
• Продажа электронных книг
• Принятие спонсируемого контента
• Предложение платного контента

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

Мы лично рекомендуем партнерский маркетинг, так как он не требует большого количества посетителей. Чем больше посетителей, тем выше план хостинга. Более высокий план хостинга означает более высокие расходы.

Шаг 2: Выберите нишу блога и домен

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

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

Прежде чем в конечном итоге получить доменное имя wppagebuilders.com , мы изначально хотели зарегистрировать другое доменное имя, которое представляет WordPress в целом. Но мы подумали, что WordPress — это слишком общая тема, поэтому решили выбрать более конкретную тему (в данном случае плагины для создания страниц). Другая причина заключается в том, что существует несколько авторитетных блогов WordPress, с которыми трудно конкурировать.

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

На скриншоте выше показаны поисковые запросы (в Google), по которым мы выигрываем соревнование. Если вы выполните поиск в Google, используя один из приведенных выше запросов, вы найдете сообщения в блоге wppagebuilders.com на первой странице (некоторые даже в верхнем списке).

Это просто примеры. Есть много других ключевых слов, по которым wppagebuilders.com выигрывает конкуренцию в поисковых системах.

Можете ли вы угадать причину?

Это потому, что wppagebuilders.com — это блог о плагинах для конструктора страниц WordPress, и он регулярно пишет статьи на темы, связанные с Elementor, Divi Builder и другими конструкторами страниц. Как уже упоминалось, чем конкретнее тема (называемая «нишей» в мире маркетинга) вашего блога, тем больше шансов, что он выиграет конкуренцию в поисковых системах.

- Как выбрать нишу и название для своего блога

Вспомните правило еще раз. Чем конкретнее тема (ниша) вашего блога, тем лучше . Три основные причины этого:

• Легче конвертировать трафик в продажи
• Легче создать базу лояльных читателей
• Чем больше шанс победить в конкурсе поисковых систем

Как только вы поймете, вы можете начать искать нишу своего блога. Как это сделать?

Вы можете начать с определения общей темы, а затем разбить ее на несколько более конкретных тем. wppagebuilders.com — как вы прочитали выше — это пример, который вы можете использовать в качестве справки.

Нужно больше примеров?

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

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

Чтобы найти нишу блога, вы можете использовать такой инструмент, как Планировщик ключевых слов Google, чтобы определить уровень конкуренции, а также объем поиска. Если у вас достаточно капитала, вы можете использовать платные инструменты, такие как Ahrefs, Semrush и Wordtracker.

Две основные метрики, на которые следует обратить внимание при исследовании ниши блога:

• Ежемесячный объем поисковых запросов
• Уровень конкуренции

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

Шаг 3: выберите надежный хостинг для Divi

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

Что касается Divi, мы настоятельно рекомендуем два типа услуг хостинга:

• Диви Хостинг
• Управляемый хостинг WordPress

— Диви Хостинг

Elegant Themes сотрудничает с известными поставщиками веб-хостинга, предлагая планы хостинга, разработанные специально для Divi. Партнерство называется Divi Hosting.

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

• Предустановленный Divi (конечно)
• Безопасность
• CDN и кеширование
• Промежуточная среда

Хостинг-провайдеры, которые предлагают планы Divi Hosting:

• прессуемый
• Маховик
• Облачные пути
• СайтЗемля

— Управляемый хостинг WordPress

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

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

Bluehost — это проверенный и надежный провайдер веб-хостинга, широко используемый блоггерами WordPress и пользователями WordPress в целом. В Bluehost управляемый хостинг WordPress называется WP Pro. На WP Pro доступно три плана: Build , Grow и Scale . Вы можете выбрать тот, который соответствует вашим потребностям.

Итак, вы должны использовать хостинг Divi или управляемый хостинг WordPress?

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

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

Шаг 4: Зарегистрируйте домен и установите свой блог

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

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

Сначала посетите веб-сайт Bluehost. Наведите курсор на меню WordPress и выберите WP Pro .

Выберите нужный план и нажмите кнопку « Выбрать ».

На следующем шаге введите свое доменное имя в столбце « Создать новый домен ». Обязательно выберите расширение домена (.com, .net, .org и т. д.). Нажмите кнопку Далее , чтобы продолжить.

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

В разделе « Информация о пакете » выберите план, на который вы хотите подписаться.

В разделе « Платежная информация » добавьте номер своей кредитной/дебетовой карты и код CVV. Если вместо этого вы хотите оплатить через PayPal, вы можете щелкнуть ссылку « Дополнительные способы оплаты » и выбрать вариант « Оплатить через PayPal ». Примите пользовательское соглашение и нажмите кнопку отправки .

Завершите платеж. После этого вы будете перенаправлены на страницу, где сможете создать учетную запись Bluehost. Нажмите кнопку Создать учетную запись , чтобы создать учетную запись.

Придумайте пароль и примите пользовательское соглашение. Нажмите кнопку « Создать учетную запись» .

Ваш аккаунт готов. Нажмите кнопку « Перейти к входу », чтобы войти в панель управления Bluehost.

— Установка WordPress на Bluehost

Теперь, когда ваша учетная запись создана, вы можете начать установку WordPress на Bluehost.

Каждый раз, когда вы хотите войти в Bluehost, вы можете посетить bluehost.com и щелкнуть меню « Вход » на верхней панели.

Чтобы начать установку WordPress, войдите в Bluehost и нажмите кнопку « Создать свой сайт» .

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

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

Чтобы управлять своим блогом, вы можете войти в панель инструментов Bluehost, нажав кнопку « Войти в WordPress » в правом верхнем углу.

Чтобы упростить вход в панель управления WordPress, вы можете добавить нового пользователя в свой блог WordPress. В следующий раз вам не нужно входить в Bluehost каждый раз, когда вы хотите войти в свою панель управления WordPress, если у вас есть новая учетная запись. Вместо этого вы можете просто ввести yourblog.com/wp-admin в веб-браузере и войти в свою новую учетную запись.

Чтобы создать новую учетную запись, перейдите в « Пользователи» -> «Добавить новую » на панели инструментов WordPress.

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

После создания учетной записи вы можете использовать ее для входа в панель управления WordPress.

— Настройка SSL

Настройка SSL имеет решающее значение, прежде чем вы продолжите свой блог. Если вы не установите его, веб-браузеры пометят ваш блог как небезопасный.

Bluehost включает бесплатную функцию SSL (предоставляется Let's Encrypt). Чтобы использовать его, войдите в Bluehost под своей учетной записью. После входа нажмите кнопку « Управление сайтом ».

Затем перейдите на вкладку « Безопасность » и убедитесь, что опция « Сертификат SSL: Let's Encrypt » включена.

Примечание: если вы обнаружите сообщение SSL недоступен при открытии вкладки «Безопасность», вы можете связаться с Bluehost, чтобы исправить это. Вы можете связаться с Bluehost через чат или Twitter @bluehostsupport.

Убедившись, что SSL включен, войдите в панель управления WordPress и перейдите в «Настройки» -> «Основные» .

Измените URL-адрес по умолчанию, добавив букву «s» в раздел «http». Мы также предлагаем вам добавить «www».

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

Помимо настройки SSL, мы также настоятельно рекомендуем настроить постоянную ссылку. Мы рекомендуем использовать более простую постоянную ссылку для более простой структуры URL (рекомендуется для SEO).

Чтобы установить постоянную ссылку, перейдите в « Настройки» -> «Постоянные ссылки » на панели инструментов WordPress. Выберите постоянную ссылку, которую вы хотите (мы рекомендуем название публикации ).

Не забудьте нажать кнопку « Сохранить изменения », чтобы применить изменения.

Шаг 5: Установите Диви

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

Предполагая, что вы завершили покупку на Elegant Themes, войдите в свою учетную запись. После входа в систему перейдите на страницу Личного кабинета, щелкнув меню МОИ ЗАГРУЗКИ .

Загрузите тему Divi, нажав кнопку СКАЧАТЬ ТЕМУ DIVI .

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

Нажмите кнопку « Загрузить тему» , а затем кнопку « Выбрать файл» , чтобы выбрать тему Divi, которую вы только что загрузили (в формате ZIP). Нажмите кнопку « Установить сейчас» , чтобы начать установку.

Подождите немного, пока не завершится процесс установки. Активируйте его сразу после установки темы Divi.

Примечание. Если у вас есть собственный выбор хостинга (кроме того, что мы рекомендовали выше) и вы обнаружили проблему в процессе установки, вы можете прочитать этот пост, чтобы решить эту проблему.

— Активируйте лицензионный ключ для получения будущих обновлений.

Чтобы получать новые обновления Divi, вам необходимо активировать лицензию, введя имя пользователя и ключ API. Чтобы получить имя пользователя Divi и ключ API, нажмите ИМЯ ПОЛЬЗОВАТЕЛЯ и ключ API на панели управления Elegant Themes.

Скопируйте свое имя пользователя и ключ API.

Вернитесь на панель инструментов WordPress и перейдите в Divi -> Параметры темы . Перейдите на вкладку « Обновления » и введите свое имя пользователя и ключ API. Нажмите кнопку Сохранить изменения , чтобы применить изменения.

— Выполните необходимые настройки

Прежде чем продолжить работу с Divi, вы можете сначала выполнить необходимые настройки на своем веб-сайте Divi. Три основные настройки, которые вам нужно сделать заранее:

• Логотип сайта

Логотип — это основная фишка вашего сайта. Вы можете разместить его в верхнем, нижнем колонтитуле или в любой области, которую хотите. Чтобы установить логотип сайта на Divi, перейдите в Divi -> Параметры темы на панели управления WordPress. В разделе « Логотип » на вкладке « Общие » нажмите кнопку « ЗАГРУЗИТЬ » и выберите изображение вашего логотипа.

• Фавикон

Фавикон — это значок, который появляется на вкладке веб-браузера, когда пользователь посещает ваш сайт. На большинстве сайтов WordPress фавикон по умолчанию — это значок WordPress.

Чтобы установить фавикон своего блога Divi, перейдите в Divi -> Theme Customizer на панели управления WordPress. Откройте блок General Settings и выберите Site Identity .

Нажмите кнопку « Выбрать значок сайта» , чтобы выбрать изображение, которое вы хотите использовать в качестве значка сайта. Рекомендуемый формат изображения для фавикона — PNG размером 512×512.

Нажмите кнопку « Опубликовать », чтобы применить изменения.

• Отключить Divi Builder для сообщений

Тема Divi поставляется со встроенным конструктором страниц под названием Divi Builder, который вы можете использовать для создания основных страниц своего блога. По умолчанию возможность использовать Divi Builder доступна, когда вы хотите создать новый контент в WordPress — будь то страница или запись.

Поскольку вы хотите использовать Divi для ведения блога, мы настоятельно рекомендуем вам отключить Divi Builder для сообщений. Таким образом, каждый раз, когда вы хотите создать новую запись в блоге, вас не будут спрашивать, хотите ли вы использовать редактор WordPress по умолчанию или Divi Builder. Чтобы отключить Divi Builder для сообщений, перейдите в Divi -> Параметры темы на панели управления WordPress. Откройте вкладку « Конструктор » и сдвиньте переключатель « Сообщения ». Нажмите кнопку Сохранить изменения , чтобы применить изменения.

• Установите редактор сообщений в блоге

Начиная с версии 5.0, в WordPress появился новый редактор под названием редактор блоков, также известный как Gutenberg. До этой версии WordPress предлагал редактор, который теперь известен как классический редактор.

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

Если вы хотите использовать Gutenberg в качестве редактора постов в блоге, то ничего менять не нужно. Если вы предпочитаете использовать классический редактор, вы можете сначала включить его. Перейдите в Divi -> Параметры темы на панели управления WordPress. На вкладке «Создание» щелкните вложенную вкладку « Дополнительно » и сдвиньте переключатель на параметр « Включить классический редактор ». Нажмите кнопку Сохранить изменения , чтобы применить изменения.

Мы лично рекомендуем использовать Гутенберг, так как он предлагает больше творческих элементов. Вы можете легко добавлять такие элементы, как кнопка и таблица, и настраивать их.

Шаг 6: Создайте свой блог Divi

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

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

• Заголовок
• Нижний колонтитул
• Макет отдельной записи (также известный как макет публикации в блоге)
• Страницы архива
• Страница результатов поиска
• Страница ошибки 404

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

Вы можете создавать эти части и страницы визуально, используя Divi Builder. Разве это не весело?

Начнем с заголовка.

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

— Дизайн заголовка

Есть два варианта оформления шапки вашего блога в Divi. Во-первых, вы можете использовать Theme Customizer. Во-вторых, вы можете использовать Theme Builder. Если вы хотите создать простой заголовок, то достаточно использовать Theme Customizer. И наоборот, если вы хотите создать полностью настраиваемый заголовок со своим собственным дизайном, нет другого варианта, кроме Theme Builder.

## Дизайн шапки с помощью настройщика темы

Чтобы создать свой заголовок с помощью Theme Customizer, вы можете перейти в Divi -> Theme Customizer на панели управления WordPress. Это приведет вас к экрану Theme Customizer. Затем щелкните блок « Заголовок и навигация ».

Как видите, есть пять подблоков, которые вы можете открыть, чтобы оформить заголовок.

• Формат заголовка

Вы можете открыть этот подблок, чтобы установить формат заголовка. Вы можете выбрать один из пяти форматов заголовка: «По умолчанию» (логотип слева), «По центру», «Встроенный логотип по центру», «Вставка» и «Полноэкранный режим».

• Панель основного меню

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

• Вторичная строка меню

Вторичная строка меню — это строка меню, расположенная прямо над главным меню.

Вы можете настроить внешний вид вторичной строки меню, открыв подблок Secondary Menu Bar . Как и в строке главного меню выше, вы также можете установить такие параметры, как размер текста, семейство шрифтов, стиль шрифта, цвет текста, цвет фона и т. д.

• Фиксированные настройки навигации

Divi имеет встроенную функцию закрепления заголовка. Липкий заголовок — это такой тип заголовка, при котором он остается видимым при прокрутке страницы вниз. Вот пример:

Вы можете настроить липкий заголовок, например, установить цвет фона, высоту, размер текста и т. д. Просто откройте блок « Фиксированные настройки навигации », чтобы настроить липкий заголовок.

Обратите внимание: если вы хотите использовать липкий заголовок, вам необходимо убедиться, что эта функция включена. Для этого перейдите в Divi -> Параметры темы на панели управления WordPress. Убедитесь, что опция « Фиксированная панель навигации» включена.

• Элементы заголовка

Вы можете открыть блок « Элементы заголовка », чтобы показать/скрыть элементы, предлагаемые Divi. Элементами являются значки социальных сетей, значок поиска, номер телефона и адрес электронной почты. Эти элементы отображаются во вторичном заголовке (верхняя панель), за исключением значка поиска, который отображается в основном заголовке.

Чтобы указать, какие значки социальных сетей отображать, а также ссылки, вы можете перейти в Divi -> Параметры темы . На вкладке « Общие » прокрутите вниз до социальных разделов, чтобы выбрать платформы социальных сетей и установить ссылки.

После того, как вы закончите разработку заголовка своего блога с помощью Theme Customizer, обязательно нажмите кнопку « Опубликовать », чтобы применить внесенные вами изменения.

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

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

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

Чтобы импортировать дизайн (настраиваемый заголовок), перейдите на вкладку « Экспорт ». Выберите файл JSON дизайна, который вы хотите импортировать, и нажмите кнопку « Импортировать настройки Divi Customizer» .

## Дизайн шапки с помощью Theme Builder

Как упоминалось во вступительном разделе этой статьи, Divi поставляется с функцией Theme Builder, которую вы можете использовать для визуального создания пользовательских частей сайта.

Theme Builder работает, заменяя стандартные части темы вашего сайта (в нашем случае Divi) пользовательскими шаблонами, которые вы создаете сами. . При этом, если вы создадите собственный заголовок с помощью Divi Theme Builder, заголовок по умолчанию, который вы настроили с помощью Theme Customizer выше, будет заменен.

При создании пользовательской части сайта с помощью Theme Builder технически у вас есть безграничные возможности дизайна. Еще одно преимущество использования Theme Builder заключается в том, что вы можете указать, где будет применяться собственный шаблон. Будь то весь веб-сайт или отдельные страницы (или сообщения).

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

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

Укажите, где вы хотите применить набор настраиваемых шаблонов, и нажмите кнопку « Создать шаблон ».

Отредактируйте шаблон, нажав Добавить пользовательский заголовок -> Встроенный пользовательский заголовок .

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

— Дизайн нижнего колонтитула

Как и в случае с заголовком, есть два способа создать нижний колонтитул вашего блога: с помощью настройщика тем и с помощью конструктора тем.

## Дизайн нижнего колонтитула с помощью настройщика тем

Чтобы начать разработку нижнего колонтитула с помощью Theme Customizer, сначала перейдите в Divi -> Theme Customizer на панели инструментов WordPress, чтобы открыть Theme Customizer. Затем откройте блок нижнего колонтитула .

Как видите, есть пять подблоков, которые вы можете открыть в блоке нижнего колонтитула, как показано ниже:

• Макет

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

• Виджеты

После настройки макета в подблоке « Макет » выше следующим шагом будет настройка виджетов нижнего колонтитула. В этом контексте виджеты — это содержимое столбцов нижнего колонтитула.

Чтобы добавить виджет в столбец, вернитесь на главную панель Theme Customizer и откройте блок Widgets .

Выберите столбец (нижний колонтитул), в который вы хотите добавить содержимое, и щелкните значок плюса, чтобы добавить виджет. Чтобы просмотреть все доступные параметры виджета, нажмите кнопку « Просмотреть все ».

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

Повторите описанные выше шаги, чтобы добавить дополнительные виджеты в другие столбцы нижнего колонтитула.

• Элементы нижнего колонтитула

Если вы хотите, вы можете отобразить значки социальных сетей в нижнем колонтитуле блога. Значки будут отображаться справа от дополнительного нижнего колонтитула (нижняя панель).

Просто откройте подблок « Элементы нижнего колонтитула » и установите флажок « ПОКАЗАТЬ СОЦИАЛЬНЫЕ ЗНАЧКИ ».

• Нижний колонтитул меню

Если вы хотите добавить меню в свой нижний колонтитул, вы можете открыть этот подблок. В этом подблоке вы можете настроить нижний колонтитул, например цвет фона, цвет текста, цвет ссылки, размер шрифта и т. д.

Перед открытием подблока нижнего колонтитула . Сначала вы можете создать меню из Внешний вид -> Меню .

• Нижняя полоса

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

## Дизайн нижнего колонтитула с помощью Theme Builder

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

Шаги по созданию нижнего колонтитула с помощью Theme Builder такие же, как и для верхнего колонтитула, которые мы рассмотрели выше. Во-первых, вы можете перейти в Divi -> Theme Builder на панели управления WordPress. Затем нажмите « Добавить глобальный нижний колонтитул » в наборе шаблонов по умолчанию, если вы хотите создать глобальный нижний колонтитул.

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

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

— Разработка макета отдельной публикации

Одиночный макет поста (иногда его называют макетом поста в блоге) — это часть темы, которая управляет внешним видом постов в блоге. Это включает в себя макет, настройки типографики и так далее.

Также есть два способа создать один макет поста: из Theme Customizer и Theme Builder. Мы рекомендуем разрабатывать макет для одной публикации с помощью Theme Builder, так как он предлагает безграничные возможности дизайна. Что еще более важно, вы можете добавить такие элементы, как форма подписки по электронной почте, динамический звездный рейтинг и т. д.

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

Если вы хотите создать макет сообщения в блоге с помощью настройщика тем, вы можете открыть блок « Блог -> Сообщение » на панели «Настройщик тем». Чтобы изменить семейство шрифтов тела контента, вы можете перейти в Общие настройки -> Типографика .

— Дизайн страниц архива

В WordPress страницы архива относятся к страницам, которые отображают записи блога в соответствии с контекстом их архива. Например, при доступе к URL-адресу yourblog.com/category/example вам будут представлены все сообщения блога в категории «пример».

Или, когда вы перейдете по URL-адресу yourblog.com/author/yourusername , вам будут представлены все сообщения в блоге, написанные пользователем с именем yourusername .

В общем, в WordPress есть три типа архивов:

• Категория
• Ярлык
• Автор

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

Чтобы приступить к созданию пользовательского шаблона страницы архива, перейдите в Divi -> Theme Builder на панели управления WordPress. Добавьте новый набор шаблонов, нажав Добавить новый шаблон -> Создать новый шаблон . В появившемся диалоговом окне выберите место (вы можете выбрать несколько мест), где вы хотите применить настраиваемый шаблон в блоке « Страницы архива », и нажмите кнопку « Создать шаблон ».

После того, как набор шаблонов добавлен, нажмите Add Custom Body -> Built Custom Body .

Вы будете перенаправлены в редактор Divi Builder для редактирования макета.

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

— Дизайн страницы результатов поиска

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

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

После добавления шаблона нажмите «Добавить пользовательский корпус» -> «Построенный пользовательский корпус» , чтобы отредактировать шаблон с помощью Divi Builder.

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

• Текст
• Блог

## Текст

Вам нужен этот модуль, чтобы добавить заголовок результатов поиска (текст результатов для «ключевого слова» ). После добавления модуля «Текст» откройте блок « Текст » на вкладке « Содержимое » на панели настроек и щелкните динамический значок.

В доступных опциях выберите Post/Archive Title .

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

## Блог

Этот модуль нужен для отображения результатов поиска. После добавления модуля откройте блок « Контент » на вкладке « Контент » на панели настроек и включите параметр « Сообщения для текущей страницы ». Задайте и другие необходимые настройки. Такие нам количество постов, выдержка и так далее.

— Дизайн страницы ошибки 404

Еще один пользовательский шаблон, который вы можете создать с помощью Divi Theme Builder, — это страница ошибки 404. Эта страница сама показывает сообщение об ошибке, когда ваши посетители обращаются к определенному URL-адресу, но страница недоступна. Вы можете создать собственный шаблон для страницы ошибки 404 с вашим дизайном, чтобы он соответствовал вашей схеме дизайна. Вы можете добавить любой элемент/модуль.

Для получения более подробных инструкций о том, как создать пользовательскую страницу ошибки 404 с помощью Divi Theme Builder, вы можете прочитать нашу предыдущую статью здесь.

Шаг 7: Создайте необходимые страницы

После того, как вы закончите создание пользовательских шаблонов с помощью Divi Theme Builder, следующим шагом будет создание необходимых страниц. Вам нужно создать как минимум три страницы:

• Домашняя страница
• О странице
• Контактная страница

Конечно, вы можете создавать эти страницы с помощью Divi Builder.

— Домашняя страница

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

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

Кстати, скриншот выше — это домашняя страница нашего блога. В главный раздел (верхний раздел страницы) мы добавляем форму подписки по электронной почте, так как мы хотим побудить наших посетителей подписаться на нашу рассылку.

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

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

Чтобы начать создание домашней страницы, перейдите в « Страницы» -> «Добавить новую » на панели инструментов WordPress. Дайте название своей домашней странице и нажмите кнопку « Использовать Divi Builder », чтобы отредактировать страницу с помощью Divi Builder.

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

После создания и публикации домашней страницы перейдите в «Настройки» -> «Чтение» на панели инструментов WordPress. В разделе « Ваша домашняя страница» выберите Статическая страница и выберите домашнюю страницу, которую вы только что создали.

— О странице

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

Как и домашнюю страницу, вы также можете начать создавать страницу «О нас» из « Страницы» -> «Добавить новую » на панели управления WordPress.

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

— Контактная страница

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

Чтобы узнать больше о том, как создать контактную форму в Divi, вы можете прочитать статью здесь.

Шаг 8: Установите необходимые плагины

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

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

Чтобы создать успешный плагин WordPress, мы рекомендуем установить на свой блог следующие плагины:

1. Закваска

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

2. Стремиться

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

Strive — это плагин редакционного календаря для WordPress, который может помочь вам запланировать создание контента в вашем блоге. Если вы ведете свой блог с командой, плагин будет очень полезен. Вы можете прочитать наш обзор Strive, чтобы узнать больше о том, как он может вам помочь.

3. Почтовый поэт

Помимо поисковых систем, еще одним отличным источником трафика является рассылка по электронной почте. MailPoet — это плагин, который мы рекомендуем. Плагин позволяет создавать и отправлять информационные бюллетени по электронной почте с панели управления WordPress. Кроме того, он поставляется с такими вспомогательными функциями, как менеджер подписчиков, конструктор форм для создания формы подписки по электронной почте, аналитика и т. д. Что еще более важно, MailPoet можно интегрировать с Divi через модуль Email Optin (будет рассмотрен позже).

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

Шаг 9. Интегрируйте Divi с инструментом рассылки новостей по электронной почте

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

Согласно статье на сайте Constant Contact, средний ROI (возврат инвестиций) электронного маркетинга составляет 36 долларов на каждый потраченный 1 доллар. Другими словами, вы вкладываете доллар, а взамен получаете от него 36-кратное увеличение.

Email-рассылка — это одна из реализаций email-маркетинга.

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

Плагины WordPress:

• MailPoet
• Почтовый ящик
• weMail

Сторонние сервисы:

• MailerLite
• КонвертироватьKit
• мэйлчимп

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

— Интеграция Divi с инструментом электронного маркетинга

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

В этом примере мы покажем вам, как подключить модуль Email Optin к MailPoet.

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

Когда вы будете готовы, отредактируйте страницу или пользовательский шаблон, в который вы хотите добавить модуль электронной почты, с помощью Divi Builder. Добавьте модуль Email Optin на свою страницу/пользовательский шаблон.

После добавления модуля Mail Optin откройте панель настроек и перейдите в блок « Учетная запись электронной почты» на вкладке « Содержимое ».

Выберите поставщика услуг почтового маркетинга (MailPoet) и нажмите кнопку ДОБАВИТЬ .

Введите адрес электронной почты, связанный с вашей учетной записью MailPoet, в поле « Имя учетной записи» и нажмите кнопку « ОТПРАВИТЬ ».

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

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

Бонус

1. Убийственные советы для успешного партнерского блога

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

Yoast может помочь вам оптимизировать ваши сообщения в блоге, чтобы сделать их оптимизированными для SEO, в то время как Strive может гарантировать, что вы закончите сообщение в блоге вовремя.

Если у вас есть нишевый блог, как у нас, очень важно писать краеугольный контент. Что это?

Проще говоря, краеугольный контент — это основное содержание вашего блога. Краеугольный контент должен быть очень хорошо написан в подробном и подробном формате. Прежде чем писать краеугольный контент, вы можете сначала провести исследование ключевых слов, используя такие инструменты, как Планировщик ключевых слов Google, Ahrefs и другие инструменты, о которых мы упоминали ранее выше.

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

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

2. Бесплатные ресурсы для блогов

## Грамматически

Grammarly — программа для помощи при письме. Вы можете использовать его, чтобы убедиться, что ваши сообщения в блоге не содержат грамматических ошибок. Grammarly также предложит вам выбрать правильные слова во время письма. Grammarly доступен как расширение веб-браузера для Google Chrome, Safari, Microsoft Edge и Firefox.

Если вам не нравится Grammarly, Microsoft Editor — лучшая альтернатива.

## Убрать заставку

Unsplash — это веб-сайт с бесплатными фотографиями, с помощью которого вы можете загружать изображения без лицензионных отчислений. На Unsplash доступно более 2 миллионов изображений, выпущенных под лицензией, подобной CC0. CC0 — это лицензия, которая позволяет вам использовать цифровой актив бесплатно, без указания автора. При загрузке изображения с Unsplash вам не нужно беспокоиться о нарушении чьих-либо авторских прав.

Альтернативы Unsplash для бесплатного скачивания лицензионных изображений:

• Самый низкий ISO
• Pexels
• Pixabay

## ГИМП

Прежде чем использовать изображение, загруженное с Unsplash, в своем блоге, вы можете сначала изменить его размер, чтобы уменьшить размер файла. GIMP — отличный инструмент для этого. Кроме того, вы можете использовать GIMP для базового редактирования изображений, такого как установка тона изображения, цензура определенных частей и т. д. GIMP — это бесплатная альтернатива Photoshop. Доступно для всех основных настольных операционных систем. Из macOS, Windows и Linux.

3. Пакет макетов для блогов Divi

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

• Домашняя страница
• О
• Контактная страница
• Одиночный макет поста
• Макет страницы архива
• Макет страницы результатов поиска
• 404 Макет страницы

Примечание. Если у вас возникли проблемы с импортом шаблона Theme Builder, обратитесь к этому сообщению.

Нижняя линия

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

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

Вот полезные функции, которые вы получите от Divi для ведения блога:

• Встроенный конструктор страниц: позволяет создавать основные страницы, а также настраиваемые шаблоны, в визуальной форме с возможностью редактирования с помощью перетаскивания.
• Конструктор тем: позволяет создавать собственные шаблоны для частей блога. Вы можете добавить элемент, который хотите, и использовать свой собственный дизайн
• Условия отображения: при создании определенного пользовательского шаблона вы можете применить его ко всему веб-сайту, определенным страницам или определенным сообщениям.
• Интеграция с плагинами и службами электронной рассылки
• Возможность выбора редактора сообщений в блоге (Классический редактор или Гутенберг)

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

Приятного ведения блога и удачи!