Рассмотрим, как быстро подключить бесплатный SSL сертификат для сайта WordPress, установить безопасный протокол https и увидеть в адресной строке рядом с URL замочек защищенного соединения.
Если только продлить — переходим к п.5.
1. Скачиваем архив плагина
Перед началом установки https и привязки сертификата делаем резервную копию сайта.
Скачиваем с официального сайта WordPress архив плагина для получения SSL сертификата Let’s Encrypt https://wordpress.org/plugins/wp-letsencrypt-ssl/:
:
[toggle_box]
[toggle_item title=»***» active=»false»]Информация ниже может быть полезной не только для WordPress. Для подключения ssl в cPanel возможно и для других cms сгодится. Вручную получить ssl можно здесь, либо с помощью других сервисов.
Минимальные требования к версии WordPress и php на момент написания инструкции:
Wordpress: 4.2
php: 5.4
Перед обновлением лучше сохранить резервную копию сайта.
Бесплатная версия сертификата Let’s Encrypt действительна в течение 90 дней с момента генерации. Далее её можно бесплатно продлить, заменив в cPanel — SSL/TLS Status новые ключи (см. ниже)[/toggle_item]
[/toggle_box]
2. Добавляем плагин https в админку WordPress
Жмем Плагины → Добавить и указываем путь к локальной папке, где сохранился архив. Запускаем установку.
Ставим чекбоксы согласия с условиями и переадресации с www на без-www. В этом случае не нужно будет в .htaccess устанавливать 301-й редирект, всё настроится автоматически.
Нажимаем кнопку Сгенерировать SSL сертификат.
Указываем адрес Email, на который поступит письмо с просьбой подтвердить п/я. Нажимаем в полученном письме кнопку Verify your email.
3. Устанавливаем файлы вызова SSL на хостинг и проходим верификацию
В появившемся в админке разделе WP Encryption скачиваем и проверяем 2 файла вызова (challenge files)
При появлении сомнений лучше просмотреть видео на 1 (одну) минуту:
[youtube height=»312″ width=»400″]https://www.youtube.com/watch?v=GVnEQU9XWG0&feature=youtu.be[/youtube]
HTTP Verification for Let’s Encrypt SSL Certificate — WP Encryption WordPress SSL Plugin
Переходим к хостинг-провайдеру к папкам вашего сайта. В нашем случае открываем cPanel и жмём Файлы → Диспетчер файлов.
Далее переходим в папку с сайтом. В нашем случае это …/public_html/yexcel.ru/.
Для отображения скрытых файлов жмём Параметры → Показать скрытые файлы.
Создаём новую папку .well-known (вначале точка!)
Заходим внутрь созданной папки .well-known и в ней создаём новую папку acme-challenge. В результате получится путь /public_html/yexcel.ru/.well-known/acme-challenge
Здесь, никуда не выходя, жмём Отправить и перетаскиваем в эту папку 2 файла вызова (challenge files), что описаны в самом начале п.3 инструкции
Возвращаемся в админку Вордпресса, и жмём Verify
Если всё сделано без ошибок, плагин WordPress https для получения бесплатного SSL сертификата скажет Congratulation!, но это ещё не всё!
4. https для WordPress. Подключаем бесплатный SSL-сертификат
Как показано на картинке, по порядку нажимаем кнопки 1, 2 и 3, в ответ на это действие в папку загрузки компьютера упадут 3 соответствующих файла с SSL-сертификатами.
При появлении сомнений смотрим ещё одно видео на 1 (одну) минуту:
[youtube height=»312″ width=»400″]https://www.youtube.com/watch?v=aKvvVlAlZ14&feature=youtu.be[/youtube]
WP Encryption V5 — Install SSL for WordPress Site in Minutes | WordPress SSL Plugin
Переходим к хостинг-провайдеру, открываем cPanel и жмём Безопасность → SSL/TLS
Жмём Управление сайтами с SSL
Если на хостинге несколько проектов, выбираем из выпадающего списка Домен текущий сайт.
[toggle_box]
[toggle_item title=»***» active=»false»]Небольшое замечание: в cPanel домены указаны парно, для каждого отдельного домена — 2 записи. Так вот, в видео от WP выбирали короткий вариант, тот что с (+ subdomain: www). У меня это не сработало, подошел длинный вариант, как на картинке[/toggle_item]
[/toggle_box]
Далее аккуратно копируем содержимое скачанных файлов с ssl-сертификатами в соответствующие поля cPanel .
Для этого используем блокнот или notepad++, и сочетание клавиш [ctrl+A]. Ниже для примера поля cPanel:
- содержимое файла с окончанием -cert
- содержимое файла с окончанием -key.pem
- содержимое файла с окончанием -cabundle
Жмем Установить сертификат.
Далее в админке Вордпресса нажимаем ENABLE HTTPS NOW, обновляем окно с админкой, вводим логин и пароль доступа в админку и вы не поверите, в адресной строке, слева от названия сайта, появляется замочек ssl — https! По крайней мере у меня всё сразу установилось.
5. Продление SSL сертификата через 90 дней
коротко:
— зашли в адм. в раздел WP Encryption;
— жмем «CLICK HERE TO RENEW SSL CERTIFICATE», соглашаемся — ставим 4 чекбокса, жмем «Generate Free SSL Certificate», ждем несколько секунд, пока формируются новые сертификаты;
— скачиваем и проверяем 2 файла вызова (challenge files) см. https://yexcel.ru/wp-content/uploads/2020/09/image-9.png;
— заходим в менеджер файлов cPanel и копируем эти 2 файла в папку /public_html/yexcel.ru/.well-known/acme-challenge
— проверяем корректность установки в адм. WordPress нажатием кнопки Verify HTTP Challenges
— если все ОК, скачиваем здесь же справа 3 файла с сертификатами, как показано на картинке https://yexcel.ru/wp-content/uploads/2020/09/image-17.png;
— открываем cPanel → Безопасность → SSL/TLS. На открывшейся странице жмём Управление сайтами с SSL;
— в таблице выбираем строку с доменным именем своего сайта и в колонке «Действия» нажимаем «Обновить сертификат»;
— копируем содержимое скачанных файлов с ssl-сертификатами с окончанием -cert, -key.pem, (-cabundle) в соответствующие поля cPanel (уточнение, содержимое файла cabundle не копируем, т.е. оставляем поле пустым), жмем Установить сертификат;
— в адм. нажимаем ENABLE HTTPS NOW, обновляем окно с админкой, и типа всё, должно обновиться на 90 дней
— записываем в склеротник не забыть обновиться через 90 дней.
[message_box title=»!!!» color=»red»] Повторно: при очередном обновлении я не стал вставлять код из
-cabundle, а оставил старый (т.к. при вставке появляется ошибка). Т.е. обновил только первые два.
Далее перешел в адм., нажал ENABLE HTTPS NOW — всё заработало[/message_box]
*******************************
Подробнее:
Для продления бесплатного SSL сертификата для WordPress я зашел в раздел WP Encryption → Download SSL Sertificates и сгенерировал три новых сертификата, нажав на соответствующие кнопки.
— в появившемся в админке разделе WP Encryption скачиваем 2 файла вызова (challenge files);
— устанавливаем их как описано выше (п.3) на фтп в папку
/public_html/yexcel.ru/.well-known/acme-challenge;
— нажимаем кнопку Verify HTTP Challenges;
— если все ок, скачиваем из адм. вордпресса новые сертификаты — по порядку нажимаем кнопки 1, 2 и 3 (см. выше п.3);
— заходим в cPanel — Безопасность → SSL/TLS Status;
— копируем в соответствующие окна содержимое скачанных файлов с окончанием -cert, -key.pem и -cabundle. Жмем Установить сертификат. Если гребаный -cabundle говорит, что цепочка серт. не соответствует — удаляем его содержимое (просто оставляем окно пустым) и нажимаем Установить сертификат;
— в админке Вордпресса нажимаем ENABLE HTTPS NOW — должно сработать.
Далее переходим в cPanel и жмём Безопасность → SSL/TLS Status. Отыскиваем в списке доменов тот, у которого истекает срок действия сертификата, в нашем случае ищем домен yexcel.ru и нажимаем «Просмотр сертификата». Далее всё, как описано в п. 4. данной инструкции: копируем в соответствующие окна содержимое скачанных файлов с окончанием -cert, -key.pem и -cabundle. Жмем Установить сертификат. Переходим в админку Вордпресса и нажимаем ENABLE HTTPS NOW. Перезагружаем страницу и … не работает, срок действия не продлен.
Переключаемся в WP Encryption / WP Encryption → Download SSL Sertificates должен появиться экран как на картинке ниже (может появиться после нескольких переключений).
[frame src=»/wp-content/uploads/2021/06/001.png» lightbox=»on» title=»Webasyst Shop-Script: создать новый список товаров»]Нажимаем «CLICH HERE TO RENEW SSL CERTIFICATE».
В появившемся окне скачиваем 2 файла вызова (challenge files)
далее переходим в cPanel → Файлы → Диспетчер файлов, в папку
/public_html/yexcel.ru/.well-known/acme-challenge и загружаем
сохраненные на локальном комп. 2 файла вызова (challenge files, см. выше п. 4. ), возвращаемся в админку и жмём Verify HTTP Challenges. Далее сохраняем 3 файла с SSL-сертификатами
переходим в cPanel → Безопасность → SSL/TLS, ищем сертификат yexcel.ru и жмем «Просмотр сертификата» и копируем содержимое этих файлов в соответствующие поля..
!!! почему-то два вставились нормально, а последний, который окончанием -cabundle, оказался чем-то недоволен, видимо перед этим он установился корректно. Жмем Установить сертификат. Далее в админке Вордпресса нажимаем ENABLE HTTPS NOW, обновляем окно с админкой, и типа всё, должно обновиться на 90 дней.
Перенаправление ssl с www на без www
Проверяем, загружается ли ваш сайт с www. Если нет — идем в cPanel, далее заходим в Домены→Перенаправления:
далее в выпадающем списке находим свой домен, в поле «Перенаправляет на» указываем домен без www с сохранением http:// и выбираем «Перенаправлять только с www». Сохраняем настройки кнопкой «Добавить».
Дополнение
Однажды при продлении сертификата раздел WP Encryption тупо завис и начал предлагать на всех пунктах своего раздела в админке WP повторно установить файл вызова SSL на хостинг и пройти верификацию.
Для решения проблемы повторно устанавливаем файл вызова SSL на свой хостинг, в папку /public_html/[имя_сайта]/.well-known/acme-challenge (см. выше п. 3.) и далее повторно скачиваем и копируем содержимое файлов с окончанием -cert, -key.pem и -cabundle в раздел cPanel → SSL/TLS (см. выше п.4). Жмем Установить сертификат. Переходим в админку Вордпресса и нажимаем ENABLE HTTPS NOW.