Оформлення обкладинок новин

Вибери, яку частину обкладинки показує картка новини і як заголовок лишається читабельним, і перевір усе на живій картці.

Для власників і адміністраторів команд · 9 кроків

Що потрібно спочатку

  • Твоя команда на Team Pro або Organization: зображення в новинах доступні з ними. На тарифі Team поле Зображення обкладинки заблоковане. В адмінпанелі безкоштовної команди замість Новини є Отримати сайт.
  • Ти власник або адміністратор команди.
  • Ти вже вибрав шаблон — див. Вибери шаблон. Доки ти цього не зробиш, попередній перегляд картки не з’явиться.

Кроки

  1. Крок 1: Відкрий «Новини»

    У меню ліворуч натисни Новини.

    Ти маєш побачити: сторінку «Новини» зі списком твоїх новин — спершу найновіші.

    Меню адмінпанелі команди, де виділено «Новини».
  2. Крок 2: Відкрий новину

    Натисни назву новини, щоб відкрити її, або натисни Нова новина і напиши нову — див. Напиши новину.

    Ти маєш побачити: форму новини з полем Зображення обкладинки під датою публікації.

    Сторінка «Новини», де виділено кнопку «Нова новина».
  3. Крок 3: Вибери обкладинку

    У полі Зображення обкладинки натисни Вибрати зображення (коли обкладинку вже вибрано, на кнопці буде Замінити). У вікні, що відкриється, вибери зображення, яке твоя команда вже завантажила, або додай нове кнопкою Завантажити. Заповни поле Альтернативний текст, потім натисни Вставити.

    Обкладинка не обов’язкова. Без неї новина має звичайний вигляд, і наступних кроків не буде.

    Ти маєш побачити: обкладинку під Зображення обкладинки з точкою посередині, а під нею — Заголовок поверх зображення.

    Вікно «Вставити зображення» з вибраною картинкою, де виділено поле «Альтернативний текст» і кнопку «Вставити».
  4. Крок 4: Встанови фокусну точку

    Перетягни точку на найважливіше на картинці — обличчя, трофей, логотип. Або натисни на точку й користуйся клавішами зі стрілками: кожне натискання зсуває її на 5%.

    Точка визначає, що залишиться видно на картках новин. Картка має власну форму, тож вона заповнює рамку твоєю обкладинкою і тримає місце з точкою на виду. На сторінці самої новини обкладинку завжди видно повністю.

    Ти маєш побачити: точку там, де ти її поставив, а Попередній перегляд картки нижче змінюється слідом за нею.

    Обкладинка, де фокусну точку перенесено на трофей і виділено.
  5. Крок 5: Вибери стиль заголовка

    У розділі Стиль натисни Градієнт, Тінь тексту, Відкинута тінь, Контур або Без ефектів.

    Заголовок стоїть поверх обкладинки, а стиль робить його читабельним: Градієнт (вибраний спочатку) затемнює низ картинки, Тінь тексту і Відкинута тінь додають тінь за літерами, Контур обводить їх темним краєм, а Без ефектів нічого не додає.

    Ти маєш побачити: заголовок у попередньому перегляді картки в цьому стилі.

    Варіанти «Стиль» під «Заголовок поверх зображення», де вибрано й виділено «Градієнт».
  6. Крок 6: Вибери колір градієнта

    Коли вибрано Градієнт, натисни Тема, Чорний або Акцент у розділі Колір градієнта.

    Колір градієнта видно лише для стилю «Градієнт». Тема й Акцент беруть твої кольори з розділу Вигляд.

    Ти маєш побачити: градієнт у попередньому перегляді картки цього кольору.

    Варіанти «Колір градієнта», де вибрано й виділено «Акцент».
  7. Крок 7: Перевір картку

    Подивись на Попередній перегляд картки під стилем заголовка. Це картка новини, яку показує твій сайт, у твоєму шаблоні, з твоєю обкладинкою, фокусною точкою і стилем заголовка.

    Ти маєш побачити: твій заголовок поверх обкладинки, і його легко прочитати.

    Попередній перегляд картки із заголовком новини поверх обкладинки, виділено.
  8. Крок 8: Збережи

    Натисни Зберегти.

    Після збереження новина лишається в чернетці — відвідувачі її ще не бачать.

    Ти маєш побачити: новину відкрито на її власній сторінці, обкладинку та її стиль збережено.

    Форма новини, де виділено кнопку «Зберегти».
  9. Крок 9: Опублікуй сайт

    Натисни Перевірити й опублікувати. Новину буде збережено, і відкриється сторінка публікації, де ти публікуєш увесь сайт — див. Опублікуй сайт.

    Ти маєш побачити: після публікації — картки новин з обкладинкою і заголовком поверх неї, а на сторінці новини — всю обкладинку із заголовком на її нижній частині.

Як зрозуміти, що все вийшло

  • Список новин на твоєму сайті показує картку так само, як попередній перегляд.
  • Сторінка новини показує всю обкладинку, нічого не обрізано, а заголовок стоїть поверх неї.

Щось не так?

Картка обрізає потрібну мені частину обкладинки

Перемісти точку на цю частину (крок 4), збережи й опублікуй знову. Картка тримає місце з точкою на виду.

Не можу знайти фокусну точку чи стиль заголовка

Вони з’являються лише тоді, коли в новини є обкладинка. Спершу вибери її (крок 3).

Зник колір градієнта

Його видно лише тоді, коли вибрано стиль Градієнт. Натисни Градієнт у розділі Стиль, щоб повернути його.

Заголовок погано читається на картці

Вибери сильніший стиль: на строкатій картинці зазвичай найкраще читаються Градієнт із кольором Чорний або Контур. Потім збережи й опублікуй.

Я зберіг, але сайт не змінився

Після збереження новина лишається в чернетці. Відкрий у меню Публікація й опублікуй сайт (крок 9).

Схожі статті

Досі не виходить? Напиши в підтримку або на пошту support@spawnfront.com — вкажи сторінку, на якій ти є, і номер кроку.