olliewp/ollie

A finely-crafted WordPress block theme by Mike McAlister

Ollie — A WordPress Block Theme

Ollie is a modern WordPress block theme by Mike McAlister. Ollie is built to work seamlessly with the WordPress block editor and site editor, where you can create beautiful, fully-customizable websites with WordPress's built-in page builder — no page builder or coding skills required.

Ollie ships with over 50 beautifully-designed patterns, page templates, block styles, and style variations so you can design stunning pages quickly with drag and drop instead of code. Ollie is also blazing fast, fully customizable via the WordPress UI, fully responsive out of the box, and scores 100% across the board on performance.

My goal with OllieWP.com and this theme is to help educate both long-time and new WordPress creators about the many powerful, new features WordPress has to offer. Please feel free to dig through the code and learn a bit more about how to make WordPress block themes. ✌️

Table of Contents

• Getting Started with Ollie
• Working with Block Themes
  • Site Editor
  • Patterns
  • Global Styles
  • Template Parts
  • Export Your Site
• Developer Notes
• License
• Beta Feedback
• About the Creator

Getting Started with Ollie

Links	Description
View Ollie Demo	Check out a full live demo of the Ollie theme.
Download Ollie Theme Zip	Download the latest Ollie theme zip to install on your WordPress site.
Download Ollie Child Theme Zip	Download the Ollie child theme zip for customizations

Ollie is built for modern WordPress features and requires WordPress 6.0 or later. To get started, download the theme and install it into your WordPress website by going to Appearance → Themes → Add New.

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.

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.

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.

site-editor.mp4

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.

You can access Ollie's patterns via the block inserter on posts, pages, or in the site editor.

Creating page designs with patterns

To create the pages you see on the Ollie theme demo, simply insert Ollie's full-page patterns onto any page, and apply the No Page Title template via the editor sidebar. This template removes the default page title, which better accommodates the full-page patterns, so make sure you have an H1 in your design for SEO best practices.

patterns-4k.mp4

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 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.

global-styles.mp4

Template Parts

A template part is a part of your site that appears across most or all pages. The most common template parts are for the header, footer, and sidebar of a website. Template parts let you easily make global changes to the design or markup of global site elements.

template-parts.mp4

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.

export.mp4

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

License

Ollie is licensed under the GPL-3.0 license.

Beta Feedback

Ollie is currently in beta and looking for any and all feedback. Please open a new issue for bug reports, feature requests, or general feedback.

About the Creator

Ollie was created by Mike McAlister, a code-slinging, pixel-pushing, team-building, award-winning creator from Planet Earth.

• Check out my website
• Find me on Twitter
• Read my writings at Ollie and Liftoff
• Watch Ollie video tutorials on YouTube

ollie's Issues

Glitchy from gallery block to columns and group block in option window

Describe the bug
I was editing the home page. I set up a group>row>paragraph and gallery. Went to change the gallery block to a column or group and the screen became glitchy when trying to show the preview of these 2 blocks. . The image block option was fine with showing the preview. See video.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear preview of what the column block or the group block options would look like.

Screenshots
If applicable, add screenshots to help explain your problem.
Video- https://github.com/OllieWP/ollie/assets/24979729/01fffb40-cd13-42b1-a3fa-42831ef05057

Desktop (please complete the following information):

• OS: [e.g. iOS] HP desktop
• Browser [e.g. chrome, safari] Chrome dev.
• Version [e.g. 22] 22H2

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Many warnings in the console when one of the pattern groups is accessed

Many of these warnings appear in the development tools console when one of the pattern groups is accessed:

react-dom.js?ver=18.2.0:73 Warning: Encountered two children with the same key, grayscale. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.

• WordPress version 6.2.1
• OS: Windows 11
• Browser: Chrome
• Version 113

The problem is the name of a slug in themes.json. Change settings.color.duotone[].slug from 'grayscale' to, say, 'grayscalex' the problem goes away.

I'm not using any blocks or plugins. So far, this happens on any sites in which Ollie has been activated.

Sticky Header Position Not Working

