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

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

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

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

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

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

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

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

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

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

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

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

При этом давайте посмотрим, как легко открывать внешние ссылки в новом окне в WordPress.

Открыть внешнюю ссылку в новом окне в редакторе Гутенберга

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Текст ссылки 

Просто замените example.com URL-адресом внешней ссылки, а текст ссылки – текстом, который вы хотите связать.

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

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

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

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

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

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

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

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

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

Если вам понравилась эта статья, пожалуйста, подпишитесь на наш канал YouTube для видеоуроков WordPress. Вы также можете найти нас на щебет и фейсбук.

Пост «Как открыть внешние ссылки в новом окне или вкладке с помощью WordPress» впервые появился на WPBeginner.