Об услуге «Конструктор сайтов»

В панели управления аккаунтом хостинговой компании «Хостинг Украина» появился функционал «Конструктор сайтов».  Данная услуга подразумевает автоматическую установку на сайт WordPress темы Divi бесплатно.

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

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

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

Однако вы можете перенести сайт из другого места на «Хостинг Украина» или зарегистрировать в «Хостинг Украина» новый сайт и получить возможность использовать данный функционал. Компания «Хостинг Украина» имеет сервера для размещения сайтов не только в Украине, но и в России, Германии, США.

В статье рассмотрю как получить Divi бесплатно с помощью функционала «Конструктор сайтов» хостинга компании «Хостинг-Украина».

к оглавлению ↑

Как активировать  услугу «Конструктор сайтов» и установить Divi бесплатно

1. На хостинге компании «Хостинг Украина» создайте сайт или перенесите туда уже существующий сайт .  

2. Для просмотра предлагаемых шаблонов перейдите в меню «Хостинг» → «Мои сайты» и в меню сайта нажмите ссылку «Конструктор сайтов».

Как получить Divi бесплатно - новая услуга хостинга "Конструктор сайтов"
Выбор конструктора сайтов на хостинге

Второй способ перейти к выбору шаблонов:  используйте кнопку «Выбрать готовый шаблон» на странице раздела «Установка CMS»:

Как получить Divi бесплатно - новая услуга хостинга "Конструктор сайтов"
Выбор конструктора сайтов на хостинге — второй способ

3. Далее вы перейдете в каталог шаблонов.  Шаблоны сайтов повторяют каталог макетов сайтов разработчика Divi — компании ElegantThemes. 

Как получить Divi бесплатно - новая услуга хостинга "Конструктор сайтов"
Каталог шаблонов

Выберите понравившийся вам шаблон сайта и нажмите кнопку «Подробнее».

4. Откроется окно с описанием выбранного шаблона.

Как получить Divi бесплатно - новая услуга хостинга "Конструктор сайтов"
Окно выбранного шаблона «Конструктора сайтов» хостинга

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

Для установки темы Divi на сайт жмите кнопку «Установить конструктор сайтов».

5. Вам будет предложена форма для создания сайта:

Как получить Divi бесплатно - новая услуга хостинга "Конструктор сайтов"
Форма для создания нового сайта

«Название сайта» — укажите произвольное название вашего сайта (по умолчанию подставляется название выбранного шаблона).

«E-mail администратора» — укажите почту администратора (по умолчанию подставляется почта учётной записи).

«Логин администратора» — укажите логин администратора (по умолчанию подставляется admin).

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

«Версия CMS» — выберите из списка актуальную версию WordPress.

«Язык» — выберите нужный язык.

«База данных» — выберите из списка базу данных, к которой будет подключён сайт, или создайте новую кнопкой «Создать БД».

«Очистить базу данных перед установкой CMS» — установленная галочка означает, что выбранная база данных будет предварительно очищена.

Заполните форму и нажмите внизу формы кнопку «Установить конструктор сайтов с шаблоном на …«

Дождитесь завершения установки и проверьте работу сайта.

к оглавлению ↑

Административная панель сайта

Для открытия админпанели сайта в разделе «Конструктор сайта» нажмите «Административная панель WordPress Divi» или в адресной строке браузера допишите к названию сайта wp-admin, чтобы получился адрес вида example.com/wp-admin.

Как получить Divi бесплатно - новая услуга хостинга "Конструктор сайтов"
Кнопка открытия админпанели сайта

Для просмотра данных доступа к админ-панели сайта, указанных при создании сайта, в разделе «Конструктор сайта» нажмите кнопку «Параметры CMS». Откроется модальное окно с указанием логина и пароля для доступа к админпанели сайта.

к оглавлению ↑

Смена шаблона сайта

Если вы хотите изменить шаблон сайта — у вас есть два пути: с помощью меню хостинга и средствами темы Divi.

1. Смена шаблона с помощью меню хостинга

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

Повторите операции как в предыдущем пункте.

  1. Перейдите в «Хостинг» → «Мои сайты» и в меню сайта нажмите «Конструктор сайтов»:
Как получить Divi бесплатно - новая услуга хостинга "Конструктор сайтов"

  2.  Выберите шаблон и нажмите «Подробнее»

Как получить Divi бесплатно - новая услуга хостинга "Конструктор сайтов"

 3. Нажмите «Установить шаблон» и подтвердите операцию

Как получить Divi бесплатно - новая услуга хостинга "Конструктор сайтов"

 Дождитесь завершения установки и проверьте работу сайта.

к оглавлению ↑

2. Смена шаблона страниц с помощью средств Divi

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

Для этого перейдите на нужную страницу сайта и войдите в режим редактирования страницы.

перехрд в режим редактирования
Кнопка перехода в режим редактирования в Divi

Выбор нового макета производится при нажатии на кнопку «+» на панели управления редактора.

Загрузить макет Divi
Кнопка изменения шаблона страницы в конструкторе Divi

Конструктор Divi Builder предложит 3 пути дальнейшего построения страницы:

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

Если вы выберите опцию «выбрать макет» — то вам будет предложено выбрать и загрузить макет Divi на страницу сайта из библиотеки макетов разработчика Divi.

На момент написания статьи разработчик Divi предлагает 238 готовых макетов сайтов на разные тематики, в которых 1752 готовых шаблонов страниц. Посмотреть макеты сайтов можно здесь: библиотека макетов компании ElegantTheme

Для выбора шаблона страницы из библиотеки компании ElegantThemes сделайте 2 шага:

  1. В вкладке «Загрузить макет» указателем мыши выберите макет сайта.
  2. По щелчку мыши перейдите «вглубь» выбранного макета сайта. Здесь «внутри» макета можете выбрать нужную страницу для загрузки (стрелка 1 рисунка ниже).
Загрузить макет Divi с бблиотеки
Выбор шаблона страницы в библиотеке Divi на сайте разработчика

Чтобы посмотреть как выглядит макет сайта вживую — нажмите большую синюю кнопку слева «View Live Demo» (показать демо-версию вживую ) (стрелка 2)

Для загрузки макета страницы к себе на сайт нажмите большую зеленую кнопку «Use this Layout» (использовать этот шаблон) (стрелка 3)

Обратите внимание: при загрузке по умолчанию активирована галочка Replace existing content (заменить существующий контент) (стрелка 4 на рисунке выше).

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

Если хотите добавить содержимое макета к уже существующему контенту на странице — перед загрузкой макета снимите галочку с данного пункта.

Подробнее о загрузке шаблона страницы читайте в этой статье.

к оглавлению ↑

Заключение

Функция «Конструктор сайтов» на «Хостинг Украина» позволяет быстро развернуть сайт на основе WordPress с лицензионной темой Divi бесплатно. В Divi можно создавать страницы не только «с нуля», но и с готовых качественных шаблонов страниц.

На хостинге такая возможность помечена значком ϐ (функционал работает в тестовом режиме) Пока есть такая возможность — используйте ее.

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

Удачи.
Александр Коваль

Рубрики: Создание сайта на WordPress и Сервисы и Хостинг Метки: Тема Divi
Share via
Send this to a friend