WordPress меню только на определенных страницах

Как добавить меню навигации в записи и на страницы WordPress

Опубликовано: ADv Дата 05.10.2016 в рубрике Плагины WP Комментировать

Хотели бы вы вывести меню навигации WordPress в своих записях или страницах? Обычно, ваша тема WordPress сама задает как и где выводить меню навигации. В этой статье мы покажем вам как добавить меню навигации WordPress в записи/страницы или в любое другое место на сайте.

Зачем добавлять меню навигации WordPress в записи или на странице

Меню навигации в WordPress предлагает простой способ добавления структурированного меню на вашем сайте.

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

Но что, если вам понадобиться добавить меню в запись или на страницу? В этом случае вам придется вручную создавать список ссылок, управлять которыми не получится так легко, как это можно делать с менюшками от WordPress.

Давайте же посмотрим как можно добавить меню навигации в записи и на страницы WordPress.

Добавляем меню навигации в записи и на страницы WordPress

Первым делом вам потребуется установить и активировать плагин Shortcode Menu.

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

Как только ваше меню будет готово, можно переходить в раздел Shortcode Menu в админке. Вы окажетесь на странице генератора шорткодов.

Сначала потребуется выбрать меню для добавленя из выпадающего списка ‘Select Menu’. Если вам нужно добавить ID или атрибут класса в меню, то здесь можно это сделать.

Далее, выбираем стиль отображения меню. По-умолчанию, ваше меню будет выводится в виде блока. Можно изменить значение на inline для того, чтобы меню выстраивалось в горизонтальную линию.

Также можно изменять цвет меню в разделе ‘Design your menu on the fly’. Плагин позволяет вам выбрать цвета фона, анкора и hover’а.

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

Плагин добавляет свое форматирование для меню, но если захочется настроить внешний вид самостоятельно, то придется делать это с помощью CSS.

Во втором столбце на странице настроек плагина вы найдете базовый сниппет CSS. Его можно использовать в качестве отправной точки для стилизации меню.

Мы надеемся, что эта статья помогла вам добавить меню навигации в ваши записи и на страницы WordPress.

Источник

Разное меню на разных страницах в WordPress

Возникла задача: сделать разное меню на разных страницах в WordPress быстро и без плагина. Это просто.

