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

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


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

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

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

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

neklikmenu1

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

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

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

neklikmenu6

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

neklikmenu5

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

neklikmenu2

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

neklikmenu3

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

neklikmenu4

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

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

Всё готово.

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

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


knopkisoc

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