Как сделать пункты меню некликабельными

Здравствуйте, в данной статье рассмотрим как сделать пункт меню в wordpress абсолютно некликабельными.


Скачать исходники для статьи можно ниже

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

Для этого заходим в админку wordpress, выбираем пункт “Внешний вид”, подпункт “Меню”.

Выбираем нужный пункт меню, который хотим сделать совершенно некликабельным и в его URL ставим #:

neklikmenu1

Можно пойти ещё дальше.

Так например, если мы наведём курсор мышки на некликабельный пункт меню – курсор измениться, то есть он говорит, что это ссылка. Исправим это.

До изменений:

neklikmenu6

После изменений:

neklikmenu5

Нажимаем на вкладку “Настройки экрана”:

neklikmenu2

В открывшейся вкладке ставим галочку напротив пункта “Классы CSS”:

neklikmenu3

Теперь заходим в некликабельный пункт меню, в нашем примере – это пункт “Акции” и видим, что здесь появился новый параметр “Классы CSS (необязательно)” – вписываем в него – unclickable:

neklikmenu4

Теперь осталось прописать стили CSS, а для этого заходим в админке в пункт “Внешний вид”, подпункт “Редактор” и у нас открывает файл стилей – style.css, и вписываем в него следующий код:

.unclickable > a:hover {
  cursor: default;
}

Всё готово.

На этом всё! Красивых вам сайтов!

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *