Пропустить

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

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

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

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

Хотите добавить пользовательские навигационные меню в свою тему WordPress? По умолчанию многие темы WordPress предлагают предопределенные местоположения и схемы меню.

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

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

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

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

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

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

Узнайте также наш Премиальные плагины 10 для WordPress, предназначенные для создания меню

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

Тем не менее, давайте посмотрим, как добавить пользовательские меню навигации в тему WordPress.

Создание собственного меню на WordPress

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

Чтобы добавить пользовательское меню навигации, в первую очередь вам необходимо зарегистрировать новое меню навигации, добавив этот код в файл functions.php вашей темы WordPress.

function bpc_custom_new_menu () {register_nav_menu ('my-custom-menu', __ ('My Custom Menu')); } add_action ('init', 'bpc_custom_new_menu');

Вы можете пойти в " Внешний вид> Меню WordPress панели и попробуйте создать или отредактировать новое меню. Вы увидитеМое Пользовательское МенюКак вариант в расположении меню.

мое меню подгоняют

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

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

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

function bpc_custom_new_menu () {register_nav_menus (array ('my-custom-menu' => __ ('My Custom Menu'), 'extra-menu' => __ ('Extra Menu')))); } add_action ('init', 'bpc_custom_new_menu');

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

Это позволит нам перейти к следующему шагу - отображению меню на веб-сайте WordPress.

Просмотр пользовательского меню в WordPress

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

Однако вы можете добавить свое навигационное меню куда угодно.

Вы должны добавить этот код в файл шаблона вашей темы WordPress, где вы хотите отобразить свое меню.

<? Php wp_nav_menu (массив ( 'theme_location' => 'мой обычай меню', 'container_class' => 'класса пользовательского меню')); ?>

Расположение темы WordPress - это имя, которое мы выбрали на предыдущем шаге.

Класс контейнера - это класс CSS, который будет добавлен в ваше меню навигации. Ваше меню появится в виде простого маркированного списка на вашем сайте.

в единственном экземпляре-лист-а-чип-WordPress

Вы можете использовать класс CSS " custom_menu_class Для стиля ваших меню. Вот пример кода CSS, с которого можно начать:

div.custom класса меню уль {список стиле типа: нет; список-стиль: нет; список-стиль-изображения: нет; } Меню-Ли Div.custom класса {обивка: 20px; Дисплей: встроенный; }

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

Создание мобильных меню

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

для-мобильного-меню

Мы видели, насколько удобными могут быть эти меню для вашего мобильного трафика.

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

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

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

1. Пожертвование Woocommerce

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

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

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


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

Каждый шаг использования Пожертвования WooCommerce объясняется в документации со скриншотами. Просто активируйте плагин, и вы найдете поле «Добавить подарок» в корзине.

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

2. Календарное задание!

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

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

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

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

3. Directory ultimate PRO

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

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

В качестве функций, он предлагает среди прочего: адаптивный макет 100%, настраиваемый поиск, 3 способы отображения вашего каталога, оптимизацию для мобильного просмотра, отличный SEO, совместимость с большинством современных браузеров, и многое другое

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

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

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

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

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

Вывод

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

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

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

...

Эта статья содержит комментарии 0

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

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

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

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