Components – reusable design elements

How to create, delete and change components

What is a component?

The Component is a template with formatting elements that can be used in posts. Layouts for specific content such as quotes, author’s name, 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 component 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 several ready-made components, you cannot create new components in these styles.

How to create components?

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

Saved components will appear in the Components bar 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.

Learn more about components and get inspired with multiple ready-to-use examples in Setka Components Library.

How to change components?

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

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

Adding a Component with HTML and CSS in Setka Content Design System Manager

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 component created in the Post Editor removes it from the component list without affecting the post or previous posts, including this component. 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 component from one style to another?

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