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

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

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpressС появлением функциональности по управлению меню в wordpress 3.0 стало намного удобнее работать с этим важным атрибутом каждого сайта. Пользователь легко может создать новое меню, добавить, изменить или удалить пункты в нем и т.п. Кроме того, вы можете определять иерархию меню, просто перетаскивая его элементы в админке wordpress. Единственная проблема с выпадающим меню — добавление пукнта меню без ссылки.

То есть, например, у вас на сайте имеется следующая структура:

При этом вы не планируете создавать отдельно страницу «О компании». То же самое актуально, например, для раздела «Услуги» и т.п. С точки зрения seo, возможно, и имеет смысл добавить туда какой-то текст, но как быть если вы стремитесь к простоте и не хотите перегружать посетителя бессмысленными статьями? Рассмотрим небольшой хак.

По умолчанию в разделе меню вы можете добавить страницу либо рубрику либо произвольную ссылку. Причем в последнем варианте без указания URL ссылки создать элемент не получится.

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

Алгоритм обхода этого ограничения прост:

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

После этого измененный пункт больше не будет ссылаться ни на какую страницу, но при этом отобразиться в меню.

Источник

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

Здравствуйте, друзья! В этом небольшом уроке мы поговорим о том, как создать некликабельный (без ссылки) пункт в меню в WordPress.

Сделать его можно очень просто и без особых усилий. Для примера давайте сделаем выпадающее меню, родительский элемент которого будет некликабельным. И так, начнем!

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

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

2. В правом верхнем углу нажимаем кнопку «Настройки экрана» и ставим галочку на «Произвольные ссылки».

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

После этого в колонке с разрешенными для добавления элементами меню появится новая вкладка — «Произвольные ссылки».

3. Нажмите по вкладке «Произвольные ссылки». В «URL» укажите символ #, а в «Текст ссылки» — текст для Вашего пункта меню. После этого нажмите кнопку «Добавить в меню».

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

4. Установите созданный пункт меню так, как Вам нужно и нажмите кнопку «Сохранить меню».

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

Как видите, сложного совершенно ничего нету. Для создания пункта меню без ссылки не нужны никакие плагины и особые умения, все можно сделать с помощью стандартных возможностей WordPress.

Напоминаю, в случае если у Вас возникают вопросы или что-то не получается — смело пишите в комментариях.

Источник

MnogoBlog

как создать сайт на wordpress, настроить и оптимизировать wordpress

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

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

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

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

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

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

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

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

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

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

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

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

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

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

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

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

Источник

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

Всем привет! Сегодняшний пост будет очень коротким, но полезным для новичков, и в нём я расскажу, как сделать неактивный пункт меню в WordPress, то есть чтобы при нажатии на него ничего не происходило.

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

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

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

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

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

Для того, чтобы добавить неактивный пункт в меню, я выбираю слева раздел «Ссылки» и заполняю поля вот таким образом:

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

Как видите, в поле адреса мы вписываем решётку #. После этого нажимаем на кнопку «Добавить в меню» и переходим к следующему шагу. В структуре меню ставим наш новый раздел в новое место, если нужно — заполняем поле Titile.

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

Нажимаем кнопку «Сохранить меню» и идём на наш сайт смотреть, что же у нас получилось. А получилось у нас вот что:

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

Как вы видите, при нажатии на пункт меню «Неактивно» к адресу страницы добавляется решётка # и всё, ничего не происходит. Это и есть неактивный пункт меню.

На этом у меня всё. Надеюсь, статья оказалась для вас полезной. Если вы знаете другие способы, как сделать неактивный раздел в меню WordPress, расскажите об этом в комментариях. До новых встреч!

Источник

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

Привет всем! В одном из уроком мы занимались выводом элементов сайта в меню. А сегодня давайте глянем, как делается одна вещь. А точнее, как создать на сайте пункт меню без ссылки.

Для чего нужен пункт меню без ссылки?

Разумеется, при наведении курсора будет выпадать ряд ссылок на статьи. Но при нажатии на сам пункт, он останется неактивным и не будет никуда ссылаться.

Вы же не станете для этого создавать отдельную рубрику или бесполезную страницу? Поэтому можно вывести такие разделы в пункт меню с произвольной ссылкой. А можно создать пункт вообще без ссылки. Чем и займёмся.

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

Итак, в админке заходим в раздел Внешний вид → Меню. В левой колонке открываем элемент Произвольные ссылки. И в поле URL вводим решётку или адрес на любую страницу сайта. А текст ссылки тот, который хотим видеть в меню. Жмём кнопку Добавить в меню.

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

Теперь находим этот элемент в правой колонке окна. Открываем его и удаляем всё из строки URL. Оставляем её пустой. Вот такая хитрость)

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

После этого нужно добавить необходимые элементы к этому пункту. В начале статьи я упоминала урок, в котором мы подробно изучали управление в этом окне.

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

Ну а теперь осталось нажать кнопку Сохранить и пройти на сайт, чтобы полюбоваться изменениями. Вот так выглядит наш пункт в обычном состоянии:

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

А вот так при наведении курсора:

как сделать некликабельный пункт меню в wordpress. Смотреть фото как сделать некликабельный пункт меню в wordpress. Смотреть картинку как сделать некликабельный пункт меню в wordpress. Картинка про как сделать некликабельный пункт меню в wordpress. Фото как сделать некликабельный пункт меню в wordpress

Мы видим, что шрифт без наведения получился тёмно-синий. Не факт, что у вас будет так же. Это индивидуальный момент. И зависит от установленной темы сайта.

Цвет всегда можно поменять в стилях CSS. Но при условии, что хоть немного разбираетесь в программном коде.

Вот, собственно, и всё. Как видите, сделать это очень просто. А для чего именно применять этот способ, решите уже сами на своё усмотрение.

На следующем занятии важная тема о перелинковке. Поговорим о видах и важности для SEO.

Источник

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

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