Бесплатный перевод на HTTPS блога на шаблоне AB-Inspiration с помощью сертификата SSL Let’s Encrypt на хостинге Timeweb.

  Автор:
  5 комментариев
  8493
Бесплатный перевод на HTTPS блога на шаблоне AB-Inspiration с помощью сертификата SSL Let's Encrypt на хостинге Timeweb

В дополнение к видеозаписи моего 84-го мастер-класса Как бесплатно перевести блог на WordPress на HTTPS на хостинге Timeweb , я как обещала, представляю вашему вниманию  скриншоты «Пошаговая инструкция бесплатного перевода на HTTPS блога на шаблоне AB-Inspiration с помощью сертификата SSL Let’s Encrypt на хостинге Timeweb».

Сначала мы рассмотрим перевод на HTTPS блога, созданного только на шаблоне AB-Inspiration.  Затем, какие для этого необходимо сделать изменения и в дополнительных лицензионных плагинах  для шаблона AB-Inspiration (если они у вас установлены):

  1. Живая Форма +Слайдер
  2. Входная Страница
  3. Живая Форма в Футер
  4. Каталог

Лицензионные плагины:

  • Отзывы
  • Рейтинг Статей
  • Кнопка Вверх
  • Удаление Даты Плюс

не требуют никаких изменений в их настройках для перевода блога на HTTPS.

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

Итак, если вопрос показа количества лайков для вас не принципиален, то начнем…

1. Зайдите по своему логину и паролю в панель управления хостинга Timeweb

(кликните любую картинку для ее увеличения)

free1

2. Перейдите в раздел дополнительные услуги
free1
3. Нажмите на ссылку SSL-сертификаты

free1

4. Выберите из списка «Сертификат» — SSL Let’s Encrypt, выберите из списка доменное имя вашего блога, поставьте галочку «Я согласен»

5. Нажмите на кнопку «Заказать». Сертификат  SSL Let’s Encrypt будет установлен на сайт в течении пяти минут.
free1

6. Проверьте, чтобы внизу в списке подключенных услуг была надпись SSL-сертификат : SSL Let’s Encrypt и доменное имя блога. Для этого, через 5 минут перегрузите страницу или снова нажмите на ссылку «SSL-сертификаты» (3).

7. Перейдите в раздел «Сайты»
free1
8. Напротив домена блога нажмите на значок шестеренки
free1
9. Во всплывшем окне активируйте опцию Использовать безопасное соединение https://, и затем внизу нажмите кнопку «Сохранить настройки».
free1
10. Перейдите в раздел Файловый менеджер выбрав в вертикальной колонке меню справа надпись «Файловый менеджер».Откроется страница «Файловый менеджер». (10)

11. Откройте папку с файлами блога
free1

12. Кликните на папку public_html
free1

12-1. Кликните на папку .htaccess

free9-1

12-2. Во всплывшем окне копируйте строчку (включая точку с запятой):

SetEnvIf X-HTTPS 1 HTTPS

, затем вставьте ее как указано на рисунке,  и нажмите на кнопку «Сохранить».

free9-2

 

13. Кликните на папку wp-config.php.

 

free1
14.  Копируйте строчку (включая точку с запятой):

define(‘FORCE_SSL_ADMIN’, true);

и во всплывшем окне  вставьте эту строчку как указано на рисунке,  и нажмите на кнопку «Сохранить».
free1

 

Далее войдите в админку своего блога по своему логину и  паролю.

 

free12a

В консоли блога в разделе «Настройки» нажмите на ссылку «Общие».  Откроется страница «Общие настройки».

В «Общих настройках», напротив надписей Адрес WordPress (URL) и Адрес сайта (URL) замените http на https .

free21b

Далее, во всех статьях, страницах, и настройках блога необходимо заменить все ссылки на файлы и картинки с http:// на https://. То есть необходимо удалить смешанный контент.

Важно! Обязательно убедитесь в том, чтобы шаблоне «AB-Inspiration» обновлен до самой свежей версии. Для этого нажмите в консоли блога раздел «Внешний вид», далее «Темы». Справа от картинки шаблона не должно быть надписи «Доступно обновление». Если такая надпись есть, то обязательно обновите шаблон «AB-Inspiration» до его последней свежей версии.