Describe the bug
I can't fix the position to 'Sticky' for the Header (template part). This is on a fresh installation of WordPress. No additional plugins installed yet, except the Ollie theme.

P.S. I love this beautiful theme and will be using it in my number of simple WP projects that require a very clean and minimalistic look.

To Reproduce
Steps to reproduce the behavior:

1. Go to the Header template part editor
2. Select the 'Group'
3. From the Block Settings sidebar, select 'Sticky' in Position

Expected behavior
The header area (entire template part) should act as sticky and should not move up when scrolling down. Right now, the 'Default' and 'Sticky' options act the same.

Screenshots

Desktop (please complete the following information):

• OS: macOS
• Browser Firefox
• Version 113.0.1

Smartphone (please complete the following information):
I did not test this on my phone.

Feedback

Howdy Mike,

Some feedback on the theme, do note this is the first time I have played with a block theme, so there might be some "n00b" thrown in here.

Oh and I found the theme via this video on YT (always nice to know where things are found).

A few things after playing with the theme for the last hour or so.

• It's fast.
  Fast enough for me to consider using it on one of the main sites, nice! (nginx, w3 total, varnish, ewww images and some other tweaks). Consistently hitting 90/96/100/92 even after adding custom plugins, an off-the-shelf which is a bit "fat" and a ton of data to a test site.

• Side Bar 👍
  I know these are not fashionable at the moment, but it would be nice to see a sidebar page/single template come out of the box (added my own as a template part) because frankly they still work and work well for associated content items.

• Theme file override.
  I'm guessing this is WP reacting to the theme being a block theme, it appears to remove the theme file editor that's a bit of a pain as I normally use that for small hacks and then migrate over to a dedicated custom plugin for things that work well. Would be nice to get that back.

• Theme colours
  Not everyone's cup of tea for the default ones. Tried adding the block editor colours plugin, not really compatible. Would be nice to set some basic colours somewhere and those be used by default to override the standard themes included.

• You mentioned videos...
  In your video here you mention more videos being added, would it be an idea to include these in the theme admin somehow as a library? Not seen that done before and would be extremely useful (help where and when it is needed and no external searching. Plus they see you more :P ).

• Child Theme
  Are these needed for block themes? I instinctively created a child theme and have been editing that, if these are still the best way forwards, can we have a child theme provided, please?

• Separate Demo Page
  The main "Frontpage" was extremely useful to work out how you had done certain things. It would be nice if there was a duplicate or showcase template that I we could go back to to find out how certain things are done later. I've edited mine already and would probably need to install it on a demo site to work out how TF some things were done previously

• Export Option
  Probably my newness to block themes here, but how would one make a copy of existing modifications and transfer those to another site? Not looked for a plugin for this, but and export/import option would be nice.

Hope the above help, ignore anything as you see fit :P

M

Styling the Outline Button

Describe the bug
I can control the button styling but I haven't found a way to style the outline button.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to 'Hero section' to see the styled button
4. And then scroll further down the page to the section titled "Donec dignissim nulla quis consectetur" to see an example of an outline button.

Expected behavior
I would expect that the outline picks up the accent color used in the primary button.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS] Ventura 13.4.1
• Browser [e.g. chrome, safari] Chrome
• Version [e.g. 22] Version 115.0.5790.170 (Official Build) (x86_64)

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Custom fonts not showing in the style guide

Describe the bug
Custom themes are showing on the website but not in the style guide.
To Reproduce
Steps to reproduce the behavior:

1. I originally installed Spectra One theme and the Custom Fonts Plugin.
2. I set the Custom fonts in the initial template.
3. I switched to the Ollie theme.

Expected behavior
4. When I go to the style book the Headers (H1 is especially noticeable) are not displaying as the correct font.
5. Then I look at the pages in the front end the correct custom font is showing correctly.

Screenshots

Desktop (please complete the following information):

• OS: Mac
• Browser Arc
• Version 1.1.1

Smartphone (please complete the following information):

Additional context
Add any other context about the problem here.

WordPress 6.3 breaks spacing between paragraphs

