Як створити меню і сторінки в WordPress

Всім привіт! Сьогодні я розповім вам, як створити меню і сторінки в локальному хостингу WordPress.

Створення та налаштування меню у WordPress

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

Створення меню у WordPress

1. Для початку необхідно перейдіть до панелі адміністратора в Зовнішній вигляд — Меню.

2. Тепер необхідно створити меню, для цього натискаємо «Створити нове меню».

3. У текстовому полі вводимо назву меню для WordPress і натискаємо кнопку «Створити меню».

4. Меню створено. Тепер необхідно додати потрібні Вам сторінки, записи, помітки, рубрики і т. д. в меню WordPress. Для цього потрібно обрати необхідний пункт, наприклад «Сторінки» і відзначити галочками ті, які Ви бажаєте додати. Після цього натискаємо «Додати в меню».

Після того як ви додали потрібні сторінки, рубрики або запису у меню натисніть «Зберегти меню».

Важливо! Якщо Ви не бачите у списку потрібні пункти, натисніть у верхньому правому куті «Налаштування екрану» і проставте галочки на необхідних пунктах. Після цього вони з'являться у списку, ви зможете додати їх в меню.

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

От і все! Як бачите, всього за кілька кроків можна легко створити нове меню в WordPress.

Порядок розміщення меню в WordPress

У цьому прикладі сторінку «Роланд Дискейн» пересуваємо в меню після Додавання відео»

Створення випадного меню WordPress

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

У цьому прикладі сторінку «Приклад сторінки» робимо випадаючим підменю для пункту меню «Роланд Дискейн»



МЕНЮ ГОТОВО!!! А тепер зробимо сторінки для нашого оффлайн блогу :

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

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

З цього керівництва ви дізнаєтеся, як створювати Сторінки WordPress, як додавати їх в Ієрархію вашого сайту і як використовувати Шаблони сторінок.

Створення нової сторінки

Є кілька способів створення нової сторінки WordPress.

По-перше, ви можете натиснути Додати → Сторінку в адмін панелі.

Або в меню Сторінки ви можете натиснути Додати нову.

Ще можна переглянути список всіх сторінок, а потім натиснути кнопку Додати нову.

В WordPress часто зустрічаються сторінки Про проект або About Me. Давайте створимо їх. Спочатку створимо нову сторінку, а потім додамо трохи інформації про нас. Наприклад:

Ви можете легко додавати зображення так само, як і в запису, просто використовуючи кнопку Додати медиафайл. Ось так виглядає зображення і текст для сторінки:

Натисніть Опублікувати, і інформація з'явиться на сайті.

Створення ієрархії

А зараз давайте додамо ще одну сторінку. А зробимо ми це спосіб, який демонструє ієрархію сторінок.

Створіть нову сторінку з назвою Мої пости, і додайте трохи тексту.

Перейдіть в Атрибути сторінки (праворуч від вікна редактора) і в випадаючому меню в розділі Батьківська виберіть Про проект. Тепер натисніть Опублікувати.

Вибравши батьківський елемент, ми створили сторінку, яка знаходиться на сходинку нижче від «Про проект» в ієрархії сторінок.

Якщо ви подивитеся на адресу сторінки, то побачите, що її повний URL буде включати ім'я вашої батьківської сторінки, наприклад /about-me/my-posts/. Це демонструє ієрархію на вашому сайті. Вона може з'явитися в навігаційній ланцюжку, якщо це можливо у вашій темі або ви встановили спеціальний плагін.

А зараз давайте створимо ще одну сторінку, яка знаходиться у ієрархії. Ви можете назвати її Мої хобі, додати трохи інформації, обрати Про проект в якості Батьківської і натиснути Опублікувати.

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

Використання шаблону сторінок

А зараз давайте подивимося, як ви можете використовувати шаблони сторінок для відображення вмісту різних сторінок по-різному.

Для цього потрібно активувати на нашому сайті різні теми, тому що тема Twenty Sixteen, яку ми використовували, не має шаблонів сторінок. Давайте зайдемо у Зовнішній вид → Теми і активуємо тему Twenty Eleven тому, що у неї є шаблони сторінок.

Тепер у віконці Атрибути сторінки праворуч з'явилася нова вкладка Шаблон.

Ви можете вибрати Базовий шаблон або один з двох інших моделей: Шаблон обраного або Шаблон з бічної колонкою. Виберіть Шаблон з бічної колонкою і перезавантажте сторінку, щоб побачити різницю.

Перше, що кинеться в очі – це відмінності від попередньої теми, а також ви помітите, що тепер у вас з'явилася бічна панель для цієї сторінки:

За замовчуванням, у сторінки на сайті не було бічній панелі, поки ви не вибрали цей шаблон:

Давайте подивимося на код шаблону сторінки.

У шаблону сторінки зазвичай немає власної назви. Ви можете назвати його, як захочете. Цей шаблон називається sidebar-page.php і лежить в корені вашої теми поруч з файлом page.php, який відповідає за висновок стандартної Сторінки.

Якщо подивитися на початок коду, то можна побачити, що він починається з Template Name: Sidebar Template.

Якщо ви розробляєте власну тему, то все, що вам потрібно для створення шаблону сторінки, це створити файл шаблона (скопіювати page.php і назвати його, наприклад my-page.php), де зверху у коментарях буде вказано ім'я шаблону, наприклад Template Name: My Custom Template.

Після цього у випадаючому меню Шаблон в Атрибутах сторінки ви побачите новий шаблон My Custom Template.

На цьому все!