После того, как вы убедились что у вас самая свежая версия шаблона «AB-Inspiration», в разделе «Внешний вид» нажмите «Настройки шаблона». Откроется меню шаблона «AB-Inspiration».

free15a

Нажимая по очереди сверху в них каждый раздел меню настройки шаблона произведите замену ссылок на картинки, вставленные в шаблон, с http:// на https://.

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

free15b

Разделы меню настройки шаблона в которых необходимо заменить в ссылках на картинки в шаблоне AB-Inspiration http:// на https:// :

  1. Стиль блога
  2. Стиль шапки
  3. Стиль шапки в мобильной версии
  4. Стиль плавающего меню
  5. Стиль контента
  6. Стиль статьи
  7. Стиль виджетов
  8. Стиль виджетов в футер
  9. Стиль футер
  10. Вставки
  11. Форма в виджете
  12. Форма в конце статьи
  13. Баннеры

Убедившись, что во всех этих разделах ссылки на картинки заменены с http:// на https:// перейдите в раздел консоли блога «Внешний вид», далее «Виджеты».

free15c

В разделе «Виджеты» (справа от «Доступные виджеты») откройте каждый виджет отдельно в «Боковой колонке», в «Виджет в шапке», в «Виджет в шапке» и произведите замену http:// на https:// во всех ссылках, что вы увидите.

19.  Для примера показан виджет  «3-AB- Следуй за мной». В каждой ссылке  вместо http://  должно быть https://.
free1

Виджеты шаблона AB-Inspiration в которых необходимо заменить  http:// на https:// :

  1. 0-AB-Виджет в шапке
  2. 1-AB-Приветствие автора
  3. 2-AB-Форма подписки, если используется функция одной кнопки
  4. 3-AB-Следуй за мной
  5. 15-AB-Баннер на всю ширину
  6. В любом текстовом виджете, установленных дополнительно помимо встроенных виджетов шаблона AB-Inspiration.

Далее, делаем настройки для поисковиков Google и Яндекс.

20. В консоли блога нажмите на надпись «All in One SEO Pack», далее в выпадающем меню на надпись «Управление модулями». Откроется страница «Настройки плагина All in One SEO Pack».

free17

21. Нажмите кнопку «Активировать» в модуле «Редактор файлов»
free18

22. В консоли блога нажмите на надпись «All in One SEO Pack», далее в выпадающем меню на надпись «Редактор файлов». Откроется страница редактирования файла robots.txt.
free19
23. Отредактируйте файл robots.txt. Он должен выглядеть как на пример ниже. Вместо нашего доменного Имени блога- ab-inspiration.ru пропишите доменное имя своего блога, и нажмите кнопку «Обновить robots.txt».
free20

Далее произведите изменения в интернет-сервисе https://webmaster.yandex.ru/

Для этого в разделе «Настройка индексирования» нажмите в выпадающем меню «Переезд сайта». Откроется страница «Переезд сайта».

На этой странице поставьте галочку напротив надписи «Добавить HTTPS» и нажмите кнопку «Сохранить»
free1

Далее произведите изменения в интернет-сервисе Google webmaster: https://www.google.com/webmasters/

Важно! Вам необходимо снова в Google webmaster подтвердить право собственности на свой блог, но теперь уже с https://. Прежнее подтверждение права собственности на свой  блог с http:// оставьте нетронутым. То есть, у Вас в Google webmaster будет прописано два ваших блога с http:// и с https://.

Итак, войдите снова в Google webmaster нажав кнопку «Войти»  по своему email и паролю.

free22a

Нажмите на кнопку «Добавить ресурс»

free22b

Во всплывшим окне с формой в поле формы пропишите адрес своего блога с https://
и затем нажмите кнопку «Добавить».

free22c

Откроется новая страница для Подтверждения права собственности на ваш блог.

Из двух вкладок,что на этой странице, выберите вкладку с надписью  «Альтернативные способы».

Во вкладке «Альтернативные способы» выберите позицию «Тег HTML».

