Оформление обложек новостей
Выбери, какая часть обложки видна на карточке новости и как заголовок остаётся читаемым поверх неё, и проверь всё в живом предпросмотре.
Для владельцев и администраторов команд · 9 шагов
Что нужно заранее
- Твоя команда на тарифе Team Pro или Organization: изображения в новостях доступны на них. На тарифе Team поле Обложка заблокировано. В админ-панели бесплатной команды вместо Новости показан пункт Получить сайт.
- Ты владелец или администратор команды.
- Ты выбрал шаблон — см. Выбор шаблона. Пока шаблон не выбран, предпросмотр карточки не отрисуется.
Шаги
Шаг 1: Открой новости
В меню слева нажми Новости.
Ты увидишь: страницу «Новости» со списком твоих новостей, сначала самые свежие.
Шаг 2: Открой новость
Нажми на заголовок новости, чтобы открыть её, или нажми Новая новость и напиши новую — см. Как написать новость.
Ты увидишь: форму новости, а под датой публикации — Обложка.
Шаг 3: Выбери обложку
В разделе Обложка нажми Выбрать изображение (когда обложка уже есть, кнопка называется Заменить). В открывшемся окне выбери изображение, которое твоя команда уже загрузила, или добавь новое кнопкой Загрузить. Заполни поле Альтернативный текст и нажми Вставить.
Обложка необязательна. Без неё новость выглядит как обычно, и следующих шагов не будет.
Ты увидишь: обложку в разделе Обложка с точкой посередине, а под ней — Заголовок поверх изображения.
Шаг 4: Задай точку фокуса
Перетащи точку на самое важное на картинке — лицо, трофей, логотип. Или нажми на точку и двигай её стрелками: каждое нажатие сдвигает её на 5%.
Точка определяет, что останется в кадре на карточках новостей. У карточки своя форма, поэтому она заполняет рамку твоей обложкой и не теряет из виду место с точкой. На странице самой новости обложка всегда видна целиком.
Ты увидишь: точку там, куда ты её поставил, а Предпросмотр карточки ниже подстроится под неё.
Шаг 5: Выбери стиль заголовка
В разделе Стиль нажми Градиент, Тень текста, Отбрасываемая тень, Обводка или Без эффектов.
Заголовок стоит поверх обложки, а стиль помогает его читать: Градиент (выбран сразу) затемняет низ картинки, Тень текста и Отбрасываемая тень добавляют тень за буквами, Обводка рисует вокруг них тёмный контур, а Без эффектов ничего не добавляет.
Ты увидишь: заголовок в предпросмотре карточки в этом стиле.
Шаг 6: Выбери цвет градиента
Когда выбран Градиент, в разделе Цвет градиента нажми Тема, Чёрный или Акцент.
Цвет градиента есть только у стиля «Градиент». Варианты «Тема» и «Акцент» берут твои цвета из раздела Оформление.
Ты увидишь: градиент в предпросмотре карточки этого цвета.
Шаг 7: Проверь карточку
Посмотри на Предпросмотр карточки под стилем заголовка. Это карточка новости с твоего сайта в твоём шаблоне, с твоей обложкой, точкой фокуса и стилем заголовка.
Ты увидишь: заголовок поверх обложки, и его легко читать.
Шаг 8: Сохрани
Нажми Сохранить.
Новость сохранится в черновике — посетители её пока не видят.
Ты увидишь: новость на своей странице, с сохранённой обложкой и стилем.
Шаг 9: Опубликуй сайт
Нажми Проверить и опубликовать. Новость сохранится, и откроется страница публикации, где ты публикуешь весь сайт — см. Публикация сайта.
Ты увидишь: после публикации — карточки новостей с обложкой и заголовком поверх неё, а на странице новости — обложку целиком с заголовком на нижней части.
Как понять, что всё получилось
- В списке новостей на сайте карточка выглядит так же, как в предпросмотре.
- На странице новости обложка видна целиком, ничего не обрезано, а заголовок стоит поверх неё.
Что-то не так?
Карточка обрезает нужную часть обложки
Перетащи точку на эту часть (шаг 4), сохрани и опубликуй снова. Карточка держит место с точкой в кадре.
Не могу найти точку фокуса или стиль заголовка
Они появляются, только когда у новости есть обложка. Сначала выбери её (шаг 3).
Пропал цвет градиента
Он виден, только когда выбран стиль Градиент. Нажми Градиент в разделе Стиль, чтобы вернуть его.
Заголовок плохо читается на карточке
Выбери стиль посильнее: на пёстрой картинке обычно лучше всего читаются Градиент с цветом Чёрный или Обводка. Затем сохрани и опубликуй.
Я сохранил, но сайт не изменился
Сохранение оставляет новость в черновике. Открой Публикация в меню и опубликуй сайт (шаг 9).
Похожие статьи
Всё ещё не получается? Напиши в поддержку или на support@spawnfront.com — укажи страницу, на которой ты находишься, и номер шага.