как сделать ссылку меню неактивной php
Создание меню для сайта на php
Если вас интересует ответ на вопрос как создать меню сайта, то вы пришли по верному адресу.
Мы рассмотрим создание динамического меню на php, написанное специально для чайников в программировании, а также для тех, кто еще в танке.
В конце этого урока будет ссылка на скачивание архива с подробными пошаговыми инструкциями и готовым шаблоном сайта на php, и скрипт меню php для сайта.
Создадим будущий макет нашего сайта. Для этого нарисуем в фотошопе супер красивый сайт и разрежем на кусочки. Представим, что шапка, логотип, меню и подвал не написаны словами, как в данном примере, а это изысканно и красочно оформленные элементы сайта.
Создадим для примера три страницы и назовем их Раздел 1, Раздел 2, Раздел 3
Этот текст для разных страниц будет разный, но мы не будем на нем заморачиваться и оставим его как есть на всех страницах.
Приступим к созданию сайта на php.
1. Выделим блоки header, logo, menu, footer в отдельные файлы c расширением php или html
header.html
logo.html
menu.html
footer.html
Добавим файл с этим текстом, чтобы видеть его на всех страницах. Назовем его text.html
Примечание. С этого момента дальнейшие записи буду вести непосредственно в файле text.html
2. Создадим шаблон для нашего сайта на php.
3. Теперь файл template.html нам не нужен.
Благодаря ему мы имеем представление о том, как будет выглядеть наш сайт.
4. Нашим шаблоном является файл template.php
В него мы сейчас вставим с помощью команды include все элементы сайта.
5. Создадим три странички, как собирались изначально.
Раздел 1, назовем 1.php
Раздел 2, назовем 2.php
Раздел 3, назовем 3.php
Для этого можно воспользоваться простейшей командой сохранить как.
Для самых маленьких поясню: открываем файл template.php, затем нажимаем сохранить как. и сохраняем под названием 1.php, повторяем процедуру и последовательно сохраним страницы сайта 2.php, 3.php
У нас получилось 3 страницы с одинаковым дизайном. Достаточно вставлять вместо файла text.html другой, дополнять разными картинками или какими-либо html кодами, скриптами и содержимое каждой страницы будет уникальным.
Если не будет создан файл index.php для главной страницы, то в браузере, набрав адрес сайта мы не увидим сам сайт, а всего лишь структуру директории (перечень папок).
6. Как просмотреть сайт на php?
Но и не проблема. Нам нужен собственный, т.е. локальный сервер на компьютере. Для этого установим денвер и результат своей работы будем смотреть в браузере, не выходя в интернет.
Вот теперь порядок. Набрала адрес сайта и увидела все только что созданное в нормальном виде с дизайном.
Теперь возьмемся за php меню сайта.
1. Откроем файл menu.html и превратим раздел1, 2 и 3 в ссылки по сайту. Ссылки в php создаются по-разному.
Мне эта процедура создания ссылок безумно нравится в Macromedia Dreamweaver. Успевай жать ОК и пить кофе.
2. Как сделать ссылку в меню неактивной, если посетитель находится на данной странице.
Посетителю будет удобнее ориентироваться по сайту зная, на какой именно страинице он находится.
Если вы выполнили все шаги строго по пунктам, то видите, что у нас все ссылки в меню активны постоянно. Как это исправить?
Для начала вспомним определение что такое Условные операторы
– это когда какое-то действие выполняется или не выполняется в зависимости от условий.
Выполним следующие действия:
Для этого на всех страницах разместим такие блоки кода:
Как видно для каждой страницы свой код.
Итак, наши практические шаги по созданию php меню будут следующие:
1) Открываем файл index.php
до места вставки кода, выводящего само меню сайта
2) Открываем файл menu.html и вставляем код с условием вместо простой html ссылки на главную страницу.
Смотрим в браузере и любуемся! Если зайдем на главную страницу, то ссылка перестала быть активной!
3) Повторяем пункт 1 и 2 со страницами 1.php, 2.php, 3.php
Повторение 1:
1) Открываем файл 1.php и вставляем до кода, выводящего меню блок с заданной переменной
2) Открываем файл menu.html и вставляем код с условием вместо простой ссылки Раздел 1, внеся следующие изменения:
Чудо повторилось! Теперь, если мы находимся на странице Раздел 1, ссылка в меню не активна.
Повторенье 2
1) Открываем файл 2.php и вставляем код.
2) Снова откроем файл menu.html и вставляем код с условием
теперь вместо ссылки Раздел 2, внеся следующие изменения:
Повторенье 3
1) Открываем файл 3.php и задаем переменную.
2) В файл menu.html вставляем код с условием вместо ссылки Раздел 3, изменения такие:
Итог: мы вместо ссылок в меню такого вида
получили динамические ссылки php в меню навигации по сайту.
Этот урок о php был написан по многочисленным просьбам посетителей сайта и является практическим пособием по изучению создания динамического меню для сайта на php.
Следующая шпрагалка вебмастера расскажет о том, как сделать на php уникальные заголовки, описания и ключевики для каждой страницы.
Вы можете скачать архив со всеми файлами шаблона сайта и меню php. Новичкам в программировании рекомендуется.
Если же вы готовы к серьезному изучению php, то лучше видео курса от Попова найти сложно. У него огромный опыт и хороший слог.
Как сделать родительский пункт меню неактивным?
#1 Билли
Друзья, нужен совет. Есть выпадающее двухуровневое меню статичных страниц. Меню на чистом CSS, без скриптов. Меню не ПРОИЗВОЛЬНОЕ! Структура меню такая:
Услуги
— Физическим лицам
— Юридическим лицам
#2 Roman52
#3 matroskin8
В этом случае самым логичным вариантом будет дать класс тем пунктам меню, которые не должны срабатывать и блокировать переход по ссылке для этого класса.
#4 Билли
В этом случае самым логичным вариантом будет дать класс тем пунктам меню, которые не должны срабатывать и блокировать переход по ссылке для этого класса.
Ваш вариант мне показался наиболее удобным, поскольку не нужно переделывать меню (в смысле, делать меню на произвольных ссылках).
Вы советуете дать класс тому пункту меню, который нужно сделать неактивным при наведении. Но ведь Вордпресс сам присваивает определённые классы тем или иным элементам меню. Я посмотрел в исходном коде название класса, который Вордпресс присвоил интересующему меня родителю, название имеет вид
затем вставил этот класс в написанный Вами скрипт. Не получилось.
Пункт меню по прежнему активен при наведении и перекидывает по ссылке на страницу.
#5 Roman52
#6 Roman52
А не получилось у вас всего скорее, что вы указывали класс пункта li, а нам нужно брать ссылку.
Так примерно:
#7 Билли
#8 Билли
#9 Roman52
#10 Билли
Выводится стандартной функцией Вордпресс
#11 Roman52
#12 Билли
ВСЁ! Родительский пункт не активен, ссылка внизу экрана не появляется, курсор принимает вид стрелки по умолчанию, в принципе, думаю если прописать cursor:none; можно вообще его убрать. Если честно, я просто не знал что свойство pointer-events: none; делает ссылку некликабельной. Во как! Вроде мелочь,а пришлось голову поломать. Спасибо всем откликнувшимся, в любом случае приятно было пообщаться.
#13 Roman52
Как сделать ссылку в меню неактивной
Приветствую, друзья! Давно носила мысль сделать на сайте удобное выпадающее меню в сайдбаре. От идеи к ее реализации заставил перейти очередной просмотр вебвизора. Такое кино однажды показали в Яндекс Метрике! Бедный посетитель метался-метался, полчаса пробыл на сайте, но так и не нашел, что искал. И вот начала я шерстить Интернет в поисках подходящего для моего шаблона плагина для вывода вертикального меню. Знатоки wordpress создают такие меню и с помощью кода, но я не знаток.
Долгую историю о том, сколько плагинов было перепробовано, даже премиум, рассказывать не буду. Мне не нужно было менять всю родную навигацию на сайте – требовалось дополнительное меню, которое можно было бы разместить в виджете. И такой совершенно простой вариант нашелся. Но я сейчас не о плагинах и их настройках, а об одной фишке, которую, как говорит молодежь, «просекла» в видеоролике Игоря Белова. Автор ответил на мой комментарий и готов бы даже помочь в другом вопросе, но в данный момент он служит в армии.
Поскольку меня изначально интересовали настройки плагина, ролик пришлось просмотреть вторично, чтобы понять, как сделать ссылку в меню неактивной. Это важно для категорий. Для вывода категорий товаров приходится создавать одноименную родительскую страницу, если товары публикуются на страницах, а не в записях. И туда приходится что-то писать. Да и смысл какой в переходе на такую страницу? Посетитель ищет товар, а не разглагольствования. Переход на пустышку только раздражает.
Возможно, ни для кого это не открытие, кроме меня. Причем, открытие не в том, что можно с вкладки меню убрать возможность перехода, а в том, как просто это делается. Подозреваю, что это только один из вариантов. А пишу, в первую очередь, для себя – узелок на память.
Итак, если нам нужно запретить ссылку со страницы в меню, выбираем нужное меню (на вордпресс особенно не разбежишься – можно создать максимум 2 меню) и открываем его. В левой колонке жмем «добавить ссылку» и даем ей название. Не страницу – ссылку! В поле URL вводим символ решетку #. Эта ссылка будет заменой той страницы, открывать которую нам нежелательно. Значит, мы ее удаляем, а новую вкладку «Ссылка» перетаскиваем в нужное место. Вот и все готово!
После добавления ссылки не забываем удалить из меню оригинал.
P.S. Пишу и слушаю радиостанцию «Европа плюс», на которой по утрам передается гороскоп. Настроение поднимает и иногда вселяет надежды.
Девам нужно сегодня смело признавать промахи, и тогда проблемы разрешатся сами собой. 🙂
Хочу воспользоваться рекомендациями звезд. На сайте каким-то образом ограничено количество пунктов в меню. Страницы сверх лимита невозможно сохранить в меню, а бывали случаи, когда оно полностью слетало. Специалисты говорят, что такого быть не должно. Посоветуете что-нибудь? Наверняка этот лимит спрятан в шаблоне, но где это искать? Вдруг звезды не ошиблись?
Как сделать HTML ссылку некликабельной (неактивной)?
Пример CSS кода для создания некликабельной (неактивной) HTML ссылки. Добавляем в CSS код такую запись с классом:
В HTML коде устанавливаем для нективных ссылок класс disabled
Комментировать
СПАСИБО)) простой вариант решения)))
И зачем такие заморочки, если можно просто прописать ссылку, не добавляя
Есть 2 важных преимущества:
Очень быстро нашел нужную информацию, большое спасибо.
Небольшая поправочка, команда pointer-events: none ; подойдёт на блокировки клика по JavaScript’ам с некоторых сайтов, при клике на скрипт идёт пересылка на сайт.
Это решение не будет работать в IE.
Для IE есть следующий метод, он немного хардкодный но работает) Ссылку можно обернуть в span и перекрыть кликабельность ссылки псевдоэлементом на span.
Спасибо! Интересный вариант решения проблемы для IE.
При работе на теме лаерс вордпресс есть возможность управлять CSS но нет возможности править HTML. Есть способ для ИЕ с помощью только CSS?
Спасибо! Лаконично и эффективно.
Подскажите, если в документе 3 ссылки. И надо, чтобы при нажатии на одну из них, остальные исчезали (именно ссылки исчезали, а не содержимое, которое внутри ссылок).
Т.е., есть раскрывающийся доп.текст при нажатии на фразы «да», «нет», «не знаю». Надо чтобы при нажатии допустим на «да», фразы «нет» и «не знаю» пропадали.
Программирую на уровне копипастера) вбил запрос в поисковик, нашел это решение и стал счастливее) Спасибо!
Как сделать открытую ссылку в Табе неактивной? (некликабельной)
…пост будет очень простой коротенький…
Сегодня изучать cms Вордпресс в связке с шаблоном становится всё более немодным! скачивают какие-то бесплатные темы, рихтуют под свои требования… и запускают скороспелые проекты в свет … а уж в процессе (по мере поступления) решают те или иные возникшие вопросы. Не знаю: правильно это, или не правильно — развивать проекты без определённых стартовых знаний… но как бы там ни было, и уж коли возникают вопросы, их следует решать.
Нынче (как говорит моя практика) всё больше стараются делать информативные сайты, в том смысле что помещают куда-то в сайдбары достаточно много информации… и, экономя полезное место, комплектуют информацию посредством таб-виджетов, например.
Возникает вопрос: как сделать ссылку Таба неактивной: т.е чтобы при переходе по ссылкам — «открытый таб» (ссылка) становилась неактивной…
Как сделать ссылку в открытом Табе неактивной
Иногда именно в такой постановке задают вопрос начинающие сайтовладельцы! А однажды — админ какого-то поварского сайта — попросила сделать ей для этих целей плагин.
Вряд ли стоит, решая такие простые вопросы, создавать (и звучит как-то смешно — создавать)) плагин…
Решение достаточно просто! …потребуется всего-то только отыскать в активном шаблоне сайта файл стилей… style.css и не побояться немного поработать!
Итак: нужно отыскать класс css в который завёрнуты ссылки табов.
Открываем «консоль для разработчиков» F12 … далее наводим курсор на требуемое окошко (кнопку) таба и… смотрим имя требуемого нам класса.
Смотрите стили CSS именно того Таба который в данный момент активен (т.е на который кликнули/перешли)…
Смотрите внимательно что к чему; копируете имя селектора… затем — в шаблоне — в файле стилей (через поиск) отыскиваете требуемый…
Чтобы не засорять существующий в шаблоне класс стилей, советую организовать отдельный одноимённый селектор… (для некоторых случаев это целесообразнее)
В финале работ получится примерно так, если смотреть свойства CSS в панели разработчиков (в браузере).
Ключевая фраза в селекторе current — обычно отработка табов используется именно в этой css-html связке. Именно по этой примете и ищите!
И ещё: помните, в большинстве приличных шаблонов (или плагинов) используются какие-то визуальные эффекты активного/не активного ТАБА — изменение цвета текста ссылки, величины и пр. — то есть обрабатывающие неактивное состояние ссылки таба селекторы css нам в данном случае и нужны!
Подобно нынешнему варианту деактивируют ссылки меню и пр. (избавляются от циклических ссылок)
Но, в случае с меню, уже будем работать с файлом функций шаблона functions.php — это, как и говорил, в следующих статьях)
Как эпилог полезного:
…если что не ясно, пишите… задавайте вопросы в коммах…
Online консультация по настройкам и созданию сайтов на WordPress
На этом занавес представления опускается…
…на рампы пыль печальная ложится…