WordPress для початківців Меню для навігації; Блог STRATO
Хороша навігація в блозі WordPress є - крім власне публікацій у блозі - найважливішим елементом. На семінарі крок за кроком показано, як створювати меню навігації в WordPress та інтегрувати їх у свій блог.
Меню допомагає вашим читачам орієнтуватися у вашому блозі. Завдяки хорошій навігаційній структурі ви можете забезпечити, щоб навіть випадкові відвідувачі читали більше, ніж просто одну публікацію, а звичайні читачі легше знаходили старіші публікації, наприклад. Тому просте у використанні, чітко структуроване меню навігації є важливим для кожного блогу.
Розуміння WordPress: як працюють меню
Щоб зрозуміти, як створювати навігаційні меню в WordPress, важливо спочатку трохи зрозуміти, як працює WordPress. Як тільки ви зрозумієте основний принцип меню, все стане дуже просто.
WordPress повністю окремо розглядає три речі:
- текстовий зміст меню (окремі пункти меню та їх порядок)
- візуальне оформлення меню (розмір шрифту, колір тощо)
- позиція, в якій меню навігації відображається в блозі
Ви налаштовуєте всі три аспекти незалежно один від одного. Коли всі три аспекти закінчені, ваші читачі побачать меню бездоганно.
Перевага цього розділення полягає в тому, що ви набагато гнучкіші. У більшості випадків вам не доведеться турбуватися про розташування меню чи детальний дизайн. Ваша тема вже охоплює ці два аспекти.
Крок 1: Створіть вміст меню
В основному, ви можете створити скільки завгодно різних меню навігації в WordPress, яке потім можна розмістити у своєму блозі. Додаткові меню на додаток до основної навігації можуть бути корисними для нижнього колонтитулу, наприклад, або для подальшої структуризації більшого підрозділу вашого блогу. Однак на першому кроці ми спочатку створюємо єдине меню, щоб потім мати щось, що ми можемо розташувати.
Щоб створити нове меню, натисніть на посилання створити нове меню в розділі Дизайн - Меню. Якщо вже існує меню, яке попередньо встановлено у вашій темі, ви можете зберегти цей крок і відредагувати вже існуюче меню.
Створіть нове меню навігації
Дайте новому меню значущу назву, щоб ви пізніше знали, яке саме ви хочете вибрати, коли у вас є кілька меню. Потім натисніть Створити меню.
WordPress пропонує різні варіанти додавання нових пунктів меню. Це, наприклад, окремі сторінки чи публікації, але також посилання на категорії. Але ви також можете вставити посилання, які ви можете вільно визначити.
WordPress пропонує різні елементи, які можна вставити у ваше меню.
Наприклад, якщо ви хочете додати існуючу публікацію WordPress до меню, натисніть Публікації, перевірте потрібну публікацію у списку публікацій та натисніть Додати до меню. Тепер ви повторюєте це для всіх елементів меню, які слід записати. Звичайно, це також працює зі сторінками або категоріями.
У налаштуваннях меню ви також можете встановити прапорець Автоматично додавати сторінки, тоді WordPress автоматично додаватиметься до вашого меню, коли ви створюєте нову сторінку (не: публікація) у WordPress.
Ви можете побачити пункти меню, які вже були вставлені праворуч, у розділі "Структура меню".
Особливістю є опція Посилання. Замість вибору з існуючих дописів ви можете тут визначити будь-які посилання як пункти меню, наприклад посилання за межами власного блогу. Введіть URL-адресу посилання в розділі Посилання (наприклад: https://www.strato.de/hosting/) та текст, який повинен відображатися в меню як текст посилання (у прикладі: «Хостинг Strato»). Потім, як зазвичай, натисніть на Додати до меню.
Небезпека: В кінці ви повинні натиснути меню збереження в будь-якому випадку. Інакше ваші зміни не будуть прийняті. Залежно від того, наскільки розширеним стало ваше меню, збереження меню може зайняти деякий час - тому не нервуйте, це нормально.
Сортувати пункти меню
Якщо ви хочете надати пунктам меню інший порядок чи ієрархію, ви можете зробити це, просто перетягнувши та перетягнувши. Клацніть мишею на запис, який потрібно перемістити, і утримуйте кнопку миші натиснутою. Перетягніть запис на нове місце і відпустіть там кнопку миші. Щоб зробити зміни постійними, вам також потрібно натиснути меню Зберегти тут.
Ви можете використовувати перетягування, щоб перевести пункти меню в інший порядок, а також підпорядкувати окремі елементи ієрархічно іншим.
Таким же чином ви можете змінити ієрархію в меню, тобто підпорядкувати одні сторінки іншим. Потім вони відображаються у підменю. Ви побачите, що пункт меню автоматично стає підпунктом іншого елемента, якщо ви пересунете його трохи вправо за допомогою перетягування та відпускання там.
Спробуйте, чи передбачає дизайн меню вашої теми, і може відображати такі підменю. В іншому випадку ви не побачите підпунктів меню в блозі. Про це далі.
Експертні функції
WordPress намагається максимально спростити управління меню. Якщо ви хочете використовувати більше функцій, ви можете активувати додаткові опції. Для цього натисніть Налаштувати вигляд у верхньому правому куті. Якщо ви позначите тут додаткові параметри, вони з’являться в окремих пунктах меню.
Додаткові опції доступні через "Налаштування подання".
Таким чином, ви можете, наприклад, відкрити посилання в новому вікні для окремих пунктів меню, визначити заголовок атрибута HTML тощо.
BU: Розширені опції для пунктів меню доступні одразу, якщо їх активувати за допомогою "Налаштування подання".
Крок 2: розташуйте меню в блозі
Після того, як ви заповнили нове меню вмістом, ви можете зробити меню видимим у своєму блозі на наступному кроці. Для цього є в основному дві можливості:
- у позиції, визначеній темою (усі теми визначають принаймні одну таку область меню)
- за допомогою стандартного меню навігації віджетів у будь-якій позиції в областях віджетів вашої теми, наприклад у стовпці поля або нижньому колонтитулі
На скріншоті показано приклад блогу з двома меню:
Можливі позиції навігаційних меню.
- У цьому випадку положення горизонтальної навігації вище надається як опція у використовуваній темі.
- З іншого боку, меню в правій колонці розміщується там за допомогою віджета меню, про який згадувалося вище.
Керування позиціями меню
Як отримати меню, яке ви щойно створили, у потрібному положенні? Найпростіший спосіб зробити це - скористатися вкладкою «Управління позиціями» в меню «Дизайн». Позиції меню, визначені темою, перелічені там, у нашому прикладі Основне меню та Меню нижнього колонтитула. У спадному списку поруч просто виберіть меню, яке ви щойно створили, і натисніть Застосувати зміни.
Тут ви призначаєте своє меню позиції, визначеній темою.
Якщо ви не хочете використовувати позиції меню, визначені темою, ви можете просто залишити налаштування для невикористаних позицій меню за замовчуванням Виберіть меню. Тоді в цій позиції нічого не відображається.
Оскільки ви можете скасувати всі внесені тут зміни за допомогою нових налаштувань, ви просто трохи експериментуєте, щоб знайти оптимальне рішення для свого блогу.
Інтегруйте меню за допомогою віджета
Ви також можете відобразити кожне меню в одній із областей віджетів, визначених темою. Для цього існує стандартний віджет "Навігаційне меню" в WordPress в області Дизайн - Віджети. Просто перетягніть віджет меню у потрібну область віджетів вашої теми (у прикладі: Основна бічна панель).
Дайте віджету бічної панелі заголовок або залиште це поле порожнім, якщо ви не хочете, щоб меню містило заголовок. Нижче ви вибираєте меню, яке повинно відображатися. Зберегти, готово.
Віджет меню навігації відображає меню в областях віджетів.
Основи інтеграції елементів у області віджетів ви можете знайти у статті Віджети: окремий вміст для граничних стовпців.
Крок 3: Створити меню оптично
Як уже зазначалося, WordPress управляє візуальним дизайном меню незалежно від позиції та змісту. Кожна тема вже включає відповідне форматування для запропонованих меню, тому вам насправді тут нічого робити не потрібно.
Якщо ви все-таки хочете змінити вигляд меню, спочатку слід поглянути на параметри налаштування вашої теми. Іноді є можливість, наприклад, змінити кольори або вказати глибину ієрархії меню. Ви можете знайти відповідні параметри в розділі Дизайн - Налаштувати або в спеціальних меню параметрів вашої теми. Зазвичай ці меню опцій можна знайти як підпункт у розділі Дизайн. Але це зовсім інше залежно від використовуваної теми. Зокрема, безкоштовні теми зазвичай пропонують мало або взагалі відсутні варіанти налаштування.
Тема "Сліпуча" пропонує кілька варіантів налаштування кольорової схеми меню.
Складні меню за допомогою плагіна
Ще один спосіб оживити меню навігації без програмування - це використовувати відповідні плагіни. Той, хто потребує меню з двома або трьома підрівнями, часто досягає кращих результатів за допомогою хорошого модуля меню, ніж за допомогою вбудованих інструментів WordPress, принаймні, якщо тема, що використовується, не пропонує широкої підтримки таких меню.
Однак використання плагіна повинно бути продуманим для такої важливої сфери, як навігація в блозі. Якщо один день плагін більше не працює, наприклад, оскільки розробник більше не надає оновлення, для вашого блогу швидко виникає велика проблема. Крім того, дійсно хороші плагіни меню, як правило, не безкоштовні.
Тому, як початківець WordPress, ви повинні працювати з тим, що пропонує сам WordPress і ваша тема. Дуже хороший, але також досить складний плагін - UberMenu за 25 доларів.
Складне меню навігації можливо лише з такими плагінами, як UberMenu.
Виберіть тему з гарною підтримкою меню
Якщо передбачувано, що ваші навігаційні меню стануть дещо складнішими та розширенішими, вам слід вибрати відповідну тему з самого початку. Не всі теми надають великого значення добре функціонуючим навігаційним меню, так що ви швидко опинитесь у глухий кут.
Вибираючи тему, переконайтесь, що пункти меню, що містяться в темі, відповідають вашим ідеям. Піддайте візуальний дизайн меню критичній експертизі. І виберіть тему, яка підтримує меню принаймні з двома рівнями ієрархії, щоб ви могли структурувати меню за допомогою підменю.
Франц Ноймеєр
Мене звуть Франц Ноймер, і я довгі роки був головним редактором ІТ-журналів, таких як PC Professionell, Internet Professionell та Internet Magazin. Тим часом, як письменник-фрілансер, я спеціалізувався на темах, що стосуються круїзів, працював на декількох веб-сайтах та писав для STRATO на різні теми, особливо WordPress та ведення блогів.