Describe the bug
Today my website auto-updated to WordPress 6.3. Now all of the spacing between paragraphs is removed.

Here is what my About page looked like under WordPress 6.2.2 + Ollie 0.3.

Here is what my About page looks like under WordPress 6.3 + Ollie 0.3.

Workaround

• Install plugin "WP Downgrade"
• Downgrade to WordPress 6.2.2

Desktop (please complete the following information):

• OS: MacOS 10.15.7
• Browser: All

Smartphone (please complete the following information):

• Device: iPhone
• OS: iOS 16.5.1 (c)
• Browser: Safari

Additional context
N/A

Header Patterns not available in new Template Part Header

Describe the bug
The Header Patterns are not available when adding a new Template Part Header. They seem to be wired to Templates only.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Website Editor > Template Parts'
2. Click on 'Manage All Template Parts'
3. Click on 'Add'
4. Give it a name and add a new template part Header
5. Edit the new Header
6. Open the Block Inserter
7. Change to Patterns
8. Header Patterns are not available

Expected behavior
Shouldn't the Header Patterns be available when adding a Template Part, just like they are when I open a Template, select the Header and choose Header > Replace?

Desktop (please complete the following information):

• OS: macOS
• Browser Safari
• WP 6.2
• Ollie 0.1.0

---

I report this what I believe to be a bug because I really like Ollie after playing with it for about an hour.
Thank you for this very promising block theme.

Confusing website, then failed to install

Describe the bug

Within cPanel/Wordpress:

[ Tried to install twice Error message but and pasted below.]

Installing plugin from uploaded file: ollie-main.zip
Unpacking the package…
Installing the plugin…
The package could not be installed. No valid plugins were found.
Plugin installation failed.

To Reproduce
Download the Zip file and attempt to install it.

Expected behavior
Install the Wordpress plugin!

Search

Greetings!

I wanted to express my gratitude for developing such an impressive WordPress block theme. I was hoping you could assist me with adding a search box or the magnifier to the header. As a newcomer to block themes, I am encountering difficulties in accomplishing this task.

Thank you for your assistance.

Loving this beta

I do love this theme, and its supporting documentation.

Maybe you have it, and I've not found it. I would love a group (in my case episodes with pictures) that has a "more..." at the bottom which would expand the list without changing the page.

I could program this stuff myself, but would rather pay you for your work and support, so bravo for tackling the FSE commercial theme challenge. I have been sitting around waiting for something to switch my site to, still running on a long-in-the-tooth unsupported iFeature Pro (Cyberchimps) theme. Watching this FSE thing unfold, and not seeing anything that strikes my fancy yet, other than Ollie.

Margin and padding media queries

Is your feature request related to a problem? Please describe.
No and yes. The problem I'm facing with block themes in general, is that you can only set spacing values for one screen type. So let's say I make 100px margin-top on an element, now it'll look ridiculous on a mobile device.

Describe the solution you'd like
It would be awesome to be able to set the spacing values for multiple breakpoints. Would be cool if you could define the breakpoints yourself in the backend perhaps?

Describe alternatives you've considered
An alternative for me personally is not using block themes. But I want to!

Additional context
Nothing to report.

I'm open to hear more thoughts on this!

No "Replace Header" option, cannot upload logo, color change problem

I don't see Replace Header or Replace Footer options in the Header and Footer choices.

I'm also not sure how to change the colors of individual sections, as, for example, if I change the header color to white, the footer gets the same color too. How do I individually select the colors for them? Thank you.

SVG Support plugin not working

Describe the bug
SVG Support, which I think is the most popular plugin to support SVG format images, does not work in the Template Editor.

To Reproduce
Steps to reproduce the behavior:

