Категория:
Опубликовано:

Открываем все внешние ссылки в новом окне. External Links

External Links Drupal

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

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

К счастью в HTML есть для этого специальный атрибут ссылки:

target="_blank"

Но не всегда удобно его вписывать, особенно объяснять это другим пользователям. В общем хочется автоматизировать этот процесс.

В друпале есть множество способов реализовать данный функционал. Здесь мы рассмотрим модуль External Links.

Этот простой модуль отслеживает все внутренние и внешние ссылки на сайте, с помощью jQuery, и имеет следующие возможности:

  • Обозначать специальными значками внешние ссылки extlink.png, и e-mail адреса с mailto mailto.png (вместе и по отдельности);
  • Показывать предупреждение о переходе на внешний сайт;
  • Определение внешних ссылок, и их исключение, с помощью регулярных выражений;
  • И настраивать открытие внешних ссылок в новых вкладках (то что нам нужно!).

И так приступим. Страница модуля: External Links. Стандартно устанавливаем и включаем модуль. Переходим на страницу настроек: admin/config/user-interface/extlink

Настройки модуля

external_links.png
  • Place an icon next to external links включает иконку за внешней ссылкой ( extlink.png )
  • Place an icon next to mailto links - включает иконку за ссылкой на email ( extlink.png )
  • Place an icon next to image links - включает иконку за встроенными изображениями
  • Add icon in front of any processed link - устанавливает иконки до ссылок (стандартно после)
  • Exclude links with the same primary domain - исключает ссылки на ваш поддомен со списка внешних ссылок
  • Open external links in a new window - то что мы и хотели - открывает все внешние ссылки в новых вкладках
  • Display a pop-up warning when any external link is clicked - отображает предупреждение для пользователя о переходе на внешнюю ссылку

Также есть настройки регулярных выражений

external_links_re.png

И CSS-селекторов для отслеживания ссылок.

external_links_css_0.png

Но, в нашем случае, эти настройки нам не пригодились.

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