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