1. Install SVG Support plugin
2. Upload an SVG image to Media Library
3. Edit the Front page in site editor
4. Add the image to a menu bar.
5. Save it (the image won't be visible, saved or not)
6. Visit the site. Image is visible outside the site editor

Expected behavior
Image is visible immediate after adding to menu or anything

Screenshots

Desktop (please complete the following information):

• OS: MacOS X M1
• Browser Chrome

Additional context
I'm migrating my company site. I know there's a workaround converting to .webp or whatever. But I suspect I'm not the only person who likes to work with SVG.

Some patterns display only in the FSE

Some patterns such as this one bellow, display in the (Full Site) Editor but not when editing a page. Is it just my lack of knowlage, purpose or a bug?

CSS Tweak for Pagination

The below fixes the issue with the pagination buttons at the bottom of blogs where the numbers that are not links have no padding and the three dots "..." have no [padding either.

Looked at the source, loads of CSS files, so thought better to leave here for you Mike :)

Can be confirmed if you tweak a query loop to show one post for >5 published posts to get the pagination to show fully.

span.page-numbers.dots,
span.page-numbers.current {
    padding: 0.5em
}

M

More extensive use of custom template parts for easier labeling (and building)?

Hi,

I'm experimenting with this myself and found it a huge improvement for labeling page sections. Right now they're just a bunch of groups between header and footer parts in the Blueprint. The biggest downside is that the're no labels.

I find the category names from Relume library for Webflow quite useful for labeling custom template parts in a more descriptive way, and then use patterns as the actual component variants of the template part.

To build a page I'd then add a bunch of empty labeled template parts, and then when I'm happy with the sequence I'd click into a template part and try different pattern variants.

Are there reasons against this approach?

Add a captions to featured images

Is your feature request related to a problem? Please describe.
Great theme, but there is a small problem: Futured image does not display description that was specified when the image was uploaded.

Describe the solution you'd like
Please add the ability to display the description of futured image.

Additional context
Some photos need to be captioned, including due to copyright.

Displaying similar articles on single post buggy

Hi,

it seems that the display of similar posts on the single post page is incorrect. I see only images - even on the demo page. (see screenshot)

Many greetings

When editing a page's template (starting from the page), Header and Footer template parts show "This block has encountered an error and cannot be previewed"

Describe the bug
In Ollie 1.0, editing templates starting with editing a page displays "This block has encountered an error and cannot be previewed." instead of Header template part and Footer template part.

To Reproduce

1. Login as an admin
2. Create a page using standard Page template
3. Go to that page
4. Click "Edit Page" on top
5. Under the page tab on the sidebar, select what appears after "Template", which I think should be "Page".
6. It should say "Default template" in the dropdown menu
7. Underneath that, it should have a link "Edit template"
8. Click it
9. Note that instead of showing the content of Template Part "Header" and "Footer" on the page template, it shows "This block has encountered an error and cannot be previewed."

Expected behavior
It should show the contents of the Header and Footer template parts in step 7.

I tried this with the Frost theme, and it works as expected.

I originally implemented this with the Ollie 0.12 theme, and it works as expected there also.

Screenshots

Desktop (please complete the following information):

• OS: Mac OS
• Browser Chrome

Feedback & Site Colors Question

Hi Mike, Awesome job on theme! ... I appreciate it & the education you are putting out!

If I want to add a color scheme in the "styles" folder for a project coming up, based on their current logo colors ...

Do you have a Color Legend or any type of Mapping, for how colors line up with the Ollie site design elements?

Ollie Color Names

○ base
○ main
○ main-accent
○ primary
○ primary-accent
○ secondary
○ tertiary

Thank you very much Mike,
Larry

WooCommerce ready?

Is the Ollie FSE (Full Site Editing) theme WooCommerce ready?

Post Featured Image: Optional Caption?

Is your feature request related to a problem? Please describe.
I have some images where I'd need to assert copyright (from someone else). Ideally this would be done in a caption. The Post Featured Image block doesn't provide the ability to show a caption. I realize this is a block from the Wordpress group

Describe the solution you'd like
When in the site editor, you could set whether the Post Featured Image block would show the #caption from the Media entry. If that field is empty, no space is taken for the image.

If interested, I could write this change. However, I'm not sure how submissions like this get to the Wordpress group.

Custom login not working

Hee Mike,

Hey Mike, first of all WP Ollie is fantastic. However, I always use custom login images to make the theme more beautiful. However, I notice that the below doesn't work at all with your Block theme:

function my_login_logo()
{ ?>
<style type="text/css">
.login #backtoblog a,
.login #nav a {
color: #50575e !important;
}

	body.login, #wp-submit {
		background: #A26654;
	}

