Як додати користувальницькі навігаційні меню у теми WordPress

Ви хочете додати власні меню навігації в тему WordPress? За замовчуванням багато тем WordPress постачаються з попередньо визначеними розташуваннями меню та макетами. У цій статті ми покажемо вам, як додати більше навігаційних меню у вашій темі WordPress.

Додати меню навігації до тем

Коли вам потрібен цей підручник з навігаційного меню WordPress?

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

Ви можете керувати елементами меню з легкого у використанні інтерфейсу у вашому Адміністратор області WordPress.

Якщо ви просто хочете додати навігаційні меню на ваш сайт, то дотримуйтесь нашого посібника для початківців як додати навігаційне меню в WordPress.

Цей підручник орієнтований на користувачів, які створюють користувальницьку тему WordPress, або тих, кому потрібно додати додаткові пункти меню до існуючої теми WordPress.

Сказавши це, давайте подивимося, як додати користувацькі навігаційні меню WordPress у вашій темі.

Створення користувацьких навігаційних меню в темах WordPress

Навігаційні меню є особливістю тем WordPress. Кожна тема може визначати власні розташування меню та підтримку меню.

Щоб додати користувальницьке меню навігації, перше, що потрібно зробити, це зареєструвати нове навігаційне меню, додавши цей код до тематичної теми functions.php файлу.

функція wpb_custom_new_menu () {register_nav_menu ('my-custom-menu', __ ('My Custom Menu')); } add_action ('init', 'wpb_custom_new_menu');

Тепер ви можете перейти до Зовнішній вигляд »Меню у своєму адміністраторі WordPress і спробуйте створити або відредагувати нове меню. Ви побачите "Моє користувацьке меню" як варіант розташування теми.

Спеціальне меню як місце розташування теми

Якщо ви хочете додати більше одного місця навігаційного меню, вам потрібно буде використовувати такий код:

функція wpb_custom_new_menu () {register_nav_menus (масив ('my-custom-menu' => __ ('My Custom Menu'), 'extra-menu' => __ ('Додаткове меню'))); } add_action ('init', 'wpb_custom_new_menu');

Після того як ви додали розташування меню, додайте деякі пункти меню в адміністраторі WordPress, дотримуючись нашого підручника як додати меню навігації для початківців.

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

Відображення користувацьких навігаційних меню в темах WordPress

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

Однак ви можете додати своє навігаційне меню в будь-якому місці, де ви хочете.

Вам потрібно буде додати цей код у файл шаблону теми, де ви хочете відобразити меню.

<? php wp_nav_menu (масив ('theme_location' => 'my-custom-menu', 'container_class' => 'custom-menu-class'))); ?>

Місце розташування теми - це назва, яку ми вибрали на попередньому кроці.

Контейнерний клас - це CSS клас, який буде додано до вашого меню навігації. Ваше меню відображатиметься у вигляді звичайного списку на вашому веб-сайті.

Користувацьке меню відображається у вигляді звичайного списку

Можна використовувати клас CSS .custom_menu_class для оформлення меню. Нижче наведено зразок CSS, який допоможе вам розпочати роботу:

div.custom-class-клас ul {тип-стилю: немає; список-стиль: немає; list-style-image: немає; } div.custom-class-клас li {padding: 20px; дисплей: inline; }

Якщо вам потрібна додаткова допомога з розкладками CSS і меню, ми рекомендуємо використовувати одну з них Теми для запуску WordPress створити власні теми.

Створення мобільних дружніх меню в WordPress

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

Демонстрація плагінів у відповідь на меню

Ви можете додати ефект висунення (вище), ефект випадаючого меню та навіть перемикач для мобільних меню.

Ми маємо детальний покроковий посібник як зробити мобільний готовий реагувати меню WordPress.

Зробити більше з WordPress навігаційних меню

Навігаційні меню є потужним інструментом веб-дизайну. Вони дозволяють вказати користувачів на найважливіші розділи вашого веб-сайту.

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

Залишити коментар

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.