Як змінювати дизайн сайтів Google

Ви можете будь-коли змінити зовнішній вигляд і стиль сайту.

Примітка. Цей розділ стосується нової версії Google Сайтів (кнопка "Створити"  розташована внизу праворуч). Переглянути вказівки для класичної версії Google Сайтів.

Як вибрати тему для сайту

Як використовувати стандартну тему

1. На комп’ютері відкрийте сайт у новій версії Google Сайтів.
2. Праворуч натисніть Теми.
3. У розділі "Від Google" виберіть стандартну тему.

Як імпортувати спеціальну тему з іншого сайту

1. На комп’ютері відкрийте сайт у новій версії Google Сайтів.
2. Праворуч натисніть Теми.
3. У розділі "Спеціальна" натисніть значок .
4. Виберіть сайт виберіть тему.
5. Натисніть Імпортувати тему.

Як використовувати спеціальні теми

Додавши спеціальну тему, ви зможете виконувати наведені нижче дії. 

• Створювати й застосовувати різні фони та кольори тексту на своєму сайті.
• Налаштовувати стилі тексту за умовчанням.
• Вибирати образи бренду й значки веб-сторінок.
• Налаштовувати інші елементи сайту, зокрема:
  • кнопки;
  • роздільники;
  • посилання;
  • каруселі зображень.
• Змінювати ширину сайту.
• Змінювати колір тексту й фону меню.
  • Порада. Щоб змінити розташування меню, натисніть Налаштування Навігація.

Як створити спеціальну тему

1. На комп’ютері відкрийте сайт у Google Сайтах .
2. На панелі праворуч натисніть Теми.
3. У розділі "Спеціальна" натисніть значок .
4. Введіть назву теми.
5. Натисніть Далі.
   • За бажанням додайте логотип і банер.
6. Виберіть палітру кольорів Далі.
   • Щоб вибрати певні кольори для різних розділів сайту, натисніть Налаштувати кольори.
7. Виберіть шрифти.
8. Натисніть Створити тему.
   • Ви можете вносити інші зміни у свою тему на панелі праворуч.

Як внести зміни у спеціальну тему

1. На комп’ютері відкрийте сайт у Google Сайтах .
2. На панелі праворуч натисніть Теми.
3. У розділі "Спеціальна" виберіть тему.
4. Угорі праворуч натисніть значок Змінити.

Як показувати й налаштовувати фрейм

1. На комп’ютері відкрийте сайт у Google Сайтах .
2. Створивши спеціальну тему, на панелі праворуч натисніть Теми.
3. У розділі "Спеціальна" виберіть тему.
4. Угорі праворуч натисніть значок Змінити.
5. У розділі "Інтервали" поставте прапорець біля пункту "Показати фрейм".
6. Виберіть колір фрейму.

Важливо. Щоб використовувати фрейми сторінок, потрібно розмістити меню сайту в його верхній частині. У розділі "Навігація" виберіть для параметра "Режим" значення Угорі.

Як налаштувати ширину сайту

1. На комп’ютері відкрийте сайт у Google Сайтах .
2. Створивши спеціальну тему, на панелі праворуч натисніть Теми.
3. У розділі "Спеціальна" виберіть тему.
4. Угорі праворуч натисніть значок Змінити.
5. У розділі "Інтервали" виберіть ширину сайту.
   • За умовчанням. Рекомендовано для сайтів із невеликою кількістю контенту, який виглядатиме розтягнутим.
   • Повна ширина. Рекомендовано для сайтів із великим обсягом контенту, які виглядатимуть щільно заповненими.
   • Широкий. Рекомендовано для сайтів з обсягом контенту між варіантами "За умовчанням" і "Повна ширина".

Як змінити стиль сайту

Порада. Щоб змінити місцезнаходження меню, потрібно мати кілька сторінок.

Як змінити шрифт

Якщо ви застосовуєте стандартну тему

1. Праворуч натисніть Теми.
2. Натисніть Стиль шрифту й виберіть потрібний варіант.
3. Щоб опублікувати зміни, угорі праворуч натисніть Опублікувати.

Якщо ви застосовуєте власну тему

1. Праворуч натисніть Теми.
2. У розділі "Спеціальна" знайдіть потрібну тему. 
3. У верхньому правому куті натисніть значок Редагувати.
4. Натисніть Текст. 
5. Знайдіть потрібний стиль тексту та змініть його шрифт і форматування.
6. Щоб опублікувати зміни, угорі праворуч натисніть Опублікувати.

Як змінити вигляд розділу

1. Наведіть курсор на розділ і ліворуч натисніть значок .
2. Виберіть стиль або додайте фотографію.

Як перемістити меню вгору або вліво

Примітка. Щоб змінити розташування меню, на сайті має бути принаймні дві сторінки.

1. Угорі праворуч натисніть значок .
2. У вікні "Налаштування" виберіть Навігація  Режим.
3. Виберіть За верхнім краєм або Збоку.
4. Угорі праворуч натисніть Опублікувати.

Як змінити колір меню

Якщо ви застосовуєте стандартну тему

1. Угорі праворуч натисніть значок .
2. У вікні "Налаштування" виберіть Навігація  Колір.
3. Виберіть Прозорий, Білий або Чорний. 
4. Угорі праворуч натисніть Опублікувати.

Якщо ви застосовуєте власну тему

1. Праворуч натисніть панель "Теми".
2. У розділі "Спеціальна" знайдіть потрібну тему. 
3. У верхньому правому куті натисніть значок Редагувати.
4. Натисніть Навігація.
5. У розділі "Фон" змініть колір меню або виберіть параметр "Зробити панель прозорою вгорі сторінки".
6. Щоб опублікувати зміни, угорі праворуч натисніть Опублікувати.

Класична версія Google Сайтів

Примітка. Цей розділ стосується класичної версії Google Сайтів (кнопка "Створити" розташована угорі ліворуч). Переглянути вказівки для нової версії Google Сайтів.

Як змінити дизайн сайту

Як змінити тему або розмітку

Як вибрати стиль

1. На комп'ютері відкрийте сайт у класичній версії Google Сайтів.
2. Угорі праворуч натисніть значок   Керування сайтом.
3. У меню ліворуч натисніть Теми, кольори та шрифти.
4. У розділі "Основна тема" натисніть значок .
5. Виберіть нову тему.
6. Угорі натисніть Зберегти.

Як змінити розмітку

1. На комп'ютері відкрийте сайт у класичній версії Google Сайтів.
2. Угорі праворуч натисніть значок   Редагування розмітки сайту.
3. У меню вгорі виберіть елемент.
4. Внесіть зміни в розмітку.
5. Закінчивши, угорі праворуч натисніть Закрити.

Як змінити фон або шрифт

Як змінити фон

1. На комп'ютері відкрийте сайт у класичній версії Google Сайтів.
2. Угорі праворуч натисніть значок   Керування сайтом.
3. У меню ліворуч натисніть Теми, кольори та шрифти.
4. Змініть фон, а потім угорі натисніть Зберегти.

Як змінити стиль, колір або розмір шрифту

1. На комп'ютері відкрийте сайт у класичній версії Google Сайтів.
2. Угорі праворуч натисніть значок   Керування сайтом.
3. У меню ліворуч натисніть Теми, кольори та шрифти.
4. У розділі "Фон" натисніть Текст.
5. Змініть параметри шрифту, а потім угорі натисніть Зберегти.

 

Статті за темою

• Як додавати й редагувати текст і зображення
• Як додати файли Google, відео тощо