One of the most powerful features in dSite Theme v1.3.0 is the flexible blog layout system. You can instantly switch between three beautiful layouts without writing any code!
Three Layout Options
1. List Layout
The List Layout displays your blog posts as full-width horizontal cards with large featured images taking up 45% of the width. This layout is perfect for:
- Long-form medical articles
- Detailed patient education content
- Case studies and research
- In-depth health guides
The large image creates visual impact while giving plenty of space for your content preview.
2. Grid Layout (Default)
The Grid Layout displays posts in a clean card-based design. You can choose 2, 3, or 4 columns depending on your content needs:
- 2 Columns – Best for detailed previews with longer excerpts
- 3 Columns – Balanced layout showing more posts at once
- 4 Columns – Compact view for visual browsing
Grid layout is ideal for general blog posts, health tips, and practice updates.
3. Masonry Layout
The Masonry Layout creates a Pinterest-style dynamic grid that automatically adjusts to your content height. Like the Grid layout, you can choose 2, 3, or 4 columns.
Masonry is perfect for:
- Mixed content types (short and long posts)
- Visual variety in your blog
- Image-heavy content
- Creating an engaging, dynamic feel
How to Change Your Blog Layout
It’s incredibly easy to switch layouts:
- Go to Appearance → Customize
- Click dSite Theme Options → Blog Settings
- Select your preferred Blog Layout Style
- For Grid/Masonry, choose your column count (2, 3, or 4)
- Click Publish to save your changes
Customization Options
Beyond layouts, you can customize:
- Featured Post – Show/hide the large featured post on your main blog page
- Excerpt Display – Toggle post excerpts on/off
- Excerpt Length – Set how many words to display (10-100)
- Reading Time – Show/hide estimated reading time
- Author – Display or hide author names
- Date – Show/hide post dates
- Category Badges – Toggle category labels on images
Mobile Responsive
All layouts are fully responsive:
- Desktop – Full layout with chosen columns
- Tablet – Smart column reduction (3-4 cols → 2 cols)
- Mobile – Single column for optimal readability
Pro Tips
- Use List Layout for professional, article-focused blogs
- Use Grid Layout (2-3 cols) for balanced content presentation
- Use Masonry Layout for visual variety and engagement
- Test different layouts to see what works best for your content
- You can switch layouts anytime – no content changes needed!
The blog layout system gives you complete control over your content presentation. Experiment with different layouts to find what works best for your medical practice!