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

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

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

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

Узнайте больше о том, что такое фирменный стиль блога или медиа в нашем блоге.

 

Как создать новый стиль?

1. Зайдите на editor.setka.io.

2. Перейдите в раздел Styles и кликните Create custom style.

У нового стиля будет статус Draft, пока вы не сделаете его активным с помощью кнопки Publish. Пока стиль находится в статусе Draft, в нем нельзя создать посты.Предустановленные стили отмечены нашим логотипом — ______________2017-06-05___12.03.05.png.

 

post_styles.png  

 

Что значит стиль default?

При создании нового поста, по умолчанию, выбирается именно этот стиль. Чтобы установить другой стиль как default, выберите его в выпадающем меню: Styles -> ▼ -> Set as default

 

Зачем нужны разные стили?

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

 

Что произойдет, если я изменю созданный стиль?

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

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

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

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

 

saving_style.png

 

Как изменить порядок текстовых форматов?

Иногда требуется менять порядок текстовых форматов - например, если вы создали собственные форматы и хотите, чтобы они выступали первыми в списке.

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

Screen_Shot_2019-12-27_at_12.22.12.png

Измененный порядок текстовых отобразится в редакторе, после сохранения стиля:

Screen_Shot_2019-12-27_at_12.22.54.png

 

Примеры изменений настроек, которые могут повлечь за собой проблемы с версткой постов

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

 

Как редактирование стиля влияет на посты, созданные в этом стиле?

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

 

Как сохранить стиль?

В Style Manager сейчас нет функции автоматического сохранения. Обязательно нажимайте кнопку Save (внизу окна) после внесения любых изменений.

 

Screen_Shot_2017-04-28_at_16.04.19.png

 

Могу ли я удалить стиль?

Да, можете. Но обязательно убедитесь, что у вас нет контента, оформленного в этом стиле  — иначе контент потеряет оформление.

 

Как деактивировать стиль?

Чтобы деактивировать стиль, нажмите Styles > ▼ > Disable на странице Post Styles.

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

 

Могу ли я переименовать стиль?

Да, переименовываются как предустановленные, так и созданные вами стили. 

 

Могу ли я изменить текст в превью стиля?

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

Screen_Shot_2019-12-27_at_12.07.42.png

Screen_Shot_2019-12-27_at_12.07.48.png

 

В любой момент вы можете вернуть текст, заданный по умолчанию, — для нажмите "Restore default".

Screen_Shot_2019-12-27_at_12.08.18.png

  

Могу ли я использовать кастомный CSS для изменения стиля?

Да, можете. Для этого нажмите на ссылку Custom CSS внизу левой панели Style Manager. В появившемся окне вы можете вписать CSS-код.

Эта функция понадобится, если вы хотите применить дополнительные свойства к элементам стиля (например, если вам нужно всегда добавлять кавычки перед текстом в формате Small Text). По умолчанию внизу окна включена галочка, которая применяет написанные стили только для контента поста. Если ее отключить, то стили будут применяться для всей страницы поста, включая системные элементы WordPress.