Вы хотите знать, как добавить пользовательское меню навигации в WordPress? По умолчанию многие Темы WordPress предлагать предопределенные местоположения и макеты меню.
В этом руководстве мы покажем вам, как добавить другие меню навигации в вашу тему WordPress.
Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге
Тогда вернемся к тому, почему мы здесь.
Когда вам нужно будет добавить пользовательское меню в тему WordPress?
Наиболее Темы WordPress предоставляет по крайней мере одно место, где вы можете отображать навигационные ссылки вашего веб-сайта в меню.
Вы можете управлять элементами меню из простого в использовании интерфейса на панели инструментов WordPress.
Узнайте также наш Премиальные плагины 10 для WordPress, предназначенные для создания меню
Это руководство предназначено для пользователей, которые любят заниматься своими руками, или для тех, кому нужно добавить дополнительный слот на свой компьютер. Темы 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 панели и попробуйте создать или отредактировать новое меню. Вы увидитеМое Пользовательское МенюКак вариант в расположении меню.
Если вы хотите добавить более одного нового местоположения меню навигации, вам необходимо использовать такой код:
function bpc_custom_new_menu () {register_nav_menus (array ('my-custom-menu' => __ ('Мое пользовательское меню'), 'extra-menu' => __ ('Дополнительное меню'))); } add_action ('инициализация', 'bpc_custom_new_menu');
После того, как вы добавили расположение меню, протестируйте свое меню и добавьте несколько элементов на панель управления WordPress.
Это позволит нам перейти к следующему шагу - отображению меню на нашем веб-сайте WordPress.
Просмотр пользовательского меню в WordPress
Теперь нам нужно отобразить новое меню навигации в вашей теме WordPress. Наиболее распространенное место, где обычно размещаются меню навигации, - это раздел заголовка веб-сайта сразу после заголовка или логотипа веб-сайта.
Однако вы можете добавить свое навигационное меню куда угодно.
Вы должны добавить этот код в файл шаблона вашей темы WordPress, где вы хотите отобразить свое меню.
'my-custom-menu', 'container_class' => 'custom-menu-class')); ?>
Расположение темы WordPress — это имя, которое мы выбрали на предыдущем шаге.
Класс контейнера - это класс CSS, который будет добавлен в ваше меню навигации. Ваше меню появится в виде простого маркированного списка на вашем сайте.
Вы можете использовать класс CSS " custom_menu_class Для стиля ваших меню. Вот пример кода CSS, с которого можно начать:
div.custom класса меню уль {список стиле типа: нет; список-стиль: нет; список-стиль-изображения: нет; } Меню-Ли Div.custom класса {обивка: 20px; Дисплей: встроенный; }
Если вам нужна помощь с CSS и макетом меню, мы рекомендуем использовать одну из этих стартовых тем WordPress для создания собственных тем.
Создание мобильных меню
Мы подробно рассказали об этом в предыдущем уроке, как сделать меню для мобильных устройств.
Мы видели, насколько удобными могут быть эти меню для вашего мобильного трафика.
Откройте для себя также некоторые темы и премиальные плагины WordPress
Вы можете использовать другие WordPress плагины чтобы придать современный вид и оптимизировать обработку вашего блога или веб-сайта.
Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.
1. Пожертвование Woocommerce
Принимайте через это расширение пожертвования на своем веб-сайте WooCommerce с суммами, указанными клиентами. Это позволит им отдавать столько, сколько они хотят. Каждое пожертвование можно оформить как любой обычный продукт WooCommerce.
Если клиент пропускает страницу корзины или переходит непосредственно к оформлению заказа, не делая пожертвования, над страницей оформления заказа появится ссылка, по которой он сможет сделать пожертвование.
Каждый шаг использования WooCommerce Donation описан в документации со скриншотами. Просто активируйте плагин, и в корзине вы увидите поле «Добавить пожертвование».
скачать | Демонстрация | веб-хостинг
2. Календарное задание!
С Плагин Wordpress Calendarize It! настроить дизайн календаря особенно легко с помощью бесплатного визуального редактора. Плагин включает расширенную фильтрацию, основанную на многих таксономиях, таких как время, органайзер и местоположение. Вы можете перечислять события по дням, месяцам или годам и просматривать предстоящие события с помощью виджетов.
Плагин также поддерживает управление ролями пользователей, настраиваемые типы записей, несколько шорткодов и настраиваемые поля для событий. Он также имеет несколько платных модулей по $ 15 каждый, которые включают в себя варианты оплаты, варианты рекламы, оценки событий и бронирования, отзывы и многое другое.
Его функции включают в себя: импорт событий в формате CSV, отображение событий по годам, обратный отсчет событий, поддержку нескольких вариантов оплаты, поддержку вариантов рекламы, обмен на социальные сети, интуитивно понятная форма бронирования и т. д.
скачать | Демонстрация | веб-хостинг
3. Directory ultimate PRO
Справочник Ultimate PRO - это Плагин Wordpress премиум, который позволяет создавать каталоги любого типа в Интернете. Его можно интегрировать в любую тему WordPress и настроить в соответствии с вашими потребностями. Он демонстрирует свою функцию пользовательского поиска, которая является одной из основных функций веб-сайтов в этой нише.
Его панель поиска позволяет добавлять персонализированные фильтры и выбирать стиль поиска, наконец, он идеально адаптируется к вашему веб-сайту.
В качестве функций он предлагает среди прочего: 100% адаптивный макет, настраиваемый поиск, 3 способа отображения вашего каталога, оптимизацию для мобильной навигации, отличный SEO, совместимость с большинством современных браузеров, и больше
скачать | Демонстрация | веб-хостинг
Рекомендуемые ресурсы
Узнайте о других рекомендуемых ресурсах, которые помогут вам создать и управлять своим сайтом.
- Как интегрировать Google Forms WordPress
- Как правильно удалить страницу на WordPress
- 8 WordPress плагины для создания мегаменю в вашем блоге
- 6 WordPress плагины для обеспечения соответствия блога GDPR
Заключение
Вуаля! Вот именно для этого урока. Мы надеемся, что последнее позволит вам добавить настраиваемое меню навигации в свой блог или сайт WordPress.
Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.
Расскажите нам, что вы думаете об этом уроке и не стесняйтесь поделиться с друзьями в ваших любимых социальных сетях.
...