olliewp / ollie Goto Github PK
View Code? Open in Web Editor NEWA finely-crafted WordPress block theme by Mike McAlister
Home Page: https://olliewp.com
License: GNU General Public License v3.0
A finely-crafted WordPress block theme by Mike McAlister
Home Page: https://olliewp.com
License: GNU General Public License v3.0
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.
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?
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 :)
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:
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):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
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!
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?
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.
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):
Additional context
Please advice, is it a bug, or am I missing something?
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.
Lines 897 to 901 in e7ac937
To Reproduce
Steps to reproduce the behavior:
WP_DEBUG
constant defined and set to true.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):
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:
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):
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?
○ base
○ main
○ main-accent
○ primary
○ primary-accent
○ secondary
○ tertiary
Thank you very much Mike,
Larry
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!
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
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
<!-- 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 -->
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.
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.
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.
Is the Ollie FSE (Full Site Editing) theme WooCommerce ready?
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.
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!
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.
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!
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:
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.
Desktop (please complete the following information):
Smartphone (please complete the following information):
I did not test this on my phone.
Describe the solution you'd like
BREADCRUMBS
Please add Breadcrumbs to posts and pages.
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.
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
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!
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:
Desktop (please complete the following information):
Additional context
Really nice looking theme!
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>
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
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
N/A
Describe the bug
The is a misspelling here
https://github.com/search?q=repo%3AOllieWP%2Follie%20inheret&type=code
The correct spelling is "inherit".
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.
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.
Describe the bug
Custom themes are showing on the website but not in the style guide.
To Reproduce
Steps to reproduce the behavior:
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.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
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
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!!!
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.
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)
○ If while Creating/Editing a Page ... and you choose "Default template" for your template, you are actually selecting ==>the "Page" Template.
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")
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.
==>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):
○ 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
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.
Describe the bug
Additional Global CSS Styles are deleted upon save after choosing a new style
To Reproduce
Expected behavior
The style shouldn't be deleted upon style change
Screenshots
https://youtu.be/g1VXoOjMmOI
Desktop (please complete the following information):
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:
Expected behavior
Image is visible immediate after adding to menu or anything
Screenshots
Desktop (please complete the following information):
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.
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
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:
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):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
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:
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):
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.
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.
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!
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.
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:
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.
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
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):
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.
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!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.