ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Меняем вид тегов на #хештеги для uCoz

Меняем вид тегов на #хештеги для uCoz

Меняем вид тегов на #хештеги для uCoz
Замысел заключается в том, что меняем стандартный вид тега на всем знакомый #хештег, который будет отображаться на сайте uCoz на ключевые фразы. В данной статье вы подробно узнаете, как вы самостоятельно можете сменить вид тегов как #хештег. Где всего-то понадобиться один скрипт, который визуально будет выводить #хештеги, где вы изначально на материале задавали теги. Как поняли, что функция остается аналогичная, но по образу или визуально становится более знакомый #хештег для пользователя.

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

Хэштеги из тегов для сайта

Установочный процесс:

Представленный ниже код нужно прописать на той странице, где вы хотите видеть изменение у заданный изначально тегов. Все производится перед закрывающим тегом /body на странице материала и комментариев к нему, так как там можно видеть теги, что ставят под название.

Код
<script>$(".eTag").text(function(i, text){return "#" + text; });</script>

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

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

Автор: waak
Источник: Talantlev.ucoz.ru
2020-05-19 Просмотров: 236 Комментарий: (2)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарий: 2
-SAM-
-SAM- 2020-05-19 21:161
+2
Достаточно смешно на самом деле авторство на подобное указывать (ведь обычный скрипт в одну строку). Кроме того, проверялось и он не работает везде (по крайней мере, у меня отказался работать).

Также есть аналогичное решение, что несколькими годами ранее как опубликовано на оф. форуме системы (/forum/38-72258-1#1248311):
Код
<?if($PAGE_ID$='entry')?><script type="text/javascript">
 $('.eTag').each(function(){$(this).html('#' + $(this).html());});
</script><?endif?>
Можно поставить в глобальный блок нижней части сайта. Как мне кажется, то по сравнении с тем, что выложено - намного лучше (и в моём случае - рабочее оно).

Но, я вообще не советую подключать скрипт на это всё. Поскольку можно реализовать на одних лишь стилях:
Код
a.eTag:before {content:"#";}
Конечно, если вам нужна кроссбраузерность - придётся делать скриптом... мало ли, если кто скажет, что в его допотопном IE-браузере псевдоэлемент ::before не поддерживается (но это опять же - смешно в наше время).


UPD.:
Kosten
Kosten 2020-05-20 14:112
0
Самому интересно, здесь спорить не о чем, так как на сайте waak всегда качественный материал размещал, и по этой причине не проверял его. Здесь больше всего, что скрипт устарел, и не выдает, что требуется.
avatar