По умолчанию на всех страницах сайта на вордпресс в обычном шаблоне у вас сверху (иногда снизу) имеется стандартное меню навигации. Однако, бывает так, что нужно разное меню на разных страницах. Зачем это? Честно говоря, я сам не так уж часто сталкивался с этим, в большинстве случаев это происходит тогда, когда меню сверху – это не просто навигация по сайту, но и по странице. (Вы же знаете, что к определенному элементу на странице можно переходить по ссылке типа «#id-элемент», правда?).

И вот, вам необходимо реализовать данную возможность. Для начала мы создаем два меню, как обычно для вордпресс. Далее загляните в раздел «Внешний вид» -> «Редактор» и найдите там, в каком файле у вас выводится меню. Чаще всего это — Заголовок (header.php). Найдите там такую вот строчку:

и замените её вот на такую конструкцию:

Что мы тут делаем? Мы просто получаем текущий адрес страницы с помощью PHP (здесь, кстати, подробнее об этом), а затем, в зависимости от результата, выводим необходимо меню. Просто, не правда ли?

Автор этого материала — я — Пахолков Юрий. Я оказываю услуги по написанию программ на языках Java, C++, C# (а также консультирую по ним) и созданию сайтов. Работаю с сайтами на CMS OpenCart, WordPress, ModX и самописными. Кроме этого, работаю напрямую с JavaScript, PHP, CSS, HTML — то есть могу доработать ваш сайт или помочь с веб-программированием. Пишите сюда.

заметки, создание сайтов, решение задач, WordPress, меню

Источник

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

Опубликовано: ADv Дата 14.10.2015 в рубрике Плагины WP Комментировать

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

Первым делом вам необходимо установить и активировать плагин If Menu. Он работает «из коробки». Все, что вам нужно, это перейти в раздел Внешний вид » Меню и начать редактирование своих меню.

Начать следует с выбора элемента в меню навигации, после чего отметить галочку ‘Enable Conditional Logic’. Отобразится меню условий, которое выглядит примерно так:

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

После выбора условия, просто нажмите на кнопку сохранения изменений.

Добавляем свои собственные условия

If Menu — это новый плагин, и условий, которые можно задавать, не слишком много. WordPress предлагает горадздо больше тегов условий, которые вы можете использовать в своих проектах. Для полного списка ознакомьтесь с этой страницей (англ).

Вы можете добавить любое из этих условий для использования в плагине If Menu. Например, давайте предположим, что вам нужно отображать/скрывать элемент меню на страницах произвольного типа записей.

Для этого нужно добавить сниппет кода в файл functions.php вашей темы или в плагин для сайта WordPress вроде этого:

Вот так это отобразится в меню логики условий:

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

Источник

Внешний вид — меню

Раздел меню позволяет пользователю создать собственное меню (также известное как панель навигации, меню навигации или главное меню). Это раздел сайта, который помогает посетителям перемещаться по сайту. В зависимости от используемой темы обычно на сайте будет одно меню навигации, а некоторые темы могут включать дополнительные меню или меню подвала сайта. Важно иметь аккуратное и упрощенное меню навигации, чтобы не сбивать с толку посетителей.

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

Раздел меню доступен через Внешний вид > Меню консоли.

Настройки экрана

Настройки экрана позволяют вам выбрать, какие элементы будут отображаться или не отображаться в соответствующем разделе. При нажатии на вкладку «Настройки экрана» отображается список возможных элементов и параметров с флажком рядом с каждым. Установите флажок для каждого элемента или параметра, который вы хотите отобразить, или снимите флажок, чтобы этот модуль не отображался. Нажмите на вкладку Настройки экрана еще раз, чтобы закрыть ее.

Некоторые элементы, например записи, по умолчанию скрыты.

Создание меню

Добавление пунктов в меню

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

1. Найдите панель под названием Страницы.
2. На этой панели выберите вкладку Все, чтобы открыть список всех опубликованных в настоящее время страниц на вашем сайте.
3. Выберите страницы, которые вы хотите добавить, установив флажок рядом с заголовком каждой из них.
4. Нажмите на кнопку Добавить в меню, расположенную в нижней части этой панели, чтобы добавить выбранные вами элементы в меню, созданное на предыдущем шаге.
5. Нажмите на кнопку Сохранить меню как только вы добавите все нужные пункты меню.

Ваше пользовательское меню теперь сохранено.

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

Удаление пункта меню

Создание многоуровневых меню

При планировании структуры вашего меню полезно думать о каждом пункте меню как о заголовке в формальном отчетном документе. В формальном отчете заголовки основных разделов (заголовки уровня 1) расположены ближе всего к левому краю страницы; заголовки подразделов (заголовки уровня 2) смещены немного дальше вправо; любые другие подчиненные заголовки (уровень 3, 4 и т. д.) в том же разделе имеют еще больший отступ вправо.

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

Чтобы сделать один пункт меню подчиненным по отношению к другому, вам нужно расположить «дочерний элемент» под его «родителем», а затем перетащить его немного вправо.

1. Наведите указатель мыши на «дочерний» пункт меню.
2. Удерживая левую кнопку мыши, перетащите ее вправо.
3. Отпустите кнопку мыши.
4. Повторите эти шаги для каждого пункта подменю.
5. Нажмите на кнопку Сохранить меню чтобы сохранить изменения.

Добавление меню на ваш сайт

Если ваша текущая тема поддерживает настраиваемые меню, вы сможете добавить новое меню в одну из Область отображения.

1. Прокрутите вниз окно редактора меню.
2. В разделе Область отображения установите флажок для того места, где вы хотите разместить свое меню.
3. Нажмите на кнопку Сохранить меню чтобы сохранить изменения.

Если ваша текущая тема не поддерживает настраиваемые меню, вам нужно будет добавить новое меню через виджет «Пользовательское меню» в разделе виджетов.

Перестановка, настройка пунктов меню

После того, как элемент добавлен в меню, эти элементы меню можно изменить. Поместив курсор мыши на заголовок пункта меню, когда курсор мыши изменится на 4 стрелки, удерживайте левую кнопку мыши нажатой, перетащите модуль в то место, где вы хотите его разместить, затем отпустите кнопку мыши (это называется перетаскиванием). Помните, что вы можете перетащить элемент меню немного вправо от элемента меню над ним, чтобы создать иерархические отношения (родительский/дочерний) в меню.

У каждого пункта меню есть стрелка конфигурации справа от заголовка пункта меню, при нажатии на которую открывается окно конфигурации. Кликните на стрелку второй раз, чтобы закрыть окно конфигурации. Если вы не видите «Цель ссылки», «Классы CSS», «Отношение к ссылке (XFN))» и «Описание», то в разделе Настройки экрана убедитесь, что эти флажки установлены, чтобы их можно было здесь увидеть.

