Сниппеты

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

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

 

Как добавить сниппет?

В посте есть набор предустановленных сниппетов. Чтобы добавить один из них в пост, нажмите Add snippet на панели инструментов справа.

 

editor_snippets.png

 

Создать свой сниппет

 

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

Определитесь с задачей сниппета, добавьте необходимые элементы (например, в "цифра дня" - это сама цифра и описание к ней), задайте им стиль. Затем выделите все элементы сниппета, зажав CMD (CTRL), появится Multiple Selection Mode. В боковом меню справа нажмите Add snippet, придумайте укажите имя сниппета, после чего, нажмите Save.

В Style Manager можно затем кастомизировать созданный вами сниппет в CSS редакторе (вкладка Snippets), применив к нему нужные стили оформления.

Подробнее о создании сниппетов в Style Manager можно узнать в этой статье.

 

Каким может быть сниппет?

Таким, каким вы сами захотите. Его можно собрать как из присутствующих по-умолчанию графических элементов в библиотеке редактора, так и из ранее нарисованных вами и добавленных в хранилище изображений, а также кастомизированных с помощью CSS.

Так выглядит создание сниппета “цитаты” как наиболее частого элемента, используемого при написании статей:

 

 

А так — выноса с цифрой, другого регулярно повторяющегося блока статьи:

 

 

Полезные советы о том как сэкономить время при верстке сложных материалов с примерами создания сниппетов редакторами интернет-издания The Village доступны в статье нашего блога.