Как выделить отдельную ссылку меню другим цветом
Иногда возникает потребность выделить один или несколько пунктов меню каким-то отдельным цветом. Делается это для того, чтобы таким образом привлечь посетителей именно на страницу, указанную в блоке меню сайта. К примеру у меня на одной странице находится много полезной и нужной информации для вебмастеров. Ссылка на эту страницу теряется в общей массе ссылок меню. И вот чтобы как-то привлечь к ней внимание, я выделил её красным текстом и жирным шрифтом.
Вся проблема для меня заключалась в том, что это меню выводилось виджетом «Ссылки». Искал решение в интернете, но лишний плагин не устраивал. Можно было бы прописать этот стиль в CSS, но не захотелось долго ломать голову.
Немного подумав, пришел к простому решению — вывел адреса ссылок как произвольное меню, т.е. поставил виджет «Текст» и там прописал URL ссылок. Ну а дальше дело техники, в нужной активной ссылке прописывается её стиль. Все ссылки в виджете прописаны так:
<li><a href=»https://mehelps.ru/nuzhnyie-melochi.html»>Название ссылки</a></li>
В этот код надо добавить стиль цвета ссылки, я ссылку сделал красной — style=»color:red;» и для выделения жирным цветом добавляем к названию ссылки теги <b></b>. Получаем такой код:
<li><a href=»https://mehelps.ru/nuzhnyie-melochi.html» style=»color:red;»><b>Название ссылки</b></a></li>
Теперь в меню одна ссылка стала выделяться красным цветом. Надеюсь кому-то пригодится такой вариант выделения ссылок.
Статья была полезной?