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

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

Awesome!

Completion rate improved to 3.45

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