Менеджер стилей Сниппеты – заранее сверстанные шаблоны

Сниппеты – заранее сверстанные шаблоны

Что такое сниппет?

Сниппеты или snippets — это шаблоны с элементами верстки, регулярно повторяющиеся в одном или нескольких постах. Например, в стиле Newspaper есть несколько предустановленных сниппетов для разного оформления цитат в тексте. Они ускоряют процесс верстки, когда, например, вам нужно создать пост с прямой речью.

Сниппет — это любой регулярный формат: "фото дня", “цифра недели”, “место недели”, цитата, блок с представлением автора (юзерпик, имя и небольшое описание), карточка, выносы.

 

 

Из чего состоит сниппет?

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

 

Сниппет и стиль поста

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

 

Где и как создается сниппет?

Сниппет, который создается в Setka Post Editor внутри поста, может быть использован только в том стиле, в котором он был создан.

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

Сниппеты также можно добавить из Style Manager, но их придется верстать с нуля в CSS.

  

Как изменить сниппет?

Спиппет можно отредактировать только в Style Manager, а в редакторе вы можете лишь создать новый сниппет. Для того что бы изменить сниппет в Style Manager, нужно отредактировать его HTML код. Зайдите в раздел Styles на сайте https://editor.setka.io и выберите вкладку Snippets:

 

snippet_css_html.png

 

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

Если сниппет был создан в редакторе, то контент, который был вставлен в качестве сниппета, не теряет оформление. Но если сниппет был создан в Style Manager с CSS-кодом, то эти кастомные стили пропадут из постов. Останется только текст и отдельные элементы (например, иконка).

 

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

Сниппет состоит из элементов конкретного стиля (цвета, шрифты, разделители), поэтому не будет работать в другом стиле. Копировать сниппет в другой стиль не имеет смысла.