Styles (стили постов) — это наборы сочетающихся элементов оформления: шрифтов, заголовков, цветов текста и фона, отступов, разделителей, иконок, кнопок и кнопок. Шрифты присваиваются заголовкам, подзаголовкам, подписям.
Вы можете создать несколько стилей под различные редакционные форматы и рубрики. Партнёрские проекты или рубрики могут иметь особое оформление.
Узнайте больше о фирменном стиле блога или медиа
Содержание
Быстрая настройка (Quick setup)
Расширенная настройка (Advanced setup)
Как изменения в стиле влияют на опубликованные посты
Примеры изменений, которые могут повредить вёрстку
Изменения в опубликованных постах из Design Cloud
Стили в бесплатной версии Setka Editor
Создание стиля
Создать стиль можно тремя способами:
- Быстрая настройка. После регистрации аккаунта, мы предложим создать первый стиль в упрощённом режиме. Если на аккаунте уже есть стили, быстрая настройка запускается из раздела Styles в личном кабинете. Для этого выберите Create custom style -> Quick setup.
- Расширенная настройка. Самостоятельно выберите все шрифты, цвета и другие визуальные элементы. Расширенный режим откроет полный редактор стиля со всеми его настройками. Для создания стиля в этом режиме, перейдите в раздел Styles в личном кабинете и выберите Create custom style -> Advanced setup.
- Из копии ранее созданного стиля. Для этого перейдите в раздел Styles в личном кабинете. Наведите курсор на бейдж стиля. В меню Style actions (в правом верхнем углу) Выберите Duplicate.
Быстрая настройка (Quick setup)
В ускоренном режиме достаточно выбрать цветовую палитру и шрифтовую пару. Результат отобразится на одном из примеров, расположенных ниже:
Любой цвет из готовой палитры можно заменить на фирменный цвет вашего бренда или издания:
Сохраните стиль и выберите его при редактировании своей первой статьи. Стиль, собранный в упрощённом редакторе, можно в любой момент отредактировать и дополнить другими элементами: загрузить шрифты и иконки, добавить дополнительные стили кнопок, разделителей и т.п. Для этого перейдите к расширенной настройке.
Расширенная настройка (Advanced setup)
Чтобы создать стиль вручную, с нуля, перейдите в раздел Styles в личном кабинете и выберите Create custom style -> Advanced setup:
Редактирование любого из ранее созданных стилей всегда происходит режиме Advanced setup.
Подробнее о редактировании отдельных элементов стиля, читайте в соответствующих статьях:
- Text formats. Форматирование и работа со шрифтами
- Цвет текста и фона
- Разделители
- Иконки
- Кнопки
- Компоненты – заранее сверстанные шаблоны
А также в разделе Менеджер стилей.
После внесения всех изменений, нажмите Save в нижней части экрана, чтобы сохранить их. Не забудьте опубликовать стиль, чтобы сделать его доступным в редакторе.
Обратите внимание: изменения применятся ко всем публикациям, свёрстанным в этом стиле.
Предпросмотр
Панель предпросмотра справа демонстрирует изменения стиля в реальном времени. Здесь вы можете оценить, как текстовые форматы, цвета и другие элементы фирменного стиля сочетаются между собой:
Чтобы переключить тип устройства, воспользуйтесь кнопками Desktop / Tablet / Mobile в верхней части экрана:
Если вы хотите оценить внешний вид конкретных словосочетаний или проверить работу шрифта со специфическими символами, измените текст предпросмотра. Для этого наведите на него и нажмите Edit в правом верхнем углу.
Добавьте свой текст и нажмите Save для сохранения изменений:
Чтобы вернуть текст по умолчанию, нажмите Restore default:
Как изменения в стиле влияют на опубликованные посты
Если отредактировать и сохранить стиль, изменения применятся ко всем постам в этом стиле.
Добавление элементов
Добавление новых элементов (цветов, разделителей, текстовых форматов, кнопок), не повлияет на вёрстку в опубликованных постах. Изменения можно сохранить в этом же стиле.
Удаление элементов
Если удалить элемент из стиля (иконку, разделитель, кнопку и пр.), изменить размер шрифта, или провести другие эксперименты — посты в этом стиле изменятся соответствующим образом.
Сделайте дубликат стиля (Save -> Duplicate style). Таким образом вы не повредите старые посты, использующие стиль.
Примеры изменений, которые могут повредить вёрстку
- Кардинальное изменение размера шрифта. Некоторые слова перестанут помещаться в колонках таблиц.
- Удаление иконок. Например, если вы использовали иконки с нумерацией, то после удаления не будет ясна логика повествования текста.
- Удаление разделителей. Если вы удалите разделитель для цитат, читателям будет неясно, что этот прямая речь эксперта.
Изменения в опубликованных постах из Design Cloud
Изменения стилей не повлияют на ранее экспортированные и опубликованные посты из Design Cloud. Чтобы получить пост с изменениями, экспортируйте его заново, из раздела Posts в личном кабинете.
Публикация стиля
Новый стиль сохранится в статусе Draft (черновик). Черновики стилей доступны только для редактирования в личном кабинете. Чтобы стиль можно было использовать в редакторе, опубликуйте его нажатием кнопки Publish. Предустановленные стили отмечены логотипом — .
Операции со стилями
Переименование
Чтобы переименовать стиль, откройте его из раздела Styles в личном кабинете. Название задаётся в блоке Style name левого меню. Сохраните изменения нажатием кнопки Save.
Деактивация / активация стиля
Чтобы деактивировать стиль, перейдите в Styles -> [Стиль] -> ... (Style actions) и нажмите Disable.
Деактивированные стили будут недоступны в новых постах. Это не распространяется на посты, созданные в стиле, который позднее был деактивирован.
Чтобы активировать стиль, перейдите в раздел Styles и нажмите Make active в бейдже стиля.
Удаление стиля
Для удаления стиля, перейдите в Styles -> [Стиль] -> ... (Style actions) и нажмите Delete this style.
Важно: Перед удалением убедитесь, что у вас нет опубликованных постов в этом стиле. Такие посты потеряют оформление.
Подтвердите действие, поставив галочку I don’t have posts that will be affected by this action. Завершите действие, нажав кнопку Delete Post Style.
Задание стиля по умолчанию
Чтобы задать стиль, который будет выбираться по умолчанию, при создании нового поста, перейдите в Styles -> [Стиль] -> ... (Style actions) -> Set as default. По умолчанию может быть выбран только один стиль.
Копирование стиля
Чтобы скопировать ранее созданный стиль, раздел Styles в личном кабинете. Наведите курсор на бейдж стиля. В меню Style actions (в правом верхнем углу) выберите Duplicate.
Компоненты
Компоненты сохраняются внутри конкретного стиля. Под каждый стиль создаётся свой набор компонентов. Подробнее о работе с компонентами смотрите в статьях:
Шаблоны
Шаблоны, как и компоненты, принадлежат конкретному стилю и подвергаются редактированию через Управление дизайн системой. Подробнее о работе с шаблонами читайте в статье Шаблоны постов.
Custom CSS
Если элементам стиля требуются дополнительные модификации, не предусмотренные Управление дизайн системой, их можно реализовать с помощью кастомных CSS-кодов.
Чтобы добавить свой CSS в стиль, прокрутите левую панель в самый низ и кликните по ссылке Custom CSS. CSS вписывается в открывшееся диалоговое окно.
Подробнее о модификации CSS читайте в статье Custom CSS — расширенные возможности оформления контента.
Стили в бесплатной версии Setka Editor
Вы можете создать любое количество стилей на тарифе Free. Однако активными могут оставаться только 2: 1 встроенный стиль и 1 кастомный, созданный вами. Чтобы использовать новый кастомный стиль, деактивируйте тот, который сейчас активен.
Ваш тарифный план может быть автоматически изменён на бесплатный:
- По истечении 14-дневного demo-периода.
- По истечении 14-дневного trial-периода.
- Если подписка не была продлена.
Чтобы вернуться к использованию нескольких активных стилей, возобновите подписку по одному из платных тарифов. После оплаты вы сможете заново активировать неактивные стили.