07 - Preview of articles in SuperSite blog

SuperSite allows you to display previews of blog articles. With this feature, you can create a clear list of articles with preview images and brief descriptions that lead users to read more.



How to Add Article Previews


  1. Open the SuperSite editor
    • Click on Blog in the left toolbar.
  2. Select the "Preview" section
    • Available article preview templates will be displayed.
  3. Choose a preview style
    • You can choose from different layouts (e.g., grid, list, cards).
  4. Drag the component onto the page
    • Place the article preview at the desired location on your website.

Article previews in SuperSite blogAdding article previews



Customizing Preview Appearance


After adding the preview module, you can customize the following:

  • Displayed articles – select specific categories or the latest articles.
  • Layout – change the number of columns or display style.
  • Style and colors – adjust background, font size, or borders.

Article previews in SuperSite blogCustomizing preview appearance



Interactivity of Previews


Each article preview includes:

Article image
Article title
Publication date
Short introductory text

When clicking on the preview, the user will be redirected to the full article.

💡 The order of article display is set by the upload date, from the newest to the oldest, with priority given to articles marked as Featured (Highlight post).