#wp-submit {
  border:1px solid #A26654;
}

	body.login form {
		background: #74817b;
		color: #fff;
		border: 1px solid #74817b;
		border-radius: 0;
	}

	#login h1 a,
	.login h1 a {
		background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/img/burowierda_logo_wit.svg);
		margin-bottom: 0;
		background-size: 320px;
		height: 45px;
		width: 100%;
	}
</style>

Ollie Blueprint

Hello there!

I wanted to express my gratitude for this amazing theme. I stumbled upon it on Twitter, and I must say, it's my first time experimenting with a block theme for WordPress.

I've noticed that the version of the theme provided in the Localwp Blueprint is not up to date. I attempted to update it using the latest version available on GitHub, but unfortunately, it doesn't align with the current version of the theme in the Localwp Blueprint.

Secondly, I encountered a problem with the Blog page on the Ollie demo. It doesn't seem to be working as expected.

Thank you!

Search Box Border

Describe the bug
The search box features an unremovable white border.

Expected behavior
None

Screenshots

Single Sidebar Template Missing from Template Parts

The new Page (wiith Sidebar) states, "To add content to this sidebar, visit the Site Editor and edit the Single Sidebar template."

There is no template part to edit.

Changing Global Style deletes existing Additional CSS

Describe the bug
Additional Global CSS Styles are deleted upon save after choosing a new style

To Reproduce

1. Go to theme customizer
2. Click on styles icons to bring up styles
3. Click vertical ellipse menu and select Additional CSS
4. Add CSS
5. Click SAVE
6. Navigation back to main global styles pane and select "Browse Styles"
7. Select a new styles
8. Click SAVE
9. Click vertical ellipse menu and select Additional CSS to see styles are gone

Expected behavior
The style shouldn't be deleted upon style change

Screenshots
https://youtu.be/g1VXoOjMmOI

Desktop (please complete the following information):

• OS: Mac OS Ventura 13.3.1
• Browser : Safari
• Version: 16.4

Menu takes to much space in smaller screens

Lovely theme!

Potential to improve for smaller laptop screens? Below screenshot from a 14¨ 1920 x 1080 screen and I think the menu area takes a lot of space from the initial screen appearance. Second screenshot is what I think it should look like. This is with menu scrolled away.

Broken link on olliewp.com

Hello! Really minor issue, thought you'd want to know anyway.

Describe the bug
The link to the Blueprint for Local on olliewp.com is broken. It points to a 404 at "https://github.com/OllieWP/ollie/releases/download/1.0.0/ollie-local-blueprint.zip"

To Reproduce
Steps to reproduce the behavior:

1. Go to olliewp.com
2. Click the Blueprint Download
3. Get 404

Desktop (please complete the following information):

• Everywhere HTML

Additional context
Really nice looking theme!

Breadcrumbs

Describe the solution you'd like
BREADCRUMBS

Please add Breadcrumbs to posts and pages.

Remove page title after applying pattern to new page

Hello!
Loving this theme just starting to play around with it. I'm having trouble finding where I can remove the default page title once I apply for example, the About me page pattern, to a new page I don't see option to remove that default top title once I've added the pattern to a new page?
Thanks!

Pagination elements are styled like buttons but do not follow button style settings

Describe the bug
Not sure if this is an oversight or intended behavior: Pagination elements are styled like buttons but do not follow button style settings

To Reproduce
Steps to reproduce the behavior:

1. Go to Site editor
2. Click on Styles button
3. Click on "Colors"
4. Click on "Button"
5. Choose different text and background colors

Expected behavior
Since the pagination link blocks are styled to look like buttons, one would expect the above button style settings to apply to them.

Screenshots

Absolutely love this theme & docs

