Як зробити меню, що випадає в wordpress - горизонтальне і вертікальноe

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

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

За допомогою штатних інструментів WordPress можна виконати просту, але позбавлену всяких зайвих «наворотів» навігацію на сайті.

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

Як зробити меню, що випадає в wordpress - горизонтальне і вертікальноe

Створюємо меню, що випадає за допомогою вбудованого інструментарію WordPress

Меж на кількість меню немає, але практика показує, що при надмірному «зловживанні», на ресурсі WordPress можуть виникнути проблеми з нормальним завантаженням сторінки і відображенням адмінки. Створювати спеціальні меню про запас - безглузде заняття, адже є обмеження по місцях для їх розташування; кожна тема створюється з розрахунком певних місць під меню (як правило, це 1-2 місця).

На сторінці «Меню» місця для розміщення вибираються з лівої частини, в заголовку «Область теми». В останніх версіях WordPress зовнішній вигляд сторінки «Меню» трохи змінився: були додані дві кнопки - «Управління областями» та «Редагувати Меню». Зауважимо, що зміна зовнішнього вигляду ніяким чином не зачіпає функціональність, адже меню буде збиратися з тих же трьох складових.

На прикладі можна розглянути менюшку з довільної посиланням. Перший етап - присвоєння імені меню (ім'я прописуємо в «Заголовки меню» і натискаємо «Зберегти»). Після того, як меню буде створено, воно буде порожнім і абсолютно марним, тому приступимо до наповнення лінками.

При коректному виконанні в «Меню» з'явиться URL під назвою «Головна». Поруч з ним буде красуватися опція «Довільно», при натисканні на яку можна:

  • відредагувати цей URL, наприклад, вписати атрибут title;
  • зберегти внесені зміни;
  • прибрати цей URL;
  • можна змінити заголовок URL, на більш привабливий вам.

Ми змінювати нічого не будемо, у нас так і залишиться пункт під назвою «Головна сторінка». Меню уже можна вважати створеним, але його ще необхідно розмістити на ресурсі. На цій же сторінці з випадаючого меню вибираємо пункт Navigation (Main або Top), вибираємо створену нами менюшку і натискаємо «Зберегти». Ось і все, меню було створено і розміщено на майданчику Вордпресс.

Давайте зробимо ще одне меню, але вже зі сторінками і рубриками. Створюємо нове меню під назвою, наприклад, «Теми» і зберігаємо його. Дивимося в вікна «Сторінки» і «Теми», де і вибираємо потрібні вам сторінки і / або рубрики, які будуть додані в меню (для додавання елемента використовуйте посилання «Додати в меню»). Тут же на свій розсуд можна змінити структуру майбутнього меню (можна міняти розташування пунктів, створювати батьківські і дочірні пункти).

Як зробити меню, що випадає в wordpress - горизонтальне і вертікальноe

Стиль меню завжди буде здаватися дизайном шаблону сайту, і іноді меню може отримувати не найвдаліший вид. Якщо стандартне рішення вас ніяк не влаштовує - нічого страшного, рішення є - встановимо плагін «Dropdown Menu Widget».

Dropdown Menu Widget - функціональне меню, що випадає для Вордпресс

Цей плагін дозволяє зробити меню, що випадає - горизонтальне або вертикальне. Причини установки плагіна можуть бути різноманітними: коли стандартне меню, що випадає не влаштовує з певних причин, і хочеться зробити щось оригінальне; коли виникає необхідність у створенні, наприклад, додаткового меню (горизонтальне або вертикальне) для бічної колонки, а штатний віджет виглядає не найкращим рішенням.

Завдяки розділу «Template Tag» вона може змінювати відображення певного меню, яке потім можна буде вставити в вашу тему Вордпресс за допомогою використання функції:

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

Пункт «Menu Tyre» дозволяє вибрати тип меню, який буде розміщений. Тут також присутні додаткові параметри (можна вибрати, яке меню використовувати - вертикальне чи горизонтальне меню, що випадає), налаштувати вирівнювання, виключити певні сторінки по ID, налаштувати показ форми для логіна, додати нового учасника і посилання.

Якщо головною вашим завданням було створення меню і його подальше відображення в футере або боковій колонці, то перейдіть в «Віджети», де після запуску модуля з'явиться віджет «Dropdown Menu». Якщо перетягнути його в певну область, то дане горизонтальне меню, що випадає буде відображено в цій колонці на ресурсі. До речі, віджет повністю налаштовується прямо тут, що дуже зручно.

Схожі матеріали

Як зробити меню, що випадає в wordpress - горизонтальне і вертікальноe
Карта сайту на wordpress

Як зробити меню, що випадає в wordpress - горизонтальне і вертікальноe
Вставити яндекс карту на сайт wordpress