Ollie Docs

Ollie is a WordPress block theme that integrates seamlessly with all of the powerful new site building features like the Site Editor, Patterns, Global Styles, and more. With Ollie, you can quickly and easily create beautiful, blazing-fast websites with the native WordPress site editor — no extra page builder or coding skills required.

Ollie is one of the most beautiful block themes out there, shipping with over 50 pixel-perfect patterns that you can use to quickly build out page sections or full page designs. Everything from headers, footers, sidebars, and content areas are fully customizable with a drag and drop interface.

Ollie is lightweight and blazing fast. Gone are the days of bloated WordPress websites that need a dozen plugins to look great and load fast. Ollie is fully-responsive out of the box and scores 100% across the board on performance tests.

Ollie is also super simple to setup and build with. We’ve built a one-of-a-kind dashboard into the theme where you can run through the setup wizard and learn from our growing library of video tutorials.

Getting Started with Ollie

There are a few ways to install Ollie on your WordPress website. The easiest way is to install it from within your WordPress admin. Go to Appearance → Themes → Add New and search for Ollie.

You can also install Ollie manually by downloading the theme and uploading it to your WordPress site. You can download Ollie for free at OllieWP.com and also via the GitHub repository.

Ollie Child Theme

A child theme is a sub-theme that inherits all the functionality and style of the parent theme. Child themes are a safe way to modify a WordPress theme without directly editing it.

If you are looking to customize the code of the Ollie theme, we’ve created an Ollie child theme to help you get started. Otherwise, most changes to your site can be done in the editor these days.


Ollie Theme Dashboard


Intro to Ollie Dashboard

Once you activate the Ollie theme, you will see a pop-up guiding you to the Ollie theme dashboard. You can also get to the dashboard by visiting Appearance → Ollie. This dashboard is a one-stop hub for all the resources we’ve included with the Ollie theme. Here, you’ll find a Welcome page with helpful links, Ollie docs, the Ollie theme setup wizard, and the video library.

Ollie Setup Wizard

Whenever you set up a new WordPress site, there’s always a dozen different tasks that you have to complete while jumping around the WordPress admin. Creating pages, designing layouts, setting up your brand assets, and a whole bunch of other stuff.

Well, you don’t have to do that anymore! The Ollie theme Setup wizard is a one-of-a-kind onboarding experience that automates all of those pesky tasks and handles them in one streamlined experience.


Ollie Setup Wizard

The setup wizard will help you change common settings, set up your logo and brand colors, and automatically create pixel-perfect pages for you with just a few clicks. The setup wizard isn’t just for new sites. You can use the wizard to quickly generate pages on existing sites as well.

From your WordPress dashboard, you can find the Ollie setup wizard by going to Appearance → Ollie → Theme Setup, or by following the pop-up upon theme activation.

Working with Block Themes

Once you activate Ollie, it will largely behave like any other traditional WordPress theme. You can create posts and pages just like you always have. However, as a block theme, Ollie also supports powerful new features like the site editor, patterns, global styles, and more.


What is a block theme?

A block theme is a WordPress theme with templates entirely composed of blocks so that in addition to post and page content, the block editor can also be used to edit all areas of the site — headers, footers, templates, and more.


Site Editor

The WordPress Site Editor is the new way to build beautiful websites with WordPress. Using blocks, patterns, and a full suite of drag-and-drop design tools, you can build pages right inside WordPress without an extra page builder.


Site Editor 101

To edit your site via the Site Editor, go to Appearance → Editor. Here, you can create and edit templates, create menus, customize your website styles, color palette, typography, block styles, and much more. This interface is where you’ll design and build your site before exporting it later.


Patterns

Patterns are pre-designed page elements that can be used to quickly design a page section or a full page layout. Instead of designing a page from scratch, WordPress creators can now lean on patterns to quickly design their full website in the WordPress Site Editor.


WordPress Patterns

You can access Ollie’s patterns via the block inserter on posts, pages, or in the Site Editor.

Watch the video above to learn how to browse Ollie’s patterns, how to create your own patterns, how to quickly design full pages with patterns, and more.


Global Styles

Global styles is the user interface in the Site Editor where you can modify all the styles associated with your site. This could be typography, fonts, button colors, link colors, layout defaults, and more.


Global Styles

Global styles is powered by a theme.json in the root of the theme folder. This configuration file lets you define site-wide and block-specific styles to be used by the global styles interface.


Export Your Site

Once you’ve finished building and customizing your site with the Site Editor, you can export a zip to install on another site. While in the Site Editor, go to the Options menu (upper right hand corner), and select Export under the Tools heading. WordPress will write all of your changes to a theme zip file.

Resources

Check out the following resources if you need help beyond what we have here in the docs.


Ollie YouTube Channel

The Ollie YouTube channel hosts a growing collection of high-quality video tutorials around modern WordPress, block themes, Ollie features, and more. Subscribe to the channel to get notified when new videos are published!

Ollie YouTube Channel


Developer Notes

The Ollie theme works out of the box, so no build steps are required. However, I have included a Composer file that is used for linting to PHP and WordPress core standards.

  • composer run lint
  • composer run wpcs:scan
  • composer run wpcs:fix

Feedback

Ollie is a new theme built on bleeding edge features in WordPress, so we’re always looking for feedback. Please open a new issue for bug reports, feature requests, or general feedback.


About the Creators

Ollie was created by Mike McAlister and Patrick Posner, a team of code-slinging, pixel-pushing, award-winning creators from Planet Earth.


Support

Got a question about the Ollie theme or want to report a bug? Submit an issue to the Ollie GitHub repo where we can track and fix the issue for you.


License

Ollie is licensed under the GPL-3.0 license.