Hi, I'm working on a community interest company / not-for-profit and I'm using your theme. I've only just gotten started with blocks and FSE and you have hit the spot so many thanks. One thing I'd really like to do and that would have been using header.php or a plugin, and I don't want to use a plugin, and that is colourise the mobile with my brand colours. If you can point me in the right direction, or add it as a feature, because I've never seen that as a feature in a theme but it would be a cool one if you could hit a switch then put a hex value in then boom - browser colour like the bbc.co.uk website - I believe it can be done with Android and iOS.

Anyway, www.etchr.org.uk and what will be www.ecovibe.net are both works in progress.

And one more thank you for all the lovely patterns, I'm looking forward to making some of my own. I'd be very happy to link back to you, I'm very much an open source advocate. Let me know if you are cool with that.

Peace!

Transparent header

Hello,

I've just downloaded your theme Ollie to try out on a community website I'm building.

How would I go about making the header transparent and positioning it over the top of a background image or video?

I'm looking to get the same effect as this site - https://plast.org.au (it's using Kadence).

Thank you

Helena :)

There is a typo

Describe the bug
The is a misspelling here
https://github.com/search?q=repo%3AOllieWP%2Follie%20inheret&type=code

The correct spelling is "inherit".

Ollie child theme "broken" when using Create Block Theme plugin

child theme with Ollie... I've attempted to use the Create Block Theme WP plugin to create a child theme of Ollie, and it doesn't seem to work.

I get an error stating the parent theme, Ollie isn't installed.

I'm using the "Create child of Ollie" functionality in Create Block Theme, and this functionality works when making a child theme of say, Frostwp...

Here is the exported folder structure when creating a child of Frost:

But this is what happens when creating a child of Ollie:

Any ideas?

Thanks!

Using Google Fonts

I'm fairly new to working with the new block editor, so forgive me if this is too newbie of a question.

I have a couple of different Google Fonts I'd like to use, but the only options I see in Ollie are "Inter" and "Monospace".

I installed a plugin to give me access to Google Fonts but that doesn't seem to work when I edit the page via the block editor or through Ollie's templates.

I can't find any documentation from OllieWP about how to install custom fonts or use Google Fonts, so I'm coming here. What am I missing?

OllieWP blog commments are broken!

Hey Mike,

No matter if I use Safari or FF, commenting and editing comments always results in a preview mess. Here in this case it somehow even mixed up my comment with content within the post and ignored paragraphs.

Also when I first signed up for Ollie which was about a week or so before it went live I never got a signup confirmation mail, I just got a notificattion that the first article was posted a week later.

Wrong spacing e.g. before lists with Gutenberg or WP 6.3-beta active

Describe the bug
On WP 6.2.2, the spacing between e.g. paragraphs and lists (to my eye correctly) looks like this:

On WP 6.3-beta or WP 6.2.2 and the Gutenberg plugin, the spacing is gone (which looks ugly):

To Reproduce

1. Install WP 6.2.2 and Gutenberg.
2. Add this to a post or page:

<!-- wp:paragraph -->
<p>Paragraph</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>Text</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Text</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Text</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

3. Check the spacing with and without Gutenberg active.

More Info
A brief inspection with the developer tools shows that the CSS code

body .is-layout-constrained > * + * {
     margin-block-start: var(--wp--preset--spacing--medium);
     margin-block-end: 0;
}

doesn't seem to be part of the page anymore, with WP 6.3-beta or Gutenberg.

Just launched my Ollie powered website + blog => A few items on my wish list

Hey Mike,

I love the Ollie theme. When I started building my new website, I first tried Spectra One. I wasn't happy with it. So I switched to Ollie. Wow! My website immediately felt 70% finished. I was off and running!

It's a beautiful theme. Simple. Elegant. Love the Patterns! Can't be happier. Here's my new website + blog. => https://engine2.us/

Just a few items on my wish list.

