Установка Wordpress и Woocommerce на хостинг Бегет

1. Введение

В этом курсе мы рассмотрим процесс установки CMS Wordpress и плагина интернет-магазина Woocommerce для использования их в дальнейшем для интеграции с LMS Moodle. 

Процесс, описанный в этом курсе, имеет некоторую специфику. Мы будем исходить из того, что ранее вы уже установили Moodle на хостинг Бегет, зарегистрировали домен, установили SSL-сертификат и сделали необходимые настройки Moodle в панели управления хостингом. О том как всё это сделать можно узнать в курсах категории "Быстрый старт".

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

Мы будем рассматривать все действия на примере хостинга Бегет, но если ваш сайт Moodle располагается на другом хостинге, то материалы курса также могут быть вам полезны - на любом другом хостинге алгоритм действий будет аналогичным 

2. Домен или поддомен?

Итак. Ваш Moodle расположен на своём домене вида vash_sayt.ru 

Для установки Wordpress (далее для удобства будем называть его WP) можно выбрать один из трёх вариантов:

1.  Зарегистрировать для WP отдельный домен
2. Создать для WP поддомен типа wp.vash_sayt.ru
3. Перенести Moodle на поддомен типа moodle.vash_sayt.ru, а на основной домен vash_sayt.ru установить WP

Какой из трёх вариантов выбрать - можете решить сами. Но по целому ряду причин третий вариант хотя он и самый сложный, будет предпочтительней. С точки зрения дальнейшей интеграции Moodle и WP & Woocommerce (далее в тексте - WC) основным сайтом будет как раз WP. На нём будут располагаться все названия о описания курсов, через него пользователи будут записываться на курсы и затем переходить в Moodle для обучения. Также WP имеет гораздо больший функционал в плане настройки внешнего вида, seo- оптимизации и продвижения сайта. 

Таим образом, расположение Moodle на поддомене, а WP на основном домене - это наиболее оптимальный выбор. Именно такой вариант мы и будем рассматривать далее...

3. Поддомен для Moodle

В ПУ Бегет перейдите на вкладку "Домены и поддомены":

Кликните на "зелёный плюсик" (добавить поддомен) у своего домена, введите имя поддомена, например, edu.vash_sayt.ru, проверьте, чтобы для нового поддомена создавался сайт и нажмите "Добавить домены:

Поддомнен будет добавлен. Сразу кликните на значок SSL чтобы выпустить сертификат:

Сертификат для домена уже установлен - необходимо установить его и для поддомена: отметьте поддомен и нажмите "Заказать новый"

Дайте согласие на удаление старого и выпуск нового сертификата:

Заявка на выпуск сертификата будет отправлена....

4. Перенос Moodle

В ПУ Бегет перейдите на вкладку "Сайты" и открепите домены от сайтов:

Затем прикрепите домены к сайтам поменяв их местами. поддомен edu.vash_sayt.ru прикрепите к сайту с Moodle, а домен vash_sayt.ru к новому сайту для WP:

Должно получиться примерно так - домены поменяны местами:

Для сайта с Moodle измените версию php на 7.4:

Теперь нужно дождаться пока не будут выпущены SSL-сертификаты, чтобы провести окончательную настройку сайта... До этого времени сайт с Moodle может быть недоступен...

Когда сертификаты будут выпущены - настройте переадресацию сайта с Moodle с HTTP на HTTPS:

В Файл-менеджере откройте файл config.php вашего сайта Moodle и измените адрес сайта на новый - https://edu.vash_sayt.ru:

5. База данных

После переноса Moodle на поддомен необходимо заменить в базе данных старый адрес сайта на новый. Для этого на вашем сайте откройте следующий адрес: https://edu.vash_sayt.ru/admin/tool/replace/

замените старый адрес на новый:

..

После этого обязательно настройте скрипт CRON на новый сайт (см. здесь)

Проверьте работу сайта на новом домене - ваш сайт Moodle должен открываться по новому адресу на поддомене - https://edu.vash_sayt.ru

6. Установка Wordpress

Для установки Wordpress в ПУ Бегет перейдите на вкладку CMS:

В списке выберите Wordpress:

Выберите домен, введите описание сайта, логин, пароль и e-mail администратора и нажмите "Установить":

Вы увидите уведомление о начале установки:

Подождите несколько минут - Wordpress будет установлен и вы сможете перейти к сайту:

Сайт после чистой установки будут выглядеть как то так:

В ПУ Бегет перейдите на вкладку "Сайты", кликните "шестерёнку" и настройте для сайта Wordpress переадресацию (редирект) с HTTP на HTTPS:

7. Установка Woocommerce

После установки Wordpress не отвлекаясь ни на какие настройки можно сразу переходить к установке Woocommerce. 

Перейдите в Консоль (админку) вашего сайта WP - https://vash_wp.ru/wp-admin/ , выберите пункт Плагины - Добавить новый:

В поле поиска введите Woocommerce - плагин будет первым в списке - нажмите Установить:

После установки нажмите "Активировать":

После активации автоматически запустится помощник настройки WC - заполните необходимые поля (можно заполнить только обязательные):

Согласитесь (или не согласитесь) на обмен данными:

Выберите сферу деятельности (в нашем случае - образование):

Укажите тип товаров - в нашем случае - Загрузки (цифровые товары):

Заполните поля, выбрав из выпадающего списка:

По желанию можете включить доп. функции:

Выберите тему для магазина (мы рассмотрим на примере темы Storefront:

:На этом основные настройки завершены - в верхнем левом углу кликните на названии сайта и в выпадающем списке - Перейти на сайт:

. Ваш сайт будет выглядеть так:

Далее вам предстоит настроить его...

8. Основные настройки

Для начала быстро проверим и, при необходимости, изменим основные настройки сайта на Wordpress + Woocommerce... 

Перейдите в Консоль WP:

На вкладке "Настройки - Общие" внесите необходимые изменения:

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

Все дальнейшие настройки WP и WC можно сделать позже - по мере необходимости...