Хотите добавить значок внешней ссылки на свой сайт WordPress?
Четко обозначив свои внешние URL-адреса, вы сможете дольше удерживать людей на своем сайте и дать понять, что нажатие на конкретную ссылку откроет новое окно или вкладку.
В этой статье мы покажем вам, как добавить значок внешней ссылки в WordPress.
Зачем добавлять значок внешней ссылки на ваш сайт WordPress?
Значок внешней ссылки — это небольшая картинка, которая появляется рядом со ссылкой, которая ведет пользователя на другой веб-сайт.
Например, вы можете прокрутить до конца любой записи Википедии и увидеть, что большинство ссылок в разделе «Ссылки» имеют значок внешней ссылки.
Используя значки внешних ссылок в своем блоге WordPress, ваши посетители легко смогут отличить внешние ссылки от внутренних. Многие сайты также используют значки внешних ссылок, чтобы было понятно, что ссылка откроется в новом окне или вкладке.
Эти значки могут дольше удерживать посетителей на вашем сайте и увеличивать количество просмотров страниц, поскольку снижается риск того, что они нажмут на внешнюю ссылку и случайно покинут ваш сайт.
С учетом сказанного давайте посмотрим, как вы можете добавить значок внешней ссылки на свой сайт WordPress.
Как добавить значок внешней ссылки на ваш сайт WordPress
Самый простой способ добавить значок внешней ссылки на свой веб-сайт — использовать Внешние ссылки WP.
Вы можете использовать этот плагин для автоматического добавления различных изображений, Dashicons и значков Font Awesome к вашим внешним ссылкам.
Во-первых, вам нужно установить и активировать Внешние ссылки WP плагин. Если вам нужна помощь, ознакомьтесь с нашим руководством по установке плагина WordPress.
После этого просто нажмите на новый Внешние ссылки WP настройки в левом меню.
Если вы получаете всплывающее окно с предложением обновиться, вы можете просто щелкнуть в любом месте за пределами всплывающего окна, чтобы закрыть его.
Как видите, плагин может сделать гораздо больше, чем просто добавить значок внешней ссылки на ваш сайт. Например, он может автоматически добавлять nofollow ко всем внешним ссылкам в WordPress.
Внешние ссылки WP также могут удерживать людей на вашем сайте, открывая все внешние ссылки в новом окне или вкладке. Мы рекомендуем включить эту функцию, так как многие пользователи предполагают, что ссылки со значком внешней ссылки в любом случае будут открываться в новом окне или вкладке.
Чтобы открыть все внешние URL-адреса в новом окне или вкладке, откройте раскрывающийся список «Открыть внешние ссылки» и нажмите «каждый в отдельном новом окне или вкладке».
По умолчанию WP External Links будет применять это правило к каждой новой внешней ссылке, которую вы создаете.
Однако он также может сканировать ваш сайт и изменять любые внешние URL-адреса, которые вы ранее добавили на свой веб-сайт. Это обеспечит более единообразный опыт для ваших пользователей, поэтому рекомендуется продолжить и нажать на поле «Перезаписать существующие значения».
Как только вы это сделаете, вы готовы создать значок для ваших внешних ссылок. Для начала перейдите к разделу «Выберите тип значка».
Теперь вы можете щелкнуть там, где написано «без значка», чтобы открыть раскрывающийся список.
Ваши варианты: Image, Font Awesome или Dashicon.
И Font Awesome, и Dashicon поставляются с одним значком в виде поля со стрелкой, который вы можете использовать в качестве значка внешней ссылки. Этот значок всегда будет отображаться синим цветом на вашем сайте, как вы можете видеть на следующем изображении.
Это именно тот значок, который многие веб-сайты используют для своих внешних ссылок, поэтому большинство посетителей поймут, что означает значок прямоугольника со стрелкой.
Тем не менее, «Изображение» позволяет выбирать между несколькими значками в виде прямоугольников со стрелками, включая некоторые, которые имеют немного другой стиль и цвет.
На следующем изображении вы можете увидеть пример того, как цветная иконка со стрелкой будет выглядеть на вашем веб-сайте WordPress.
Если вы хотите добавить красочный значок на свой сайт, вам нужно выбрать «Изображение» в раскрывающемся списке «Выбрать тип значка».
Затем вы можете нажать на тот, который вы хотите использовать для внешних ссылок.
Сделав это, откройте раскрывающийся список «Положение значка».
Здесь выберите, будет ли значок отображаться «справа от ссылки» или «слева от ссылки». На большинстве веб-сайтов справа от ссылки отображается внешний значок.
Вы хотите вместо этого использовать стандартный значок синего прямоугольника со стрелкой?
Затем вы можете открыть раскрывающийся список «Выбрать тип значка» и вместо этого нажать «Font Awesome» или «Dashicon».
Затем откройте раскрывающееся меню рядом с «Выберите Dashicon» или «Выберите FA», а затем щелкните значок поля со стрелкой.
Примечание: И Font Awesome, и Dashicons предоставляют вам доступ к десяткам других значков. Однако мы рекомендуем использовать значок прямоугольника со стрелкой, так как больше людей узнают его как значок внешней ссылки.
После нажатия на значок Font Awesome или Dashicon, который вы хотите использовать, вы можете указать, должен ли он отображаться справа или слева от ссылки, следуя точно такому же процессу, описанному выше.
Когда вы будете довольны выбранным значком внешней ссылки, просто нажмите «Сохранить изменения».
Затем плагин автоматически добавит значок ко всем внешним URL-адресам на вашем сайте.
Мы надеемся, что эта статья помогла вам узнать, как добавить значок внешней ссылки на ваш сайт WordPress. Вы также можете ознакомиться с нашим руководством о проверенных способах заработка на блогах в Интернете и о том, как отслеживать посетителей вашего сайта WordPress.
Если вам понравилась эта статья, то, пожалуйста, подпишитесь на нашу Канал YouTube для видеоуроков WordPress. Вы также можете найти нас на Твиттер а также Фейсбук.
Сообщение «Как добавить значок внешней ссылки на ваш сайт WordPress» впервые появилось на WPBeginner.
