Article Engine
The Article Engine Component is designed to dynamically fetch, display, and manage article-based content on a website. It allows content authors to create and curate structured articles with rich text, media, metadata, and tagging, ensuring an engaging and SEO-friendly experience. The component supports dynamic filtering. This component is ideal for blogs, news sections, and editorial content.
Article cards
Title: a good title should be a summary of what to expect in the article. Use one short sentence to describe what your readers can expect to read. Examples:
Bad title: MasterChef Podcast: Glenn Beckwood
Good title: MasterChef Podcast: Best places to eat tacos with Glenn Beckwood
Image Relevance: Always include an image related to the content or topic. This visual element not only enhances the aesthetic appeal of the card but also provides users with a quick visual cue about the episode's theme or subject matter.
Add the categories to the card: Incorporate the relevant categories associated with the podcast episode directly on the card. This helps users quickly understand the main themes or topics covered in the episode, improving the browsing experience, and aiding in content discovery.
Component data
Global resources:
cicon-package.zip | bootstrap-grid.css (4.4.1) | jquery-3.6.0.min.js
Component resources:
SCSS files l zingtouch.min.js | coc.imageviewer.js
Functional grouping: Media
Demo
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sodales augue a nunc facilisis aliquam.
Read More7 articles found.
Usage best practices
- News & Blog Sections – To dynamically display recent news, blog posts, or editorials.
- Knowledge Bases & FAQs – To manage structured content with categories and search.
- Poscast pages
Do
- Keep category names concise. Make sure names will be under four words to maintain clarity.
- Make sure to have a filter or search functionality if you have over 7 categories. This will make easier and quicker for users to find relevant information.
Don't
- Don’t have more than 3 categories assigned to each article. The categories help users to quickly find relevant topics to them, if there are too many, they may start to ignore it.