Theme Development

Build beautiful, custom themes for your FeedGen CMS website.

Overview

Themes control the entire visual presentation of your website. With FeedGen CMS, you have complete control over:

• Layouts - Define page structures
• Pages - Create templates for different content types
• Partials - Build reusable components
• Styling - Full CSS customization
• Configuration - Theme settings and customization options

What You'll Learn

Quick Example

Here's what a simple theme page looks like:

<div class="homepage">
  <h1>{{ settings.siteName }}</h1>
  
  {% if (latestPosts && latestPosts.length > 0) { %}
    <div class="posts-grid">
      {% latestPosts.forEach(post => { %}
        <article class="post-card">
          <h2>{{ post.title }}</h2>
          <p>{{ post.excerpt }}</p>
          <a href="{{ post.url }}">Read More</a>
        </article>
      {% }) %}
    </div>
  {% } %}
</div>

Ready to start? Head to Getting Started.