Content Design System Manager (CDSM) Components – reusable design elements

Components – reusable design elements

What is a snippet?

The Component is a template with formatting elements that can be used in posts. Layouts for specific content such as quotes, author’s name, and photo, event cards, or numbered lists can be saved for future use. Components speed-up the layout process as these design elements are available to you instantly.   


Components and post style

Each snippet is created using elements from a particular Post Style, meaning they are unique to this style and cannot be transferred to others. While Setka’s default styles contain a number of ready-made components, you are not able to create new components in these styles.


How to create components?

To create a snippet from Setka Editor, select the desired paragraph and any number of elements you would like to save as a snippet. Then, click the Components button in the right-hand sidebar. Click Add snippet, give the snippet a name, and save it.

Saved components will appear in this bar for you to insert into existing or future posts in this style. To upload them, select a paragraph, and click the components icon. The components list will be displayed.

Components can also be added from the Content Design System Manager (CDSM), but you will have to write HTML and CSS code from scratch.


How to change components?

Components can only be edited in the Content Design System Manager (CDSM). If you want to change a created snippet, you have to do it in HTML code. Click on Styles -> Post Style -> Components (left hand bar).

Alternatively, upload the existing snippet in the Post Editor. Edit the content and save it as a new snippet, alongside the original. Delete the original if necessary.



How to delete components?

Components can only be deleted and renamed in the Content Design System Manager (CDSM). Remember to save the changes to remove them from the Post Editor list.

Deleting a snippet created in the Post Editor removes it from the snippet list, without affecting the text or layout of the post or previous posts, which include this snippet. However, When you delete components created in CDSM using CSS code, the custom style will disappear from your published posts leaving plain text.


Can I copy a snippet from one style to another?

As components consist of elements from a particular post style like colors, fonts, dividers, and icons, it is not possible to copy them into a different post style.