A clean, accessible, and block-first WordPress theme designed for storytelling, education, and content-rich websites.
Built with Full Site Editing (FSE) and designed to work seamlessly with Dahlia Blocks and Dahlia Features.
Stable version: 1.0.3
Dahlia is a modern WordPress block theme crafted with a focus on clarity, accessibility, and flexibility.
It's ideal for long-form content, educational sites, or any project that values structure and simplicity.
This theme uses WordPress Full Site Editing features to give you full control over templates, layouts, and global styles — without writing code.
It integrates perfectly with:
- 🔌 Dahlia Blocks – a plugin that adds custom Gutenberg blocks
- ⚙️ Dahlia Features – a plugin for accessibility and extra enhancements
- ✅ Full Site Editing (FSE) support
- 🎨 Multiple style variations (
styles/) - 🧩 Custom block patterns (
block-patterns/) - 🧱 Integrated with custom blocks via plugin
- 🌐 Accessibility-first markup
- 💡 Lightweight and performance-conscious
Located in /block-patterns/:
page-cover– Visual cover for a page or section- (More coming soon as the theme evolves)
- Download or clone this repository:
git clone https://github.com/bertuuk/dahlia.git
- Copy the
dahliafolder into yourwp-content/themes/directory. - In the WordPress admin, go to Appearance → Themes and activate Dahlia.
To unlock the full potential of the theme:
-
Dahlia Blocks
Provides custom blocks likeReading Time,Post Grid,Story Container, etc. -
Dahlia Features
Adds accessibility enhancements and extra frontend functionality.
- WordPress 6.0+
- Block Editor (Gutenberg)
- Full Site Editing (Site Editor)
- Works with WP-CLI, wp-env, and standard development setups
(You can add preview images to the /assets/ or /screenshot.png for GitHub and WP visibility.)
This theme is licensed under the GPLv2 or later.
Developed and maintained by @bertuuk
- Add more block patterns
- Document template structure
- Add accessibility statement
- Optimize for performance scores (Lighthouse/Core Web Vitals)
- .change-flex-order-mobile: Used to change the order established on block columns. Works better on block with two columns.
- .no-image-mobile: Used on image guttenberg blocks. Prevents image to show on mobile