Скопируйте указанный метатег и вставьте его в «Настройках шаблона» AB-Inspiration в разделе «Вставки», в поле «Вставка мета тегов и других скриптов в head» чуть ниже уже вставленных ранее метатегов,  которые вы вставляли при создании блога.

После вставки метатега нажмите кнопку «Сохранить изменения», для сохранения изменений в шаблоне AB-Inspiration.

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

Нажмите, на этой странице, надпись «Продолжить»

free22d

В открывшийся странице в разделе «Текущий статус» нажмите на кнопку »

Файлы Sitemap (Файлы Sitemap отсутствуют) 
Откроется страница «Файлы Sitemap».

 

free22g

На странице «Файлы Sitemap»  нажмите на кнопку справа «ДОБАВЛЕНИЕ/ПРОВЕРКА ФАЙЛА SITEMAP».

free22h

В открывшийся на этой странице форме в поле формы пропишите: sitemap.xml и нажмите кнопку «Отправить».
free22j

Далее, в интернет — сервисе Google Analytics: http://analytics.google.com  в разделе «Настройка ресурса» установим своего блога URL по умолчанию — https://.

free22k

 


СЛЕДУЮЩИЙ ШАГ — ЗАМЕНА ВСЕХ ССЫЛОК С HTTP НА HTTPS В СПЕЦИАЛЬНЫХ ЛИЦЕНЗИОННЫХ ПЛАГИНАХ ШАБЛОНА «AB-INSIRATION», ЕСЛИ ОНИ У ВАС НА БЛОГЕ УСТАНОВЛЕНЫ:

  1. Живая Форма +Слайдер
  2. Входная Страница
  3. Живая Форма в Футер
  4. Каталог

ВНИМАНИЕ! ЕСЛИ ВАШ БЛОГ НЕ СОДЕРЖИТ ЭТИХ ПЛАГИНОВ ПЕРЕЙДИТЕ ВНИЗ, И УЗНАЙТЕ, КАК ПРОВЕРИТЬ ЧТО  БЛОГ ПЕРЕВЕДЕН С HTTP НА  HTTPS ПРАВИЛЬНО.


Замена ссылок с HTTP на  HTTPS  в лицензионном плагине «Живая Форма +Слайдер»

1.Перейдите в меню в раздел «Форма»

2. Выберите вкладку «Фон блока»

3. Откройте по очереди разделы «Изображение / Видеофон / Слайды» и замените все ссылки с HTTP на HTTPS.  После замены нажмите кнопку «Сохранить настройки».

free23a

4. Откройте вкладку «Изображение» и замените ссылку на изображение с HTTP на HTTPS. После замены нажмите кнопку «Сохранить настройки».

free23b

5.  Откройте вкладку «Видео», затем подраздел MP4,  и замените ссылку на изображение с HTTP на HTTPS (если видео есть). После замены нажмите кнопку «Сохранить настройки».

free23c

5.  Откройте вкладку «АвтоРеспондер», затем выберите позицию «Ссылка»,  и поле формы подписки или ссылки замените ссылку с HTTP на HTTPS (если ссылка есть). После замены нажмите кнопку «Сохранить настройки».

free23d

7. Перейдите в меню в разделе «Слайды»

8. Выберите вкладку «Слайды», и замените все ссылки с HTTP на HTTPS.  После замены нажмите кнопку «Сохранить настройки».

free23f

На этом перевод плагина «Живая Форма+Слайдер» с HTTP на HTTPS завершен.


Замена ссылок с HTTP на HTTPS  в лицензионном плагине «Входная Страница»

1. Перейдите в меню в раздел «Входная страница».

2. Откройте по очереди, начиная сверху, все 6(шесть) уровней модулей плагина «Входная страница», и замените все ссылки с HTTP на HTTPS. Для примера рассмотрим первую вкладку: Уровень -Произвольно. После замены нажмите кнопку «Сохранить настройки».
free16

На этом перевод плагина «Входная Страница» с HTTP на HTTPS завершен.


Замена ссылок с HTTP на HTTPS  в лицензионном плагине «Живая Форма в Футер»

1. Перейдите в меню в раздел «Форма в футер».

