Налаштуй заголовки сторінок
Додай заголовок кожній сторінці сайту: розмісти зображення й текст на сітці з дев’яти квадратів і вибери текст, шрифти, розміри й кольори.
Для власників і адміністраторів команд · 14 кроків
Що потрібно спочатку
- Твоя команда має передплату на сайт. В адмінпанелі безкоштовної команди замість Сторінки є Отримати сайт.
- Ти власник або адміністратор команди.
- Шаблон уже вибрано — див. Вибери шаблон. Доки шаблон не вибрано, у розділі «Сторінки» немає посилання Заголовки сторінок.
Кроки
Крок 1: Відкрий «Сторінки»
В адмінпанелі команди натисни Сторінки у меню ліворуч.
Ти побачиш: сторінку Сторінки зі списком усіх сторінок твого сайту.
Крок 2: Відкрий «Заголовки сторінок»
Натисни Заголовки сторінок угорі сторінки. У кожному редакторі сторінки також є швидке посилання: Редагувати заголовок цієї сторінки.
Ти побачиш: сторінку Заголовки сторінок із вкладкою для кожної сторінки сайту — Головна, Команда, Новини, Матчі, Турніри, Відео, Про нас і Магазин, — а під ними заголовок сторінки так, як його показує твій сайт, поверх сітки з дев’яти квадратів.
Крок 3: Вибери сторінку
Натисни вкладку сторінки, яку хочеш змінити, наприклад Головна.
Кожна сторінка має власний заголовок: зображення й текстовий блок — перше, що показує сторінка. Якщо назва порожня, показується назва самої сторінки, а на Головній — назва твоєї команди. Доки ти не збережеш заголовок Головної, він бере зображення й слоган із твоєї сторінки Головна.
Ти побачиш: заголовок цієї сторінки з маркером Текст на текстовому блоці.
Крок 4: Виділи зображення
На панелі праворуч натисни Зображення.
Ти побачиш: назва панелі зміниться на Блок зображення, а під нею з’явиться поле зображення.
Крок 5: Вибери зображення
Натисни Вибрати зображення (коли зображення вже додано, кнопка називається Замінити). У вікні, що відкриється, вибери зображення, яке твоя команда вже завантажила, або додай нове кнопкою Завантажити — JPEG, PNG, WebP або AVIF, до 5 МБ. Заповни поле Альтернативний текст, потім натисни Вставити.
Зображення показується повністю — ніколи не обрізається, а прозорий фон лишається прозорим, тож PNG із прозорістю чудово підходить. Щоб прибрати зображення із заголовка, натисни Видалити.
Ти побачиш: зображення в заголовку з маркером Зображення.
Крок 6: Вибери розмір зображення
У розділі Розмір натисни S, M, L або Заповнення.
Заповнення розміщує зображення за текстом на весь заголовок.
Ти побачиш: зображення в заголовку збільшиться або зменшиться.
Крок 7: Перемісти зображення
Перетягни маркер зображення на один із дев’яти квадратів. Або натисни маркер і користуйся клавішами зі стрілками: кожне натискання переміщує його на один квадрат. Також можна натиснути Enter або Space, щоб підхопити його, перемістити стрілками й знову натиснути Enter або Space, щоб відпустити.
Текстовий блок переміщується так само. Якщо поставиш обидва на один бік, вони перекриються — редактор точно покаже як.
Ти побачиш: зображення в новому квадраті, наприклад угорі праворуч.
Крок 8: Напиши назву й підзаголовок
На панелі натисни Текст. Введи назву (до 60 символів) і підзаголовок (до 120).
Залиш назву порожньою, щоб показати назву самої сторінки. Підзаголовок необов’язковий — крім Головної: щойно ти збережеш заголовок Головної, сайт не можна буде опублікувати без підзаголовка.
Ти побачиш: свій текст у заголовку під час введення й лічильник символів під кожним полем.
Крок 9: Вибери шрифт
У розділі Шрифт відкрий список і вибери шрифт. Шрифт теми залишає шрифт твого шаблону.
Назва й підзаголовок мають кожен свій шрифт.
Ти побачиш: текст заголовка новим шрифтом.
Крок 10: Вибери розмір
У розділі Розмір натисни S, M, L або XL.
Ти побачиш: текст у заголовку збільшиться або зменшиться.
Крок 11: Вибери колір
У розділі Колір натисни один із чотирьох зразків: Текст теми, Акцент, Білий або Чорний.
Текст теми й Акцент беруть твої кольори з розділу Вигляд; білий або чорний добре читається на темному чи світлому зображенні.
Ти побачиш: текст новим кольором.
Крок 12: Перевір на телефоні
Над заголовком натисни Телефон. Щоб повернутися, натисни Комп’ютер.
На телефоні зображення завжди над текстом, незалежно від вибраних квадратів.
Ти побачиш: заголовок звузиться до ширини телефона.
Крок 13: Збережи
Натисни Зберегти унизу редактора. Зберігаються всі змінені вкладки — крапка на вкладці позначає незбережені зміни.
Після збереження заголовки лишаються в чернетці — відвідувачі не побачать їх, доки ти не опублікуєш сайт. Щойно ти збережеш заголовок Головної, її зображення й слоган зберігаються тут: у редакторі Головної на їхньому місці з’явиться Редагувати заголовок, а кнопка залишиться в редакторі Головної.
Ти побачиш: «Збережено».
Крок 14: Опублікуй сайт
Натисни Публікація у меню ліворуч і опублікуй — див. Опублікуй сайт.
Ти побачиш: Заголовки сторінок у списку змін перед публікацією, а після — нові заголовки на сайті.
Як зрозуміти, що все вийшло
- Переглянути цю сторінку угорі редактора показує збережений заголовок на його сторінці.
- Після публікації кожна змінена сторінка відкривається з новим заголовком.
Щось не так?
Зміни збережено, але сайт не змінився
Після збереження заголовки лишаються в чернетці. Натисни Публікація в меню, щоб вони з’явилися на сайті (крок 14).
У редакторі Головної більше немає слогану й зображення
Після збереження заголовка Головної вони переїхали сюди: редагуй їх на вкладці Головна в розділі Заголовки сторінок. Посилання Редагувати заголовок у редакторі Головної веде туди. Кнопка залишається в редакторі Головної.
Кнопка «Зберегти» неактивна
У зображення немає альтернативного тексту (крок 5) або з останнього збереження нічого не змінилося. Якщо передплата закінчилася, адмінпанель доступна лише для перегляду, і зберегти нічого не можна, доки оплату не буде поновлено.
Сайт не публікується після збереження заголовка Головної
Не проходить перевірка Головний банер має слоган: після збереження заголовка Головної його підзаголовок — це рядок під назвою твоєї команди, тож він не може бути порожнім. Введи його на вкладці Головна (крок 8), збережи й опублікуй ще раз.
Пише «Ця сторінка змінилася, поки була відкрита»
Заголовки зберегли в іншому місці, поки вони були відкриті в тебе, — інший адміністратор або ти в іншій вкладці, — тож твої зміни не збережено. Натисни Перезавантажити й внеси зміни ще раз.
Схожі статті
Досі не виходить? Напиши в підтримку або на пошту support@spawnfront.com — вкажи сторінку, на якій ти є, і номер кроку.