Здравствуйте, друзья! В этом небольшом уроке мы поговорим о том, как создать некликабельный (без ссылки) пункт в меню в WordPress.
Сделать его можно очень просто и без особых усилий. Для примера давайте сделаем выпадающее меню, родительский элемент которого будет некликабельным. И так, начнем!
Как создать пункт меню без ссылки в WordPress
1. Переходим с административного меню в Внешний вид -> Меню.
2. В правом верхнем углу нажимаем кнопку «Настройки экрана» и ставим галочку на «Произвольные ссылки».
После этого в колонке с разрешенными для добавления элементами меню появится новая вкладка — «Произвольные ссылки».
3. Нажмите по вкладке «Произвольные ссылки». В «URL» укажите символ #, а в «Текст ссылки» — текст для Вашего пункта меню. После этого нажмите кнопку «Добавить в меню».
4. Установите созданный пункт меню так, как Вам нужно и нажмите кнопку «Сохранить меню».
Как видите, сложного совершенно ничего нету. Для создания пункта меню без ссылки не нужны никакие плагины и особые умения, все можно сделать с помощью стандартных возможностей WordPress.
Напоминаю, в случае если у Вас возникают вопросы или что-то не получается — смело пишите в комментариях.
Здравствуйте! Я решил разобраться в работе с сайтом и SEO для развития навыков в своей удаленной работе. И ваши уроки пока единственные для меня, где все доходчиво и интересно. Большое спасибо!
Здравствуйте, Константин! Спасибо большое за отзыв! Я очень рад что уроки приносят пользу!
А кто подскажет как сделать все так только без решотки?
Здравствуйте. Создала пункт меню произвольная ссылка, но он не отображается в меню на сайте. На сайте в меню видны только созданные страницы. В чем может быть причина? Заранее благодарна за ответ!
Здравствуйте! Ничего не могу Вам подсказать. Укажите ссылку на Ваш сайт, возможно так смогу что-то увидеть и помочь.
Сайт на локальном сервере. Но уже разобралась. Нужно было просто поставить галочку в настройках меню — области темы: Primary Menu.
Огромнейшее Вам спасибо) как раз то что нужно.
есть возможность сделать отображение иконок для таких пунктов меню?
или иконки в меню можно ставить только у страниц?
Можно и к таким пунктам ставить иконки.
Здравствуйте. А возможно ли в wordpress сделать некликабельную кнопку меню в соответствующем разделе, когда мы в нем находимся? Если да то можете подсказать как?
Здравствуйте. Вот решение.
Спасибо. Но я реализовал это уже по другому.
В файл functions.php добавил код:
function no_link_current_page( $p ) {
return preg_replace( ‘%((current_page_item|current-menu-item)[^]+>([^<]+)%’, ‘$1$3‘, $p, 1 );
}
add_filter( ‘wp_nav_menu’, ‘no_link_current_page’ );
или
$(‘.current_page_item a’).click(function(e){
e.preventDefault();
});
Здравствуйте, как сделать то же самое, только не с меню- а с категориями?
тут уже разобрался, в настройках экрана есть данная кнопка. приношу извинения за свою невнимательность
При добавлении такого меню в виджет «произвольное меню» данное меню перестает быть некликабельным, и выходит в виде «древа»
А мне нужно именно чтоб такое меню было с боку, что делать?
Здравствуйте. Создал пункт меню произвольная ссылка, но он не отображается в меню на сайте. На сайте в меню видны только созданные страницы. Поставил галочку Primary Menu, но тогда отображаются все дочерние страницы в меню вместе с родительскими. Как можно исправить ситуацию?
Сайт altaybee.ru
javascript:void(0) вместо # удаляет href полностью, правда надо через стили cursor:pointer поставить. Не знаю насколько корректен данный способ, поправьте если что.
Спасибо! Вы чудо! Очень просто даже для блондинки:)
Большое Вам спасибо! Четко и по существу))
Просто и гениально )))
добавлю, что-бы все работало корректно, после создания произвольной ссылки, в поле URL нужно все удалить,иначе при нажатии на соотвествующий пункт меню посетителя будет перебрасывать на пустую страницу
как сделать что-бы при наведении на картинку товара,была ссылка на товар,сейчас картинка не кликабельна(
А потом проверяем код и у нас тег a выглядит как — ссылка, т.е. html проверку код не пройдет.
Спасибо за статью, мне она очень нужна была!!! Разрешите пожалуйста опубликовать ее на своем сайте. https://pouznaval.ru/category/top-publikatsii/ Можно?
Хотя, я не много поспешил. Вариант хороший, но мне нужно чтобы при нажатии на не кликабельную сылку, она не перегружалась, а была просто пустой, без изменений. Потому что если я поставил #, и потом нажимаю на нее, оно перегружает страницу… Подскажите пожалуйста решение. Спасибо!
Спасибо. Все работает как нужно.
у мене нічого не вийшло :((
Большое спасибо за помощь)