3. Откройте по очереди вкладки «Фон блока»/ «Изображение» / «Видео» / «АвтоРеспондер», и  отрывая все разделы 4-х этих вкладок, замените все ссылки с HTTP на HTTPS.  После замены нажмите кнопку «Сохранить настройки».

free24

На этом перевод плагина «Живая Форма в Футер» с HTTP на HTTPS завершен.


Замена ссылок с HTTP на HTTPS  в лицензионном плагине «Каталог»

1. Перейдите в меню в раздел «Каталог».

2. Откройте вкладку «Каталог», и замените ссылку с HTTP на HTTPS  в поле формы «Ссылка на страницу «Каталог» (необходима для перехода со страницы продукта, на страницу «Каталог»)».  После замены нажмите кнопку «Сохранить настройки».

free25a

3. Перейдите в меню в раздел «Продукты каталога».

2. Откройте по очереди все созданные страницы с продуктами и замените ссылки в поле формы «Ссылка кнопки «Купить» с HTTP на HTTPS.  После замены нажмите кнопку «Сохранить настройки».

 

free25b

 

На этом перевод плагина «Каталог» с HTTP на HTTPS завершен.


Лицензионные плагины для шаблона AB-Inspiration, которые не требует изменений в настройках для перевода на HTTPS:

  • Отзывы
  • Рейтинг Статей
  • Кнопка Вверх
  • Удаление Даты Плюс

ПРОВЕРКА ПЕРЕВОДА ВАШЕГО БЛОГА С HTTP НА  HTTPS

Бесплатный перевод вашего блога с http на https с помощью SSL-сертификата  SSL Let’s Encrypt на хостинге Timeweb завершен.  И,  если вы все сделали согласно инструкции выше,  а также внимательно заменить все ссылки на https:// в настройках шаблона и виджетах, то в браузере рядом со своим названием домена блога вы увидите зеленый замочек и надпись https://.

При нажатии на кружек с буквой i  в браузере Firefox зеленую надпись — Защищенное соединение
free15d

При нажатии на зеленый замочек  в браузере Google Chrome надпись — Подключение к веб-сайту защищено

Для проверки правильности установки SSL сертификата используйте сервис https://www.sslshopper.com/ssl-checker.html

В поле формы этого сервиса пропишите доменное имя своего блога, и нажмите синюю кнопку «Check SSL».

Вы должны увидеть следующую картину:
sslshoppercom

Если этого нет, снова смотрите инструкцию выше.

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

sslshoppercom1

 

 


Создать сайт для заработка с нами — легко и быстро!

За помощью обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget

 

Бесплатный перевод на HTTPS блога на шаблоне AB-Inspiration с помощью сертификата SSL Let’s Encrypt на хостинге Timeweb.

   3 голоса
Средняя оценка: 5 из 5
Если Вам понравилась статья и Вы нашли её полезной, поделитесь ею в соцсетях! Нажмите на кнопки ниже, чтобы сделать это прямо сейчас.

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик шаблона "AB-Inspiration" для самостоятельной и профессиональной настройки сайтов на WordPress для бизнеса. Основатель клуба "Мастер WordPress" и автор эксклюзивных курсов по WordPress. Фрилансер. Спикер.

Оставьте свой комментарий:

Комментарии на Блог
5 комментариев
  1. Анфиса, возник вопрос. У меня создан поддомен, на котором расположены подписные страницы и музыкальные открытки. Теперь, если я пытаюсь зайти на страницу, появляется сообщение, что соединение не защищено. Где это надо исравлять?

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

      • Я на хостинг написала, они подключили. Только в некоторых открытках не работает музыка, но это я знаю как исправить. А в остальном вроде все работает нормально.

  2. Анфиса, я не написала, что все сделала по Вашей инструкции и основной блог перевела на htpps! Благодаря Вашим инструкциям, все удалось сделать. Вот только надо разобраться со страницами, расположенными на поддомене.

  3. Это самая полезная и результативная статья по переходу на https в интернете! Чётко, по шагам, всё понятно. Спасибо, Анфиса! *ROSE*

Ваш адрес email не будет опубликован. Обязательные поля помечены *