Skip to content

OllieWP/ollie

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Ollie β€” WordPress's Most Popular Block Theme for Full Site Editing

Image

Design better, build faster, publish sooner. Ollie is a blazing-fast WordPress block theme that makes professional website design accessible to everyone β€” no coding or expensive page builders required.

✨ Why Choose Ollie?

  • πŸš€ Lightning Fast: Scores 100% on Core Web Vitals with optimized performance out of the box
  • 🎨 50+ Beautiful Patterns: Pre-designed sections and full-page layouts for instant professional designs
  • 🎯 True No-Code Solution: Seamlessly integrated with WordPress's native site editor β€” drag, drop, and publish
  • πŸ“± Mobile-First Design: Every pattern and layout is responsive and optimized for all devices
  • πŸ› οΈ Developer Friendly: Clean, semantic code with modern build tools and translation support
  • πŸŽͺ Endless Customization: 7 style variations, 9 typography presets, and unlimited color combinations

Built by Mike McAlister and Patrick Posner, Ollie empowers both beginners and professionals to create stunning WordPress websites using the latest Full Site Editing features.

πŸš€ Quick Start

Action Link
View Demo demo.olliewp.com
Download Theme Latest Release
Child Theme Download Child Theme
Documentation olliewp.com/docs

Requirements

  • WordPress 6.0 or later
  • PHP 7.2 or later

πŸ“¦ Installation

Ollie is available directly from the WordPress theme directory:

  1. In your WordPress admin, go to Appearance β†’ Themes β†’ Add New
  2. Search for "Ollie"
  3. Click Install and then Activate
  4. Start designing in Appearance β†’ Editor

🎨 Features & Capabilities

Pattern Library

Ollie includes 50+ professionally designed patterns organized into categories:

  • Full Page Layouts: Home, About, Features, Pricing, Blog, Contact, Profile
  • Headers & Footers: Light/Dark variations with different layouts
  • Hero Sections: Multiple styles with calls-to-action
  • Content Cards: Testimonials, pricing tables, team members, FAQs
  • Feature Sections: Service boxes, numbered features, icon grids
  • Blog Components: Post grids, author boxes, comment sections

Style Variations

Switch your entire site's look with one click:

  • Default: Clean, modern design
  • Agency: Bold, professional styling
  • Creator: Content-focused layout
  • Startup: Tech-inspired design
  • Studio: Minimal, elegant aesthetic

Color Palettes

Pre-configured color schemes:

  • Blue, Green, Neon, Orange, Pink, Red, Teal

Typography System

9 typography presets with carefully selected font pairings using the Mona Sans font family.

πŸ› οΈ For Developers

Project Structure

ollie/
β”œβ”€β”€ patterns/          # 50+ block patterns
β”œβ”€β”€ parts/            # Template parts (headers, footers)
β”œβ”€β”€ templates/        # Page templates
β”œβ”€β”€ styles/           # Style variations and presets
β”‚   β”œβ”€β”€ blocks/       # Block-specific styles
β”‚   β”œβ”€β”€ colors/       # Color palette variations
β”‚   └── typography/   # Typography presets
β”œβ”€β”€ theme.json        # Global styles and settings
└── functions.php     # Theme setup and configuration

Theme Features

  • Translation Ready: Full internationalization support
  • Pattern Translation: Automated pattern text extraction
  • Child Theme Support: Extend without modifying core
  • Modern PHP: Clean, well-documented code
  • No Build Required: Works out of the box

Customization Tips

  1. Create a Child Theme: Best practice for customizations
  2. Use Global Styles: Modify colors, typography, and spacing in the Site Editor
  3. Extend Patterns: Copy and modify existing patterns for your needs
  4. Custom CSS: Add via Additional CSS in the Customizer or theme.json

πŸ“š Working with Full Site Editing

New to Full Site Editing? We've got you covered! Check out our YouTube channel for helpful tutorials on block themes, site editing, and getting the most out of Ollie.

Site Editor

Access the visual site builder at Appearance β†’ Editor to:

  • Edit headers, footers, and templates
  • Customize global styles
  • Create custom templates
  • Build with patterns

Creating Pages with Patterns

  1. Create a new page
  2. Insert a full-page pattern from the Ollie collection
  3. Apply the "No Title" template for full-width layouts
  4. Customize content and publish

Global Styles

Powered by theme.json, customize:

  • Color palettes
  • Typography scales
  • Spacing and layout
  • Block defaults

Exporting Your Design

Share your customizations by exporting from the Site Editor: Options menu β†’ Tools β†’ Export

πŸ§ͺ Development

Build Tools

Ollie includes modern development tools configured in package.json:

# Watch for pattern changes and auto-escape for translations
npm run dev

# Prepare patterns for translation
npm run translate:patterns

Code Quality

Ollie includes Composer scripts for maintaining code standards:

# Check PHP syntax
composer run lint

# Scan for WordPress coding standards
composer run wpcs:scan

# Auto-fix coding standard issues
composer run wpcs:fix

πŸš€ Ollie Pro

Take your website to the next level with Ollie Pro:

  • Setup Wizard: Get started quickly with guided setup
  • One-Click Starter Sites: Import complete website designs instantly
  • Premium Pattern Library: Access exclusive pro patterns
  • Priority Support: Get help when you need it
  • Regular Updates: New patterns and features added regularly

Get Ollie Pro β†’

πŸ“„ License

Ollie is licensed under the GPL-3.0 license.

🀝 Community & Support

πŸ‘¨β€πŸ’» About

Ollie is created and maintained by Mike McAlister and Patrick Posner.

Mike McAlister

Patrick Posner

Ollie Resources


Download Ollie | View Demo | Get Ollie Pro

About

Design better and build faster with Ollie, the best WordPress block theme out there.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •