Как открыть внешние ссылки в новом окне или вкладке с помощью WordPress

Хотите ли вы открывать внешние ссылки из записей вашего блога в новом окне??

Открытие внешних ссылок в новом окне позволяет вашим пользователям перейти по ссылке, не покидая ваш сайт.

Многие новички пытаются найти опцию открытия ссылки в окне, в основном потому, что она не сразу видна при добавлении ссылки в WordPress.

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

Почему и когда следует открывать внешние ссылки в новом окне?

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

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

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

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

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

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

С учетом сказанного, давайте рассмотрим, как легко открывать внешние ссылки в новом окне в WordPress.

Если вы предпочитаете письменные инструкции, читайте дальше.

Открытие внешней ссылки в новом окне в редакторе Gutenberg

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

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

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

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

Открытие внешней ссылки в новом окне с помощью классического редактора

WordPress представил новый редактор блоков в WordPress 5.0. Многие пользователи предпочитают использовать старый редактор, установив плагин классического редактора.

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

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

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

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

Здесь вам нужно поставить галочку напротив пункта ‘Открыть ссылку в новой вкладке’, а затем нажать на кнопку ‘Обновить’, чтобы добавить вашу ссылку.

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

Открытие ссылки в новой вкладке с помощью текстовой вкладки в классическом редакторе

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

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

Отсюда вы можете добавить ссылку и установить флажок напротив опции ‘Открыть ссылку в новой вкладке’. После этого нажмите на кнопку Добавить ссылку, и всплывающее окно исчезнет. Теперь вы увидите HTML-код для ссылки в текстовом редакторе.

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

Как открыть внешние ссылки в новом окне с помощью HTML

Иногда для добавления ссылки в WordPress вам может понадобиться написать HTML. Например, когда вы используете режим HTML в новом блочном редакторе или добавляете ссылку в файл шаблона темы WordPress.

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

Просто замените пример.com с URL внешней ссылки, а Link Text с текстом, который вы хотите связать.

Параметр target в этом коде указывает браузерам открыть ссылку в новом окне или вкладке.

Открыть ссылки навигационного меню в новой вкладке

На своем сайте WordPress вы можете добавить внешние ссылки в навигационное меню сайта, например, в боковую панель или нижний колонтитул.

Чтобы открыть ваши исходящие ссылки в меню в новой вкладке, перейдите по ссылке Внешний вид » Меню из области администрирования WordPress.

Далее нажмите на кнопку «Параметры экрана» в правом верхнем углу.

Когда вы нажмете на кнопку, вы увидите больше опций. Отметьте опцию ‘Link Target’ в разделе Показать расширенные свойства меню.

После этого вы можете добавить пользовательскую ссылку в навигационное меню, введя URL и текст ссылки и нажав кнопку «Добавить в меню».

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

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

Автоматическое открытие всех внешних ссылок в новом окне с помощью плагина WordPress

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

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

Во-первых, вам нужно установить и активировать плагин Open External Links in a New Window. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.

Плагин работает из коробки, и он будет автоматически открывать внешние ссылки в новом окне.

Это не изменит внешние ссылки в записях вашего блога. Вместо этого, он использует JavaScript для открытия внешних ссылок в новом окне.

Примечание: Помните, что деактивация плагина приведет к тому, что внешние ссылки перестанут открываться в новом окне.

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

Источник: www.wpbeginner.com