Плагин редиректа WordPress

Сегодня речь пойдет об многофункциональном плагине редиректов для WordPress. А точнее я покажу как его можно будет стилизовать, чтобы при переходе по маскируемой ссылке, открывалась красивая страница с таймером обратного отсчета. Вот пример того, что будет после некоторых манипуляций:

Страница с таймером обратного отсчета

Как вы можете заметить на странице присутствуют:

1. Заголовок с тестом: «Переход по внешней ссылке»
2. Предупреждающее описание, о том что пользователь покидает сайт, и переходит по внешней ссылке.
3. Красивый таймер отображающий % заполнения цветной линии снизу и обратный отсчет в секундах.
4. Ссылку для перехода по внешней ссылке, не дожидаясь таймера.
5. Возможность вставлять стороннюю рекламу, или рекламу сайта.

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

Установка плагина редиректа

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

Функционал плагина для редиректа

Настройка плагина для редиректа

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

Основные

На следующих вкладках: «Ссылки» — «Включить/Исключить» вы можете устанавливать все настройки по своему усмотрению. А на вкладке «Расширенные» вы можете включить журналирование и анонимные ссылки, если для вас это необходимо.

Процесс стилизации страницы редиректа

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

Коды скриптов для стилизации плагина редиректов

Первое что вам необходимо сделать, это залить файл jquery.min.js на свой хостинг по данному пути:
[apcode language=»php»]

/site.ru/wp-content/plugins/mihdan-no-external-links/admin/js/jquery.min.js

[/apcode]
После того как вы залили данный файлик к себе на хостин, необходимо открыть файл: Css код стилизации страницы редиректа любым текстовым редактором. Я же вам советую воспользоваться бесплатным редактором кода Notepad++. И в строке 135 указываем путь до нашего файла (jquery.min.js):

Путь до файла (jquery.min.js)

После чего, сохраняем и копируем весь код содержащийся в файле, и вставляем его на вкладке «Расширенные» в пункте Текст JavaScript редиректа. И нажимаем на кнопку «Сохранить изменения«.

Текст javascript редиректа

Теперь по клику на любую стороннюю ссылку на вашем сайте, посетителю будет показываться красивая редирект страница.