Нужен ли плагин “HTTP / HTTPS Remover”

Всем, Здравствуйте! В этой заметке хочется рассказать, как были возвращены абсолютные ссылки на сайт “Программы Windows & WordPress” после его перевода на защищённый (расширенный) протокол передачи данных: https.

Относительно недавно многие блогеры и я в том числе, переводили свои блоги/сайты с http на https. И, чтобы не переделывать вручную старые адреса на новые, устанавливали плагин: HTTP / HTTPS Remover, который просто убирал протокол: http и превращал ссылку из абсолютной в относительную, оставляя двойной косой слэш в начале ссылки. В итоге, в самом начале адресной строки появлялся зелёный замок или замок со словом: Надёжный (зависит от браузера).

Однажды, из-за моих неправильных действий в работе с одним из новых плагинов, мой сайт “слетел”, как говорится. После восстановления сайта некоторые плагины деактивировались, HTTP / HTTPS Remover так же, оказался деактивированным. Конечно, зелёный замок исчез, а появился значок в виде жёлтого треугольника с восклицательным знаком в средине, говорящий о том, что на данной странице смешанный контент.

Все действия описанные ниже, проводились в браузере Mozilla Firefox

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

Для начала, в админ-панели сайта откройте: Настройки/Общие. Проверьте и, при необходимости, впишите настоящий адрес сайта в предназначенные для этого, поля.

Как найти незащищённую ссылку на странице

Затем, откройте ту страницу, на которой отображается предупреждающий значок в адресной строке браузера. Как видно из пояснения (обведено рамкой на снимке ниже), причиной появления значка предупреждения, является изображение, точнее, ссылка на него. Но, обо всём по-порядку. Кликните по значку в начале адресной строки браузера левой клавишей мыши и, в открывшемся окне, нажмите кнопку: Подробнее (стрелка 1).

В следующем, открывшемся окне, кликните по стрелке с правой стороны (стрелка 1), чтобы просмотреть более подробную информацию о странице

В окне информации откройте раздел: Мультимедиа (стрелка 1). В списке ниже, найдите и выделите искомую ссылку на изображение. Как видно из снимка, изображение имеет незащищённый протокол передачи данных (http) (стрелка 2). А ещё ниже, в поле: Предпросмотр мультимедиа, показано само изображение.

Просмотрите весь список ссылок, подобных ссылок может быть несколько.

На снимке ниже показана “незащищённая” иконка (стрелка 2), кстати, она очень похожа на предупреждающий значок в начале адресной строки (стрелка 1). Случайное совпадение.

За отображение этой иконки отвечает плагин: Special Text Boxes (STB), в котором необходимо провести небольшие корректировки.

Редактирование ссылок в плагине “Special Text Boxes”

Как вы наверное уже поняли из названия и снимка выше, этот плагин добавляет декорированное цветное поле, чтобы выделить часть текста сообщения. Другими словами, “Подсветка текста”. С помощью этого плагина можно выделять предупреждения, информацию, на которую следует обратить особое внимание и другую важную и не очень, информацию.

Откройте админ-панель, наведите курсор на сокращённое название плагина (STB) в левой колонке админки и, в выпадающем меню выберите: Стили (стрелка 1).

В окне: Управления стилями найдите стиль используемый в статье и кликните по ссылке: Изменить (стрелка 1).

В окне Редактора стилей STB, в настройках Параметров режима Javascript, в ссылке Пиктограммы (иконка), добавьте недостающую букву “S” в протоколе: http (указано стрелкой).

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

Не забудьте сохранить изменения. Кнопка: Сохранить находится справа в верхней части окна Редактора стилей плагина (стрелка 1).

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

С плагином разобрались, но, откроем другую страницу/статью. Как видите, с этой страничкой так же, не всё в порядке.

Далее выполняем те же действия, описанные в начале статьи и, видим, что все 15 изображений, вставленные в статью, имеют старый незащищённый протокол (обведено рамкой).

Конечно, если на странице картинок мало, то можно отредактировать ссылки в текстовом редакторе WordPress, добавив недостающую букву “S” в ссылках изображений. А если изображений много!?

Чисто интуитивно полез в плагин “Broken Link Checker”. Этот плагин предназначен для поиска и редактирования “битых” ссылок, но и в моём случае, он помог мне исправить все “неправильные ссылки”.

Как исправить ссылки в плагине “Broken Link Checker”

Установите плагин “Broken Link Checker”. Установка обычная, из админки. В разделе: Инструменты. Кликните по названию плагина (стрелка 1) и, в открывшемся окне, кликните по: Перенаправленные ссылки (стрелка 2).

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

Затем, откройте список инструментов (стрелка 1), выделите: Редактировать URL (стрелка 2) и, кликните по кнопке: Apply/Применить (стрелка 3).

В этом же окне, над ссылками, откроется инструмент: Bulk Edit URLs (Массовое изменение URL-адресов).

В строке: Find (найти) впишите: http (стрелка 1).

В строке: Replace with (заменить) впишите: https (стрелка 2).

После чего, нажмите кнопку: Update/Обновить (стрелка 3).

В плагине есть возможность редактировать одиночные ссылки. Для этого, наведите курсор мыши на ссылку и кликните по: Редактировать URL (стрелка1). В открывшемся инструменте, внесите необходимые изменения и нажмите кнопку: Update/ Обновить.

Таким образом, плагин “HTTP / HTTPS Remover” больше не нужен на этом сайте. А ссылки снова приобрели статус: “Абсолютные ссылки”.

 

Исправление ссылок в текстах

На следующий день после редактирования ссылок я вновь открыл плагин “Broken Link Checker” и увидел, что найдено ещё несколько неправильных ссылок, хотя, сами ссылки визуально выглядели рабочими. Кликнув по одной из ссылок (стрелка 1),

открылась страница со статьёй. В статье было две ссылки: одна на посторонний ресурс, другая – внутренняя. Навёл курсор на одну из ссылок (стрелка 1) и, в строке состояния браузера (внизу слева(стрелка 2)), увидел, что ссылка имеет незащищённый протокол. (защищённый протокол: https всегда отображается).

После клика по ссылке, открылся ресурс, который я и имел в виду, указывая эту ссылку в статье. Да, этот ресурс имеет протокол: http. Понятно, что эта ссылка в редактировании не нуждается.

Навёл курсор на другую ссылку (стрелка 1) и, в строке состояния браузера, увидел битую ссылку, которая не вела никуда. Она имела протокол: “httpss” (стрелка 2). Т.е. одна буква “S” оказалась лишней. Причина появления лишней буквы в этой и нескольких других ссылках мне не известна. Возможно последствия падения сайта и его последующего восстановления.

Отредактировать эту ссылку можно в визуальном или текстовом редакторах. Жму: Редактировать запись в горизонтальной панели “админбар”(стрелка 1).

В визуальном редакторе WordPress

Выделил ссылку (стрелка 1) и, в выпадающем инструменте редактирования ссылок, кликнул по кнопке: Изменить (стрелка 2).

Убрал лишнюю букву (стрелка 1) и кликнул по кнопке: Применить (стрелка 2).

В текстовом редакторе WordPress

Кликнув по кнопке: Текст (стрелка 1), открыл текстовый редактор, убрал лишнюю букву в протоколе ссылки (стрелка 2) и нажал на кнопку: Обновить (стрелка 3).

 

 

Удачи Вам!

 

 ©mkoven