Skip to content

News Section

The News Section automatically fetches and displays news articles with a load-more functionality. Articles are sorted by publication date, making it easy for visitors to stay up to date with your latest news and updates.



Example of News Section
Example of News Section

  • Type: String
  • Required: No
  • Purpose: Main heading for the news section
  • Example:
    News or Latest Updates

  • Type: Text
  • Required: No
  • Purpose: Description for the news section
  • Example:
    Latest news and updates

  • Type: Number
  • Required: No
  • Purpose: Maximum number of articles to display initially
  • Default Value: 6
  • Min Value: 1
  • Max Value: 50

  • Type: Boolean
  • Required: No
  • Purpose: Whether to show a “Load More” button for additional articles
  • Default Value: true

  • Type: Reference (backgroundColor)
  • Required: No
  • Purpose: Sets the background color for the entire section

  • Section Headline: News
  • Section Description: Latest news and updates
  • Maximum Articles to Display: 6
  • Show Load More Button: true
  • Background Color: Reference to a backgroundColor object

  • Initial count: Display 6-12 articles initially for optimal performance and user experience
  • Load more: Enable load more for better performance when you have many articles
  • Regular updates: Publish new articles regularly to keep content fresh
  • Headlines: Make article headlines clear and compelling
  • Descriptions: Use section description to provide context about the types of articles users will find
  • Consistency: Maintain consistent publishing schedule for better user engagement

  • Automatic fetching: Articles are automatically retrieved and displayed
  • Load more: Additional articles can be loaded on demand
  • Sorted by date: Articles are sorted by publication date (newest first)
  • Performance optimized: Initial load shows limited articles, with more available on demand
  • Responsive: Adapts to different screen sizes

  • Pages (page)
    General content pages, especially news or blog pages

  • Articles are automatically fetched from the article schema
  • Only published articles are displayed
  • Articles are sorted by publication date in descending order (newest first)
  • Load more functionality loads additional articles without page refresh
  • Background color references the global backgroundColor schema
  • The section uses pagination-like behavior with load more instead of traditional pagination