Пропустить

Как автоматически обновлять меню на WordPress

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Когда система меню навигации была выпущена с WordPress 3.0, это был один из факторов, который превратил WordPress из платформы для ведения блогов в мощную CMS.

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

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

Так что здесь вам пригодится меню автоматической навигации.

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

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

Но, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге

Тогда вернемся к тому, почему мы здесь.

Вот что вам нужно для автоматизации меню навигации WordPress:

  • Разработка или тестовая установка WordPress с добавлением нескольких страниц и подстраниц
  • Редактор кода.

Установка кода

Я добавлю этот код в плагин, чтобы он был постоянным, даже если я изменю тему WordPress. Таким образом, я могу добавить функцию моего плагина в мою тему, чтобы добавить меню навигации, где я хочу. Если ваша тема WordPress имеет " крючки Вы можете использовать один или несколько, чтобы ввести этот код.

Также смотрите наш список 10 WordPress плагины для создания обратного отсчета

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

первый шаг

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

Во-первых, вам нужно добавить начальный код вашего плагина в комментарии, чтобы сообщить WordPress, что это такое:

<? php / ** * Имя плагина: Плагин * Плагин URI: http://blogpascher.com * Описание: Плагин WordPress * Версия: 1.0 * Автор: Herve * URI автора: http://blogpascher.com * * /

Теперь активировать плагин.

Затем, если вы используете дочернюю тему, настройте ее. Я использую дочернюю тему из темы «Двадцать семнадцать» - вот моя таблица стилей:

<? Php / ** * Plugin Имя: * Plugin Plugin URI: http://blogpascher.com * Описание: * WordPress Plugin Версия: 1.0 * Автор: Эрве * Автор URI: http://blogpascher.com * / @ импорт URL ( "../twentyseventeen/style.css");

Как только вы это сделаете, если на вашем сайте еще нет страниц, добавьте несколько. Они должны иметь структуру на нескольких уровнях. Вот как выглядят мои поддельные страницы:

Теперь давайте начнем добавлять код в плагин.

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Создание функции для иерархического отображения всех страниц

Мы будем использовать функцию « wp_list_pages () Чтобы восстановить все страницы и перечислить их со ссылками. Но сначала нам нужно определить некоторые аргументы для этого. Начните с создания вашей функции и добавьте эти аргументы:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('depth' => 2); }

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

Откройте для себя 5 соединения часто встречающиеся ошибки и способы их решения на WordPress

Теперь давайте добавим функцию «wp_list_pages ()» после аргументов:

wp_list_pages ($ арг);

Вот полная функция:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('depth' => 2); wp_list_pages ($ args); }

Добавление функции в тему

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

См. Также: Как защитить вашу работу WordPress на клиентских сайтах

Начните с копирования файла заголовка в вашу дочернюю тему и откройте его. В Двадцать Семнадцатом код меню навигации находится в templates-parts / navigation / navigation-top.php Это означает, что мне нужно добавить копию этого файла в то же место в моей дочерней теме.

Откройте для себя идти дальше Как установить WordPress тема ребенка

В вашей теме это может быть файл header.php что вы должны скопировать.

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

<? php wp_nav_menu (array (<? php wp_nav_menu (array ('theme_location' => 'top', 'menu_id' => 'top-menu',));?>

Измените код вашего меню навигации, чтобы добавить новую функцию с существующим кодом в объявлении "else {}":

<? php if (function_exists ('wpmu_list_pages')) {wpmu_list_pages (); } else {wp_nav_menu (array ('theme_location' => 'top', 'menu_id' => 'top-menu',)); }?>

Условные операторы важны: во-первых, он проверяет, присутствует ли функция, добавленная в плагин (то есть если плагин включен) и, если это так, выполнить функцию из этого. В остальном работает нормально.

Смотрите также наше руководство по Как отображать рекламные блоки на WordPress

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

Теперь посмотрите на мой сайт:

Ссылки появляются, но есть некоторые проблемы. Я не хочу видеть "Страницы" вверху (по умолчанию для функции wp_list_pages () ) и я хочу заказать страницы более эффективно. Вы увидите, что домашняя страница находится в середине списка, что не идеально.

Улучшить функцию

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

Найдите аргументы, для которых вы уже определились wp_list_pages ():

$ Args = массив ( 'глубина' => 2);

И отредактируйте это:

$ Args = массив ($ арг = массив ( 'глубина' => '2 title_li' => '<h3>'. __ ( 'Menu', 'т.у.т.'). '</ H3>', «sort_column = > меню заказ «);

Это добавляет два дополнительных аргумента:

  • Разметка перед списком, который сейчас говорит МЕНЮ Вместо Страницы .
  • Порядок, в котором отображаются страницы.

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

Также прочитайте наше руководство на : Как постепенно загружать комментарии Facebook и Disqus

Теперь, когда вы отображаете меню, оно будет выглядеть так:

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

Откройте для себя также несколько премиальных плагинов WordPress

Вы можете использовать другие плагины WordPress, чтобы придать современный вид и оптимизировать соединение с вашим блогом или веб-сайтом.

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. Гравитация Формы

Как владелец бизнеса, предоставление вашим клиентам возможности связаться с вами должно быть вашим приоритетом. Гравитация формы является самым популярным плагином для контактной формы на WordPress.

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

скачать | Демонстрация | веб-хостинг

2. eForm

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

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

Читайте также нашу статью о Как содержание маркетинга влияет на SEO вашего блога

Кроме того, пользовательский портал позволяет зарегистрированным пользователям также просматривать и отслеживать их запросы.

скачать | Демонстрация | веб-хостинг

3. Mailster

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

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

Его основными функциями являются: возможность отслеживать открытые электронные письма, клики, подписки и показатели отказов, возможность нацеливать свои кампании, управление кампаниями и планирование, поддержка 6 типов автоответчиков, неограниченное создание регистрационные формы, удобный интерфейс, настройка фона, поддержка многоязычностиИ многое другое.

скачать | Демонстрация | веб-хостинг

Рекомендуемые ресурсы

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

Заключение

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

Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

Но тем временем поделитесь этой статьей в разных социальных сетях.

...

Эта статья содержит комментарии 2
  1. Привет,

    Спасибо за статью

    Моя проблема заключается в том, что я не совсем понимаю процедуру, описанную в части «Добавление функции в тему», должен ли я напрямую изменить файл «navigation-top.php»? Должен ли я дублировать его в моей дочерней теме? Должен ли я изменить указанную часть и добавить ее в файл function.php?
    Или другое решение x)
    Спасибо, что просветили меня по этому вопросу

    PS: ссылка github приводит нас к пустой директории

    1. Добрый вечер, это действительно дублировать файл в дочерней теме. WordPress делает все остальное. Поскольку он попытается проверить, существует ли файл в дочерней теме и, таким образом, загрузит файл родительской темы, если он не существует.

Оставить комментарий

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

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
19 акции
доля14
чирикать3
Регистрация2