Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Налаштування Дизайну Вебсайту | Створення Повноцінного Вебсайту З Нуля
Створення Вебсайту Без Коду за Допомогою WordPress

bookНалаштування Дизайну Вебсайту

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

Використання WordPress Customizer
expand arrow

WordPress Customizer дозволяє редагувати дизайн сайту в режимі реального часу та одразу бачити зміни.

Щоб відкрити його:

  • Перейдіть у Зовнішній вигляд → Налаштувати на панелі керування WordPress;
  • Відкриється Customizer з живим попереднім переглядом сайту праворуч і меню налаштувань ліворуч.

Доступні опції в Customizer залежать від активної теми. При використанні Astra зі стартовим шаблоном зазвичай доступні такі опції:

  • Глобальні налаштування: зміна шрифтів, кольорів і ширини контейнера;
  • Конструктор хедера і футера: редагування верхньої та нижньої частин сайту;
  • Меню та віджети: керування навігацією та елементами бокової панелі.

Зараз не потрібно досліджувати всі налаштування — зосередьтеся на основних.

Налаштування основних елементів
expand arrow

Основні елементи, на які слід звернути увагу при налаштуванні дизайну сайту:

1. Кольори та типографіка

  • Перейдіть у Глобальні → Кольори, щоб змінити кольори фону, тексту та посилань;
  • Перейдіть у Глобальні → Типографіка, щоб встановити шрифти та розміри для заголовків і основного тексту.

2. Хедер і футер

  • Натисніть Конструктор хедера або Конструктор футера у Customizer;
  • Ви побачите візуальне розташування, де можна натискати на різні секції (логотип, меню, соціальні іконки тощо) для їх редагування;
  • Також можна видаляти або змінювати порядок елементів, перетягуючи їх у нові позиції.
Додавання логотипа та favicon
expand arrow

Якщо ви не завантажили логотип під час імпорту стартового шаблону, зробіть це зараз.

Щоб оновити логотип:

  1. Перейдіть у Конструктор хедера → Назва сайту та логотип;
  2. Натисніть Вибрати логотип і завантажте зображення (бажано PNG із прозорим фоном).

Щоб додати favicon (іконка вкладки браузера):

  1. Перейдіть у Загальні налаштування → Ідентифікація сайту;
  2. У розділі Іконка сайту завантажте квадратне зображення (рекомендовано 512x512 пікселів).
Збереження змін
expand arrow

Після того як ви задоволені змінами, натисніть кнопку Опублікувати у верхній частині Customizer, щоб зберегти всі зміни.

question mark

Що таке favicon у WordPress?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 7. Розділ 2

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Suggested prompts:

How do I access the WordPress customizer?

Can you explain how to update my logo and colors?

What should I do after publishing my changes?

bookНалаштування Дизайну Вебсайту

Свайпніть щоб показати меню

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

Використання WordPress Customizer
expand arrow

WordPress Customizer дозволяє редагувати дизайн сайту в режимі реального часу та одразу бачити зміни.

Щоб відкрити його:

  • Перейдіть у Зовнішній вигляд → Налаштувати на панелі керування WordPress;
  • Відкриється Customizer з живим попереднім переглядом сайту праворуч і меню налаштувань ліворуч.

Доступні опції в Customizer залежать від активної теми. При використанні Astra зі стартовим шаблоном зазвичай доступні такі опції:

  • Глобальні налаштування: зміна шрифтів, кольорів і ширини контейнера;
  • Конструктор хедера і футера: редагування верхньої та нижньої частин сайту;
  • Меню та віджети: керування навігацією та елементами бокової панелі.

Зараз не потрібно досліджувати всі налаштування — зосередьтеся на основних.

Налаштування основних елементів
expand arrow

Основні елементи, на які слід звернути увагу при налаштуванні дизайну сайту:

1. Кольори та типографіка

  • Перейдіть у Глобальні → Кольори, щоб змінити кольори фону, тексту та посилань;
  • Перейдіть у Глобальні → Типографіка, щоб встановити шрифти та розміри для заголовків і основного тексту.

2. Хедер і футер

  • Натисніть Конструктор хедера або Конструктор футера у Customizer;
  • Ви побачите візуальне розташування, де можна натискати на різні секції (логотип, меню, соціальні іконки тощо) для їх редагування;
  • Також можна видаляти або змінювати порядок елементів, перетягуючи їх у нові позиції.
Додавання логотипа та favicon
expand arrow

Якщо ви не завантажили логотип під час імпорту стартового шаблону, зробіть це зараз.

Щоб оновити логотип:

  1. Перейдіть у Конструктор хедера → Назва сайту та логотип;
  2. Натисніть Вибрати логотип і завантажте зображення (бажано PNG із прозорим фоном).

Щоб додати favicon (іконка вкладки браузера):

  1. Перейдіть у Загальні налаштування → Ідентифікація сайту;
  2. У розділі Іконка сайту завантажте квадратне зображення (рекомендовано 512x512 пікселів).
Збереження змін
expand arrow

Після того як ви задоволені змінами, натисніть кнопку Опублікувати у верхній частині Customizer, щоб зберегти всі зміни.

question mark

Що таке favicon у WordPress?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 7. Розділ 2
some-alt