• Easy way to change fonts. => Don't get me wrong. The default fonts are beautiful. But I'd like to use Roboto 900 for all headers and Open Sans 400 for all body text. I love your thoughts on "Responsive control in WordPress." Ideally I could just override the default fonts in one place. And let you handle all the responsive adjustments elegantly.
• Styling for Contact Form 7 or similar => I ended up using "Ultimate Addons for Contact Form 7" plugin to do the styling. It works fairly well. But it's a pain. And not a perfect match with the Ollie stying.
• Easy way to remove rounded corners on Cover images. => I had to use custom css to override.

That's it. I built my Ollie powered website + blog in a few short weeks, and that's all I could think of for my wish list!

Thanks again,
Jim

Changing global style heading does not work

When I change global style settings for headings, more specifically, the font-family, font apereance and line-height (the others are fine) it does not change anything.

For example, when chnaging the default font family for all headings to monospace...
Inspecting heading elements on frontent, I can see that, the class ..wp-block-heading has font-family set to--wp--preset--font-family--primary and overwrites h1, h2, h3... css set to --wp--preset--font-family--monospace.

Template Usage & Smooth Riding for Ollie Users!

Hey Mike,

Again, I am loving Ollie (design & education)! Thank you!

In regards to what to start out with in Templates, I have the following Notes & Suggestions.

I am actually Ok with how you are doing things now, but that's because I have enough knowledge & experience now with Block Themes.

The following is more for people newer to block themes, but also to make Ollie a smooth ride for all!!!

Notes on your latest change (github theme update)

Using "Front Page" Template is good IMO, I like it ... it is an Intuitive Name! And I think WordPress gives some extra priority to that template in the scheme of things.

Notes on How WordPress is Working (Templates it is using & What is displayed)

Depending on what you choose in the Settings > Reading >"Your homepage displays" section

○ If choose "Your latest posts" ==> When you click on Site Icon/Title you get Only what you have in the "Front Page" template (exception: WordPress does squeeze in the Content from your Latest Post)

○ If choose "A static page > Homepage (with an Existing Page) ==> it uses the "Front Page" template (for Site Icon/Title click & Homepage menu item)

○ If choose "A static page > Posts page (with an Existing Page) ==> it uses the "Posts Page" template (for Blog menu item)

Just a Side Note for people

○ If while Creating/Editing a Page ... and you choose "Default template" for your template, you are actually selecting ==>the "Page" Template.

So ...

Currently in your "Front Page" template ... there is No "Post Content" Block, so all you get is the current Ollie content you have in there. (Except in the case where you do not select a Static Page, then WordPress squeezes in "content of the latest post")

So Bottom Line ....

At some point the "Front Page" template will need to be emptied by the User & a "Post Content" block be put in there. And the User can add in anything else they might want unique about there "Front Page". They will want to get their content on the "Front Page", and I think it is more likely they will want to do content editing outside of the Site Editor & Just put a Content Block in the "Front Page" template ... and they may want to put a Query Loop, etc. in there too. In any case, they will be changing it.

Here is what I propose (no matter what you start out with in the "Front Page" template) for Ollie

==>Use your Ollie Theme "Theme Details" page with some added buttons to help Users with setup.

The results of doing something like this will do 3 things: (1) Smooth out the setup for Users, (2) Educate them on how Block Themes are working with WordPress, and (3) help make Ollie even a more GoTo theme! It seems to go with all the great things you are doing Mike!

Attached is a mock-up of Ollie "Theme Details" screen (with helper buttons, ideas for what you could provide):

Six (6) Potential Added Buttons - And of course all the programming behind them!

○ Empty "Front Page" template (and put Content Block in "Front Page" template).

○ Create Example "Home Page" & "Blog Page" (and Set as Static) O-Home, O-Blog ... using O-Xxxx will make them unique.

○ Create Starter Pages (and Set as Static), people can then modify Names & Content at will ... O-Home, O-About, O-Contact, O-Blog, etc.

○ Load your Demo Pages (and Set as Static), people can then modify Names & Content at will ... O-Home, O-About, O-Contact, O-Blog, etc.

○ Button (to Add a couple Blogs - on how WordPress Works, like the Template stuff, etc ... what ever you think would be good). They can delete the Blog Posts when they are done with them.

