Менеджер стилей Styles. Создание и редактирование стилей постов

Styles. Создание и редактирование стилей постов

Styles (стили постов) — это наборы сочетающихся элементов оформления: шрифтов, заголовков, цветов текста и фона, отступов, разделителей, иконок, кнопок и кнопок. Шрифты присваиваются заголовкам, подзаголовкам, подписям.

Вы можете создать несколько стилей под различные редакционные форматы и рубрики. Партнёрские проекты или рубрики могут иметь особое оформление.

Узнайте больше о фирменном стиле блога или медиа

 

Содержание

Создание стиля

Быстрая настройка (Quick setup)

Расширенная настройка (Advanced setup)

Предпросмотр

Как изменения в стиле влияют на опубликованные посты

Добавление элементов

Удаление элементов

Примеры изменений, которые могут повредить вёрстку

Изменения в опубликованных постах из Design Cloud

Публикация стиля

Операции со стилями

Переименование

Деактивация / активация стиля

Удаление стиля

Задание стиля по умолчанию

Копирование стиля

Сниппеты

Шаблоны

Custom CSS

Стили в бесплатной версии Setka Editor

 

Создание стиля

Создать стиль можно тремя способами:

  • Быстрая настройка. После регистрации аккаунта, мы предложим создать первый стиль в упрощённом режиме. Если на аккаунте уже есть стили, быстрая настройка запускается из раздела Styles в личном кабинете. Для этого выберите Create custom style -> Quick setup.
  • Расширенная настройка. Самостоятельно выберите все шрифты, цвета и другие визуальные элементы. Расширенный режим откроет полный редактор стиля со всеми его настройками. Для создания стиля в этом режиме, перейдите в раздел Styles в личном кабинете и выберите Create custom style -> Advanced setup.
  • Из копии ранее созданного стиля. Для этого перейдите в раздел Styles в личном кабинете. Наведите курсор на бейдж стиля. В меню Style actions (в правом верхнем углу) Выберите Duplicate.

 

Быстрая настройка (Quick setup)

В ускоренном режиме достаточно выбрать цветовую палитру и шрифтовую пару. Результат отобразится на одном из примеров, расположенных ниже:

Screen_Shot_2020-04-23_at_12.20.35.png

 

Любой цвет из готовой палитры можно заменить на фирменный цвет вашего бренда или издания:

Screen_Shot_2020-04-23_at_12.22.44.png

Сохраните стиль и выберите его при редактировании своей первой статьи. Стиль, собранный в упрощённом редакторе, можно в любой момент отредактировать и дополнить другими элементами: загрузить шрифты и иконки, добавить дополнительные стили кнопок, разделителей и т.п. Для этого перейдите к расширенной настройке.

 

Расширенная настройка (Advanced setup)

Чтобы создать стиль вручную, с нуля, перейдите в раздел Styles в личном кабинете и выберите Create custom style -> Advanced setup:

Screen_Shot_2020-04-23_at_12.23.49.png

Редактирование любого из ранее созданных стилей всегда происходит режиме Advanced setup.

Подробнее о редактировании отдельных элементов стиля, читайте в соответствующих статьях:

А также в разделе Менеджер стилей.

После внесения всех изменений, нажмите Save в нижней части экрана, чтобы сохранить их. Не забудьте опубликовать стиль, чтобы сделать его доступным в редакторе.

 

Обратите внимание: изменения применятся ко всем публикациям, свёрстанным в этом стиле.

 

Предпросмотр

Панель предпросмотра справа демонстрирует изменения стиля в реальном времени. Здесь вы можете оценить, как текстовые форматы, цвета и другие элементы фирменного стиля сочетаются между собой:

mceclip1.png

 

Чтобы переключить тип устройства, воспользуйтесь кнопками Desktop / Tablet / Mobile в верхней части экрана:

______________2020-05-29___13.37.27.png

 

Если вы хотите оценить внешний вид конкретных словосочетаний или проверить работу шрифта со специфическими символами, измените текст предпросмотра. Для этого наведите на него и нажмите Edit в правом верхнем углу.

Screen_Shot_2019-12-27_at_12.07.42.png

 

Добавьте свой текст и нажмите Save для сохранения изменений:

Screen_Shot_2019-12-27_at_12.07.48.png

 

Чтобы вернуть текст по умолчанию, нажмите Restore default:

Screen_Shot_2019-12-27_at_12.08.18.png

 

Как изменения в стиле влияют на опубликованные посты

Если отредактировать и сохранить стиль, изменения применятся ко всем постам в этом стиле.

 

Добавление элементов

Добавление новых элементов (цветов, разделителей, текстовых форматов, кнопок), не повлияет на вёрстку в опубликованных постах. Изменения можно сохранить в этом же стиле.

 

Удаление элементов

Если удалить элемент из стиля (иконку, разделитель, кнопку и пр.), изменить размер шрифта, или провести другие эксперименты — посты в этом стиле изменятся соответствующим образом.

Сделайте дубликат стиля (Save -> Duplicate style). Таким образом вы не повредите старые посты, использующие стиль.

 

Примеры изменений, которые могут повредить вёрстку

  • Кардинальное изменение размера шрифта. Некоторые слова перестанут помещаться в колонках таблиц.
  • Удаление иконок. Например, если вы использовали иконки с нумерацией, то после удаления не будет ясна логика повествования текста.
  • Удаление разделителей. Если вы удалите разделитель для цитат, читателям будет неясно, что этот прямая речь эксперта.

 

Изменения в опубликованных постах из Design Cloud

Изменения стилей не повлияют на ранее экспортированные и опубликованные посты из Design Cloud. Чтобы получить пост с изменениями, экспортируйте его заново, из раздела Posts в личном кабинете.

 

Публикация стиля

Новый стиль сохранится в статусе Draft (черновик). Черновики стилей доступны только для редактирования в личном кабинете. Чтобы стиль можно было использовать в редакторе, опубликуйте его нажатием кнопки PublishПредустановленные стили отмечены логотипом — ______________2017-06-05___12.03.05.png. 

post_styles.png

 

 

Операции со стилями

Переименование

Чтобы переименовать стиль, откройте его из раздела 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.

 

Сниппеты

Сниппеты сохраняются внутри конкретного стиля. Под каждый стиль создаётся свой набор сниппетов. Подробнее о работе со сниппетами смотрите в статьях:

 

Шаблоны

Шаблоны, как и сниппеты, принадлежат конкретному стилю и подвергаются редактированию через Style Manager. Подробнее о работе с шаблонами читайте в статье Шаблоны постов.

 

Custom CSS

Если элементам стиля требуются дополнительные модификации, не предусмотренные Style Manager, их можно реализовать с помощью кастомных CSS-кодов.

Чтобы добавить свой CSS в стиль, прокрутите левую панель в самый низ и кликните по ссылке Custom CSS. CSS вписывается в открывшееся диалоговое окно.

Подробнее о модификации CSS читайте в статье Custom CSS — расширенные возможности оформления контента.

 

 

Стили в бесплатной версии Setka Editor

Вы можете создать любое количество стилей на тарифе Free. Однако активными могут оставаться только 2: 1 встроенный стиль и 1 кастомный, созданный вами. Чтобы использовать новый кастомный стиль, деактивируйте тот, который сейчас активен. 

Ваш тарифный план может быть автоматически изменён на бесплатный:

  • По истечении 14-дневного demo-периода.
  • По истечении 14-дневного trial-периода.
  • Если подписка не была продлена.

Чтобы вернуться к использованию нескольких активных стилей, возобновите подписку по одному из платных тарифов. После оплаты вы сможете заново активировать неактивные стили.