Затем выбор конфигурации:

Текст ссылки

Текст для этого конкретного пункта меню

Атрибут, используемый при отображении метки

Открывать в новой вкладке

Отметте флажком, если вы хотите, что бы страница открывалась в новом окне.

Классы CSS (необязательно)

Классы CSS для этого пункта меню

Отношение к ссылке (XFN)

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

Описание

Описание будет отображаться в меню, если текущая тема его поддерживает.

Источник

Как я могу отображать меню только на определенных страницах?

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

Путь WordPress по умолчанию:

Таким образом, проекты это страница и имеет несколько подстраниц. Но что, если у меня будет еще 10 таких страниц и страниц с такой же ситуацией.

Я хотел бы добавить дополнительную настройку (список страниц верхнего уровня):

Но я не могу найти какую-либо документацию, действия, фильтры и т.д., когда эти настройки загружены.

Это хороший вариант, но я согласен с Шри, сейчас это действительно зависит от вашей темы. Вы можете обойти это через is_page () . Вам нужно написать что-то вроде этого в вашем файле темы page.php :

Если вы хотите показать боковую панель и на других страницах, вы можете использовать логику или что-то вроде этого:

Я думаю, использование плагина для этого лучше, так что вы можете сохранить функциональность, даже если вы будете менять темы в будущем. Проверьте этот плагин. Он делает то, что вы хотите, но немного по-другому, чем то, как вы издевались над этим.

Если это поможет, пожалуйста, проголосуйте или примите в качестве ответа. Спасибо!

Вот как вы можете сделать это в Twenty Twelve themes header.php, скопированной в дочернюю тему.

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

Имена menu_class могут нуждаться в изменении тем, кроме Twenty Twelve.

Я знаю, что эта ветка старая, но в случае, если кому-то понадобится поиск ответа на этот вопрос, я хотел бы предложить условные меню из них. Https://themify.me/conditional-menus . Вы выбираете, какое меню использовать, для каждой страницы, категории, мета, всего. и это бесплатно 🙂 надеюсь, это поможет

Если вы хотите повторно задействовать свои виджеты и хотите простое решение, вы можете использовать плагин, который называется Display Widgets. Я использовал это и использую текстовую часть, где вы можете добавить ссылки туда, куда вы хотите перейти. Работает ли ссылки на ваш сайт или на другой сайт. Он имеет пространство внизу текста, где вы можете выбрать, какие страницы показывать или скрывать. Вы все еще можете удалить виджеты, которые вы не используете.

Я долго играл с меню, прежде чем искал и нашел этот плагин. Это работает хорошо.

Вы можете найти его в разделе плагинов WordPress.org.

Одним из вариантов будет создание пользовательских шаблонов для каждого меню, которое у вас есть. (Это относится к флажку местоположения темы). Затем на каждой странице вы выбираете шаблон, который хотите использовать, и он также будет использовать меню, связанное с этим шаблоном.

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

Источник