○ Button (to your Docs Page).

Ok, you get the idea now!

I don't know how easy this stuff is to code (I have not done any of it), but I know You can do it if you think it is the way to go!

I did search around for coding ideas ... I think the following might come into play:
Insert posts with: wp_insert_post( $post )
Specify Static Pages with: update_option($option, $value)

Great job Mike, let me know if you want to bounce any ideas!
Larry

Lost attempting to install

Ollie has sent me a blueprint file, and my eye is naturally drawn to ./ollie-local-blueprint/app/public/wp-admin. I expected to find a launch execution file in that directory that would have created a new instance of wordpress with ollie theme installed within it. Apparently I had it all wrong. Please advise how to get from here to there. I'm trying to prototype a new web site to replace the existing one, which at all costs must not be disturbed during prototyping.Oh, and I want to build the prototype using ollie theme.

Keith
[email protected]
925-254-1791

[Warning] Sidebare template area is not a registered area in site editor

Describe the bug
The Sidebar template area is not yet a registered area in Site Editor, and it is throwing an error since it is being registered as one at theme.json.

ollie/theme.json

Lines 897 to 901 in e7ac937

	{
	"name": "sidebar",
	"title": "Sidebar",
	"area": "sidebar"
	}

To Reproduce
Steps to reproduce the behavior:

1. Make sure you have WP_DEBUG constant defined and set to true.
2. Go to front or admin.
3. See the error at the top.

Screenshots

Expected and Resolution
Since there are only three template areas to choose from header, footer, and uncategorized (general). Setting the third area, Sidebar to uncategorized should do it.

Ready to merge PR #57

Desktop (please complete the following information):

• OS: macOS
• Browser: Firefox
• Version: Sonoma 14.0

homepage header background video

Hi
great theme with many beautyfull formatted patterns!
I am wondering how to add background video like demo.olliewp.com (girl on couch)
I can't find how to in the docs and no proper fields in the block settings.
I used an external plugin but am not completely satisfied with that and wondering if there is an in-theme setting I am missing.

I used: "Video background" from https://wordpress.org/plugins/b-blocks/

Thanks!

Make header sticky

Describe the bug
Although I defined the position of the first group in the header as sticky, the header doesn't become sticky.
I have had similar problems with other themes, therefore I'm not sure if it's a bug or a feature or something I need to add.

To Reproduce
Steps to reproduce the behavior:

1. Go to the Site Editor (Appearance > Editor)
2. Choose the template part "Header" and start to edit it
3. Select the top group block and select position Sticky
4. Save

Expected behavior
The Header should now be sticky and stick at the top of the screen

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: macOS
• Browser: Microsoft Edge, Google Chrome, Firefox
• Version: newest

Site logo php error?

After installing Ollie 1.0 I followed the installation wizard and uploaded my logo.
The logo however does not appear on the website.

I then checked the Wordpress installation on the server and it reported an corrupt installation:

I then activated an another FSE theme Neve and the logo does appear.
I got back to the server and no problems where found.

Looking at the logs says the following:

I worked on Chrome as well as Local.

Shouldn't the Front Page content be in the page instead of the template?

I was today years old when I've learned that not including a query loop on template pages and pulling in the content from the page itself is considered a mistake with block themes. Jamie from Pootlepress also touches this in his latest YT video.

WordPress/gutenberg#49904

https://core.trac.wordpress.org/ticket/58154

Problems with showing right homepage

Describe the bug
I have made a set of pages, went into core wp, and chose the new "homepage" as a static page. When I click the menu, your theme homepage still shows, but when I click to work with it, it is back to my own made homepage. Seems that the system thinks that your theme homepage and my homepage are the same, but shows your theme front and my own page backend.

To Reproduce
Steps to reproduce the behavior:
I can not.

Expected behavior
After making a new homepage/frontpage, and choosing that page as a static page, I expected to see the homepage I made, not the themes dummy content.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• Mac OS Ventura
• Chrome, last version.

Additional context
Please advice, is it a bug, or am I missing something?