У цій інструкції тема Twenty Twenty-Four використовується як приклад. Для інших тем у розділі Зовнішній вигляд → Теми порядок дій буде схожим.
Тема у WordPress працює як оформлення будинку: планування не змінюється, змінюється лише зовнішній вигляд. Тема визначає шапку, підвал, меню, шрифти, кольори та розташування елементів.
Крок 1. Відкрийте список тем
В адміністративній панелі WordPress перейдіть до Зовнішній вигляд → Теми.
[Знімок екрана — Розділ «Зовнішній вигляд → Теми»]
Крок 2. Встановіть тему Twenty Twenty-Four
Натисніть Додати нову, знайдіть Twenty Twenty-Four, відкрийте сторінку теми та натисніть Встановити.
Після завершення встановлення натисніть Активувати.
[Знімок екрана — Пошук Twenty Twenty-Four і кнопка «Встановити»]
[Знімок екрана — Кнопка «Активувати»]
Крок 3. Відкрийте редактор сайту
Перейдіть до Зовнішній вигляд → Редактор.
Для теми Twenty Twenty-Four більшість налаштувань зовнішнього вигляду виконується саме тут.
[Знімок екрана — Пункт меню «Зовнішній вигляд → Редактор»]
Крок 4. Завантажте логотип у шапку
У вікні попереднього перегляду редактора натисніть на шапку сайту, виберіть блок логотипа та завантажте зображення за допомогою кнопки заміни зображення.
[Знімок екрана — Виділена шапка та блок логотипа]
[Знімок екрана — Вікно завантаження логотипа]
Крок 5. Перевірте назву сайту та слоган
Виберіть блок Назва сайту у шапці та перевірте його текст.
Перевірте також слоган сайту. Якщо він не потрібен, видаліть його із шапки.
[Знімок екрана — Блок «Назва сайту» та слоган]
Крок 6. Відредагуйте меню
Виділіть блок Навігація у шапці та відкрийте його редагування.
Щоб додати новий пункт, натисніть кнопку + всередині блоку навігації та виберіть тип елемента.
До меню можна додати сторінку, власне посилання, категорію або запис.
Після додавання перетягніть пункти у потрібному порядку.
[Знімок екрана — Блок «Навігація» в режимі редагування]
[Знімок екрана — Додавання нового пункту меню кнопкою «+»]
Крок 7. Налаштуйте кольори та шрифти
Відкрийте розділ Стилі у редакторі сайту.
Виберіть основний колір, колір акценту та шрифт. Зміни одразу відображаються у попередньому перегляді.
[Знімок екрана — Розділ «Стилі»]
Крок 8. Збережіть зміни
Натисніть Зберегти у правому верхньому куті редактора.
Якщо WordPress покаже список змін, підтвердьте збереження, натиснувши Зберегти ще раз.
[Знімок екрана — Кнопка «Зберегти» та вікно підтвердження]
Крок 9. Перевірте результат
Відкрийте головну сторінку сайту в новій вкладці та перевірте шапку, логотип, меню, кольори й читабельність тексту.
Якщо потрібно щось виправити, поверніться до Зовнішній вигляд → Редактор, внесіть зміни та знову натисніть Зберегти.
[Знімок екрана — Головна сторінка після застосування змін]