Как на WordPress-сайте добавить значок для внешних ссылок?

Довольно часто на сайтах встречается крохотный значок, стоящий рядом с ссылкой. Обычно таким образом обозначаются внешние ссылки на страницах Wikipedia.

Страница на сайте wikipedia.org

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

Как добавить значок для внешних ссылок?

Для решения задачи воспользуемся бесплатным WordPress-плагином External Links.

Плагин External Links

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

Страница настроек плагина External Links

Для добавления значка, обозначающего внешний ресурс, тут следует отметить опцию Add Icons, после чего нажать кнопку Save Changes.

Страница настроек плагина External Links

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

Страница записи на сайте

Плагин также позволяет изменить стандартную иконку, загрузив свою. Для этого нужно будет ее создать вручную. Это можно сделать с помощью любого графического редактора. Файл изображения должен быть в формате PNG с размером 10х10 пикселей и именем external. После того, как иконка будет создана, ее необходимо загрузить в папку /wp-content/plugins/sem-external-links/. О том, как подключится к файлам Вашего сайта на хостинге, мы писали в одной из прошлых статей. В итоге полный путь к файлу должен иметь следующий вид:

/wp-content/plugins/sem-external-links/external.png
Курс WordPress-разработчик
Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров