Design better, build faster, publish sooner. Elayne is a professional WordPress block theme designed for modern businesses, offering sophisticated patterns and conversion-optimized layouts — no coding or expensive page builders required.
- Business-Focused: Professional patterns specifically designed for corporate websites, service providers, and modern businesses
- Industry-Specific Content: Pattern sets optimized for spa, real estate, and professional services
- Conversion Optimized: Built-in patterns designed to convert visitors into customers
- Mobile-First Design: Every pattern is responsive and optimized for all devices
- Clean, Modern Aesthetic: Sophisticated design with professional color palettes and typography
- True No-Code Solution: Seamlessly integrated with WordPress's native site editor — drag, drop, and publish
Built by Jasper Frumau, Elayne empowers businesses to create stunning professional websites using the latest Full Site Editing features.
| Action | Link |
|---|---|
| View Demo | demo.imagewize.com |
| Documentation | imagewize.com/themes/elayne |
| Support | imagewize.com/support |
- WordPress 6.6 or later
- PHP 8.0 or later
- Download the theme
- Upload to
/wp-content/themes/elayne/ - Activate via Appearance → Themes
- Start designing in Appearance → Editor
Elayne includes 47 professionally designed patterns (plus 16 page and post templates) organized into categories:
Hero Sections
- Contemporary hero with bold typography (dark variation)
- Contemporary hero with bold typography (light variation)
- Split background hero with contrasting colors
- Hero section with prominent call-to-action
- Overlapping image and content box hero for spa/wellness sites
Headers & Footers
- Mobile-optimized hamburger menu header
- Desktop-optimized header with inline navigation
- Header with centered logo and navigation menu with top bar
- Professional standard footer
- Minimal footer layout
- Two-column footer with site info/social and multi-column navigation
Call-to-Action & Contact
- Newsletter signup with email capture
- Contact information display with office hours and location
- Two-column contact layout
- Modular CTA card component for landing pages, blog sidebars, and conversion-focused sections
- Booking call-to-action with form integration
Features & Services
- Grid layout for feature showcasing
- Service cards with icons and descriptions
- Four-column agency services grid with custom icons
- Three-column pricing comparison with feature comparison and highlighted recommended plan
- Client logos display with responsive grid for social proof
- Two-column feature section with image and content
- Feature columns with overlapping image effect
- Reversed overlapping feature columns
- Full-width wellness cover section with highlight box
Team & Testimonials
- Team member grid with photos and bios
- Single testimonial card layout
- Enhanced testimonials with ratings and success metrics
- Client reviews with profile images
- Three-column testimonial grid with star ratings
- Two-column review section with image and testimonial
- Review with overlapping text and image
Statistics
- Statistics display with visual emphasis
- List-style statistics presentation
Blog & Posts
- Classic blog grid layout
- Portrait-oriented blog grid
- List-style blog layout
- Featured post two-column layout
- Author biography with avatar and social links
- Four-column grid for wellness blog posts
Support & Information
- Collapsible FAQ section with accordion functionality
- Job listings for recruitment pages
Events
- Responsive 3-column event grid with date badges and registration buttons
Portfolio
- Masonry-style portfolio grid showcasing creative work with category filters
- Comprehensive project case study with structured storytelling - challenge, approach, and results
Pages
- Pre-launch or maintenance page with countdown and email capture
Shop/E-commerce
- Three-column product grid for spa/wellness shops
Page Templates
- Full-width page template
- Hero page template (no top padding)
- Wide page template
- Wide page without title
- Centered content layout
- Page with left sidebar
- Page with right sidebar
- Custom 404 error page
- Archive page template
- Search results template
- Grid-style index template
- List-style index template
Post Templates
- Centered post layout
- Wide post layout
- Post with left sidebar
- Post with right sidebar
Switch your entire site's look with one click using pre-configured color palettes:
- Ink & Sand (Default) - Warm ink blue and sand tones for sophisticated business sites
- Spa & Wellness - Soothing teal and ocean sage palette with elegant Cormorant Garamond and friendly Quicksand fonts — perfect for spas, wellness centers, yoga studios, and health retreats
- Gray & Gold - Sophisticated gray tones with elegant gold accents
- Denim & Copper - Deep denim blues paired with warm copper highlights
- Forest & Sage - Natural forest greens with calming sage tones
- Orange - Vibrant orange palette for energetic brands
- Teal Bay - Professional teal and bay blue combination
Change styles instantly in Appearance → Editor → Styles
- Primary Font: Open Sans (variable weight, 300-800)
- Fluid Typography: Responsive font scaling that adapts to screen size
- Professional Color Palettes: Multiple pre-configured color schemes
- Custom Shadows: Multiple shadow presets for depth
- Custom Image Sizes: Optimized for portrait and landscape layouts
Access the visual site builder at Appearance → Editor to:
- Edit headers, footers, and templates
- Customize global styles
- Create custom templates
- Build with patterns
- Create a new page
- Insert a pattern from the Elayne collection
- Choose appropriate page template (Full, Wide, Centered, etc.)
- Customize content and publish
Powered by theme.json, customize:
- Color palettes
- Typography scales
- Spacing and layout
- Block defaults
Elayne works seamlessly with the Elayne Blocks plugin, which provides custom Gutenberg blocks that enhance the theme's capabilities. While these blocks were designed as companions to the Elayne theme, they are theme-agnostic and work with any WordPress theme.
WordPress.org Theme Review requirements prohibit custom block registration in themes. By separating blocks into a plugin, we ensure compliance while providing powerful functionality that works across any theme.
The Elayne Blocks plugin includes 4 custom blocks:
-
Mega Menu Block (
elayne/mega-menu)- Advanced navigation with mega menu functionality
- WordPress Interactivity API integration
- Template part support for dynamic content
- Keyboard navigation and responsive design
-
Carousel Block (
elayne/carousel)- Responsive image/content carousel
- Slick Carousel integration
- Customizable settings and breakpoints
- Touch/swipe support
-
Slide Block (
elayne/slide)- Individual carousel slides
- InnerBlocks support for flexible content
- Works seamlessly with Carousel parent block
-
FAQ Tabs Block (
elayne/faq-tabs)- Interactive FAQ with vertical tab navigation
- Dynamic content display with answers
- Customizable button with configurable text and URL
- WordPress Interactivity API integration
# Clone the plugin repository
cd wp-content/plugins/
git clone https://github.com/imagewize/elayne-blocks.git
# Or download from GitHub releases
# Activate via WordPress admin: Plugins → Elayne Blocks → ActivateFor more information, visit: github.com/imagewize/elayne-blocks
- WordPress 6.6+ required
- PHP 8.0+ required
- Full Site Editing (FSE) compatible
- Block theme architecture
- Elayne Blocks plugin (optional, for enhanced functionality)
- Translation Ready: Full internationalization support
- Modern PHP 8.0+: Clean, well-documented code
- Child Theme Support: Extend without modifying core
- No Build Required: Works out of the box
- Custom Pattern Categories: Organized pattern library
elayne/
├── assets/
│ ├── fonts/ # Open Sans and other fonts
│ └── styles/ # Block-specific styles
├── languages/ # Translation files
├── parts/ # Template parts (header, footer)
├── patterns/ # Block patterns (34 content patterns + 17 templates)
├── templates/ # Page templates (index, single, page)
├── functions.php # Theme setup and functionality
├── style.css # Theme stylesheet and metadata
└── theme.json # Global styles and settings
- Portrait Small (380×570) - 2:3 aspect ratio
- Portrait Medium (380×507) - 3:4 aspect ratio
- Portrait Large (380×475) - 4:5 aspect ratio
- Single Hero (700×400) - 16:9-ish landscape
Elayne registers custom pattern categories:
- Hero
- Features
- Call To Action
- Testimonials
- Team
- Statistics
- Contact
- Cards
- Events
- Portfolio
- Pages
- Posts
- Shop
Elayne is licensed under the GNU General Public License v2 or later.
- Support: imagewize.com/support
- Documentation: imagewize.com/themes/elayne
- Website: imagewize.com
Elayne is created and maintained by Jasper Frumau.
- Theme Author: Jasper Frumau
- Open Sans Font: Licensed under SIL Open Font License 1.1
- Base Architecture: Inspired by modern WordPress block theme standards
All pattern images are GPL-compatible. See readme.txt Copyright section for complete attribution details including:
Workspace Images (CC0 Public Domain)
- computer-hands.webp - Wacom Computer by Negative Space (StockSnap.io)
- desktop.webp - Mac Desktop by Andrew Pons (StockSnap.io)
- guy-laptop.webp - Code Coding by Anita Peeples (StockSnap.io)
- wellness.webp - Meditating with Candles by Elina Fairytale (Pexels)
Team Avatars (Pexels License)
- avatar-1.webp through avatar-7.webp - Professional headshots (Pexels)
Spa & Wellness Images (CC0/CC BY)
- Treatment images: back-massage.webp, spa-treatment-hot-stones.webp, spa-treatment-landscape.webp, spa-treatment-zoomed.webp, yoga-pose.webp
- Client avatars: spa/avatar-1.webp through spa/avatar-4.webp, spa/review-profile.webp
- Product images: spa/shop/bath-salt.webp, spa/shop/massage-oil.webp, spa/shop/serum.webp, spa/shop/supplements.webp
Logo Images
- logo-1.webp through logo-6.webp - Geometric designs by theme author