Нужен перевод, дайте знать!

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

Vector Sketch Photoshop Action

Превращает вашу фотографию в векторную композицию
Экшен

Сегодня речь пойдет об многофункциональном плагине редиректов для 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)

Путь До Файла (Jquery.min.js)

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

Текст Javascript Редиректа

Текст Javascript Редиректа

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

Мы будем рады вашему мнению

Оставить отзыв

LINKOZ.RU
Logo
Корзина покупок