Как сделать открытие внешних ссылок в новом окне браузера на WordPress

Опытные владельцы сайтов уже знают, насколько важно сделать у себя открытие внешних ссылок в новом окне браузера. Но так как проект «Wordpress в квадрате» ориентирован и на новичков в сфере WordPress разработки — значит такая информация для кого-то будет новой и, надеюсь, полезной.

Но не спешите сразу уходить, если вы считаете себя опытным и подумали, что данная заметка не для вас. Ведь что-то же вас привело сюда, верно? И я даже знаю что… Поиск возможности автоматизировать этот процесс. Угадал? Тогда предпоследний подраздел заметки для вас. 😀

А мы, с новичками пройдемся по шагам разъяснений.

Что такое внешние ссылки и почему их стоит открывать в новом окне браузера?

Внешние ссылки — это ссылки на какой-либо другой сайт, то есть не на тот сайт, на котором находится данная ссылка. Чем же они так плохи? А тем, что когда пользователь нажимает ее, он покидает ваш сайт и переходит на другой. Получается, что вы, таким образом, попросту уводите своего читателя от вашего проекта и он больше может к вам даже не вернуться.

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

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

Теперь вы уже узнали, зачем это делать. Но далеко не все новички сразу смогут найти, где это настроить. Главным образом потому, что эта возможность не сразу видна при добавлении ссылки в WordPress.

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

Настройка открытия ссылки в редакторе Gutenberg

Новый редактор заметок WordPress (который появился с 5 версией движка) имеет встроенную функцию быстрой настройки открытия внешних ссылок в новом окне. Однако опция спрятана за дополнительной кнопкой, поэтому новички часто не замечают ее.

Открываем редактор записи или страницы, где вы хотите добавить внешнюю ссылку. Затем выделяем текст, который будет ссылкой и нажимаем кнопку вставки ссылки на панели вверху (либо пользуемся горячими клавишами CTRL + K на Windows / Command + K на MacOS).

Это выводит всплывающий блок для вставки ссылки. Сюда нам нужно ее вставить и нажать справа стрелку Вниз, для дополнительной возможности настроить открытие ссылки.

Переключаем позицию и все — сохраняем заметку, проверяем результат.

Редактирование ссылки в редакторе Gutenberg

Настройка открытия ссылки в Классическом редакторе

Если у вас WordPress не обновлялся до 5 версии, либо вы так привык работать со старым редактором, что установили специальный плагин для возврата к классическому редактору — Classic Editor. То для вас будет эта инструкция по настройке ссылок.

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

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

Устанавливаем галочку, нажимаем внизу блока кнопку «Обновить», сохраняем заметку и проверяем результат.

Редактирование открытия ссылки в Классическом редакторе

Настройка открытия ссылки через HTML

Если вы редактируете свои заметки в режиме «Текст», где сами прописываете гипертекстовый язык разметки HTML. Тогда вам нужно всего-лишь дописать один параметр для настройки открытия ее в новой вкладке браузера.

Вот так формируется простая ссылка:

Где, href — это адрес ссылки, а WP2 — это текст ссылки.

Но так пользователь просто перейдет по ней. А чтобы сделать ее открытие в новом окне, нужно дописать target=»_blank» в определенное место. Вот сюда:

Теперь делаем на нашем примере.

Редактирование открытия ссылки в HTML-коде

Сохраняем заметку, проверяем результат.

Автоматическое открытие внешних ссылок в новом окне

Как раз этот раздел уже не только для новичков, но и для тех, кто ищет возможность автоматизировать этот процесс.

Лично меня на поиск такого решения сподвиг один наш ученик системы «Турбина». Задав кураторам вопрос «Как сделать так, чтобы каждый раз не нажимать эту галочку, чтобы она сама была активна всегда. Ведь это только лишняя работа».

И правда, вы только подумайте, если вы редактор крупного блога. То эта, казалось бы, мелочь, при большом количестве ссылок, забирает очень много времени. А еще, часто можно даже и забить сделать такую настройку, либо упустить одну из ссылок. В общем, тут без плагина не обойтись. 🙂

И такой плагин есть — Open external links in a new window.

Плагин Open external links in a new window

Скачать

Вам всего-лишь нужно установите его себе и он уже начинает свою работу. Не верите — проверьте. 😉

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

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

Но пока плагин будет у вас установлен — все отлично будет работать.

Заключение

Надеюсь данная заметка была вам полезной и вы, пользуясь этими знаниями, не будете упускать своих читателей. Удачи!

Главный редактор
Опубликовал статей: 91
Просмотров: 35 0