Стрелочка на ссылке, если target="_blank" (Wordpress)

WebMage
На сайте с 17.08.2011
Offline
119
983

Как бы сделать у себя на сайте Wordpress все ссылки, которые имеют target="_blank" (открытие в новой вкладке) со стрелочками в конце. Видели наверно такое, мне кажется очень удобно. Покапавшись, нашел пару плагинов, на англицском и там скрытие ссылок от поисковиков, мне не нужно скрывать ссылки, ведь грамотная ссылочность на википедию, или ещё какие трастовые сайты в меру, не повредит.

В идеале нужен простенький плагин, без лишнего функционала. Подскажите какой?))

Оптимизайка
На сайте с 11.03.2012
Offline
396
#1

Зачем плагин, добавьте в css (файл стилей):


a[target="_blank"]::after {
content: " →";
}

пример: https://jsfiddle.net/8behyoLL/

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
WebMage
На сайте с 17.08.2011
Offline
119
#2
Оптимизайка:
Зачем плагин, добавьте в css (файл стилей):


a[target="_blank"]::after {
content: " →";
}


пример: https://jsfiddle.net/8behyoLL/

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

Brutality
На сайте с 06.01.2011
Offline
153
#3

Какие плагины пробовали? Есть External Links, добавляет такой значок в конец ссылки:

* Вероятно, лучший хостинг: выбор Pikabu, AdmitAd, Maxim, ЯП и др. Дата-центры в Европе и США (http://clc.to/fx). Цены от 1 евро * ПРОМОКОДЫ, скидки на хостинг и серверы: FastVPS, Inferno, Fornex, Fozzy (http://clc.to/pc)
WebMage
На сайте с 17.08.2011
Offline
119
#4
Brutality:
Какие плагины пробовали? Есть External Links

Этот плагин закрывает ссылки от индексации, то о чём я говорил.

Оптимизайка
На сайте с 11.03.2012
Offline
396
#5
WebMage:
Спасибо! То что нужно, но вот покрасивее бы как сделать стрелочку, как картинкой, как на других сайтах, стрелочка слишком простая получается и сильно выперает если так оставить))

Зайдите в таблицу символов (программа такая у вас на пк) и выберите любой символ в качестве стрелки (она прописана, если вы заметили, в content: " x"). Можете и URL картинки нужной вставить.

Подробнее: http://css.yoksel.ru/content/

Webliberty
На сайте с 30.10.2010
Offline
102
#6

Решал подобную задачу еще в 2014 году, но для всех внешних ссылок (target="_blank" только на них выставляю), после чего опубликовал в блоге инструкцию с примерами - возможно пригодится. Вместо картинок можно использовать шрифт Font Awesome или ему подобный.

⭐ Отличные цены на хостинг и домены! Регистрируйся здесь https://goo.gl/GJuxaD и получи скидку по промокоду 0D99-B091-1608-D49D                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
TF-Studio
На сайте с 17.08.2010
Offline
321
#7
Brutality:
Какие плагины пробовали? Есть External Links, добавляет такой значок в конец ссылки:

здорово. вся суть "любителей ВП".

1 строчка на css или тащить кучи плагинов, ради каждого чиха.

а потом ничего не работает и сотни запросов на страницу.

и появляются темы как отбиться от ботов. с ещё более оригинальными решениями

Всё ещё лучший способ заработка для белых сайтов: GoGetLinks (https://www.gogetlinks.net/?inv=fahbn8).
SeVlad
На сайте с 03.11.2008
Online
1456
#8
TF-Studio:
здорово. вся суть "любителей ВП".

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

А данный плаг может конечно и избыточен для задачи (которая, кстати, не вполне понятно задана), но в целом умеет намного больше. Описание есть по ссылке выше, а вот код если будет интересно.

Ида. Это как раз из тех плагов, которые могут создавать нагрузку. При использовании которых уже стоит думать о кешировании.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Топики помощи с ⓌordPress (https://searchengines.guru/ru/forum/1032910 ) и основы безопасности сайтов ( https://searchengines.guru/ru/forum/774117 ). *** Помощь\консультации в топиках форума - БЕСПЛАТНО. Платные услуги ( https://wp.me/P3YHjQ-3 ) - с бюджетом от 150$ ***

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий