Snippets

What is a snippet?

Snippet is a micro-template. Snippet can be composed of any elements: paragraphs, headings, images, captions, dividers, icons, emojis. Snippets are commonly used as a reusable design elements: "photo of the day", " figure of the week", "place of the week", a quote, an author’s card with userpic, a side note.

You can also save the whole post as a template.

 

How do I add a snippet?

There is a default set of snippets in each built-in post style. Press Add snippet at the toolbar on the right to add a new snippet to your post.

 

editor_snippets.png

 

Group snippets according to their type

In Setka Editor, you can group similar snippets  It is very useful when you have many of them. Select an existing group to save snippet to or create a new one. Here is one of the ways you can group snippets: “Quotes,” “Photo blocks,” “Author portraits,” etc.  It all depends on your post style and design.

To access your snippet’s HTML-code, login to editor.setka.io and open a snippets tab on the left.

 

groupsnippets.png

 

Some of my snippets are inactive. What can be done?

You can add a snippet only to a post with the same grid system the original snippet has. Since snippets can be saved only within a post style they were created in, they inherit a layout and structure of the original post. When inserting a snippet into your post, and you see that it is not clickable, it means that it has a different grid or columns set, and Setka Editor prevents conflict between them.

 

Add a custom snippet

You can add a custom snippet while editing your post in Setka Post Editor. The snippet will be saved only within a custom post style you have selected for your post. Choose a snippet idea, select all elements for it  (figure and description for a “figure of the week), press CMD (CTRL) > Multiple Selection Mode.  Press Add Snippet at the toolbar on the right,  type a snippet name and Save it.

 You can customize your snippet in CSS editor of your Style Manager (Styles > Snippets tab).

From this article you will learn how to combine various elements and create your snippet in Style Manager. 

  

How does snippet look like?

It looks the way you want. You can put together both a built-in elements of an Editor’s library and any other files you upload to you post style.

Here is an example of a “quote” snippet as the most frequently used element in any article:

 

 

This is another snippet –  a side note with a figure: