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


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

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

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

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

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

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

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

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

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

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

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

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

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

Всё готово.

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