AMAZING! WordPress Block Themes FREE features 🔥
ฝัง
- เผยแพร่เมื่อ 10 มิ.ย. 2024
- In this video I show you 10 amazing features of WordPress Block Themes.
How to get 100% Control over your Post and Page Layouts
How Block Styles make design easier
How Block Patterns can make your designs better
How to use Page Templates for individual page designs
How to use the new WordPress Style Book
How to create stunning Landing Pages
How to design layouts for Custom Post Types
A look at the Simplified Theme Architecture of Block Themes
Why Block Themes are lightweight and fast
How CSS Grid is coming to WordPress 6.3
👉 Block theme course www.pootlepress.com/wordpress...
👉 Sign up for my newsletter: www.pootlepress.com/sign-up-t...
👉 One Day Sites : www.pootlepress.com/our-wordp...
👉 🔥 Instant Websites 🔥 www.pootlepress.com/instant-w...
👉 My WordPress Gutenberg plugins: www.pootlepress.com/wordpress... 🔥
👉 My courses: www.pootlepress.com/our-wordp...
👉 Become a member of my club: clubpootle.com/
👉 Contact me at: jamie@pootlepress.com
Timeline
0:00 - Intro
1:30 - 100 design control of page templates
2:25 - Block Styles
3:35 - Custom Category Pages
4:41 - Block Theme Patterns
5:50 - Individual Page Templates
6:14 - The Style Book
7:00 - Landing Pages
8:20 - Create your own Block Themes
9:30 - Easy Custom Post Type layouts
10:55 - Block Themes are lightweight and fast
13:24 - CSS Grid and WordPress 6.3
14:10 - Cats cameo
WordPress block themes offer users unparalleled control and customization options. While these themes provide an exciting range of features for creating visually stunning and highly functional websites, it's important to note that they may have a steeper learning curve compared to traditional themes.
However, the learning curve is well worth the effort as block themes empower users to bring their creative visions to life with ease once they overcome this initial hurdle.
Complete Control over Post and Page Layouts
WordPress block themes provide users with unparalleled control over post and page layouts. Through the site editor, you can customize templates and add blocks to design your content exactly as you envision it.
Built-in Block Styles for Easy Customization
Block themes simplify customization by incorporating built-in block styles directly into the theme. With a single click, you can modify background images, truncate excerpts, and apply different styles to various blocks, all without the need for additional plugins or custom CSS.
Boost Efficiency with Block Patterns
Block patterns are pre-designed collections of blocks that speed up your workflow. These patterns, available in block themes like Ollie, utilize core Gutenberg blocks, allowing you to create stunning pages quickly and easily while maintaining the flexibility to customize them further.
Page Templates for Streamlined Design
Block themes now offer page templates, allowing you to switch layouts for individual pages. This feature empowers you to establish a unique visual identity for each page by removing unnecessary elements or modifying the design to create captivating hero sections or landing pages.
The Style Book: Streamlined Block Styling
Block themes introduce the Style Book, a real-time preview and styling feature. The Style Book enables you to fine-tune the appearance of blocks by modifying typography, adding borders to images, and previewing changes instantly.
Effortless Landing Page Creation
Creating landing pages becomes a breeze with block themes. By creating a custom template, you can remove headers, footers, and other unnecessary elements, focusing solely on your landing page content. This streamlined approach helps you create captivating, full-screen landing pages that entice visitors.
Support for Custom Post Types
Block themes seamlessly integrate with custom post types. The site editor allows you to design layouts specifically tailored to showcase your custom content, whether it's portfolios, projects, or collections of movies. This feature ensures your custom post types are presented with precision and style.
Simplified Theme Architecture
Block themes offer a simplified architecture compared to classic themes. They leverage the power of core WordPress features, making them lighter, easier to build, maintain, and update. This streamlined approach results in a more efficient and optimized user experience, often leading to faster website performance.
Future-Proofing with CSS Grid
WordPress block themes embrace the future of web design by incorporating CSS Grid. This advanced layout system provides developers with enhanced control over grid-based designs, resulting in stunning and responsive layouts. Block themes are well-equipped to adapt to evolving web design standards and ensure compatibility with future developments. - วิทยาศาสตร์และเทคโนโลยี
I don't know what's driving you, Jamie, but I really appreciate your enthusiasm and spirit of curiosity that goes into making these videos. Thank you!
Thank you 🙏
Came here to learn about block themes and got peace just watching the video. This is when you see someone doing their passion. Don't stop creating videos like this.
Thank you Vito ❤
So true. Came here to decide whether I should give Wordpress another try, I am now sure that I should. Even want to build my portfolio site using Blocks now, they seem to give me the freedom I want. Been hardcoding my sites due to templates being too restrictive for me.
@@banele_tshabalala great 👍
Jamie, I really love that you pushing for Blocks themes, the videos you present are very well thought out and planned. I always turn to your channel for the latest Block News. Thanks for sharing these valuable insights with us.
thanks Christopher
Came here to learn how to create block themes but realized its only feature video which is great. Liked your passion mate but would love to learn how to make block themes myself as I don't want to be a mere consumer only. Anyways, great work and highly appreciable effort for taking time out to deliver such an informative video.
"Block Themes are light and fast" segment is the best Jamie! The block builder produces a lightweight HTML structure and brings significant improvements in accessibility. Love the video!
Thank you 🙏
wow ! css grid coming in WP 6.3 ! great news for web designers.
Yup 100%
Excellent Jamie, well explained, as usual, and free of upsell, so I can share this video link with lots of folks. Thank you 🙂
thanks Mark
Awesome stuff Jamie... 🤯and inspired to give it a go!
Great to hear 👍
Thank you for keeping my interest in WP intact !!
thank you
Thanks Jamie. As usual a great demo of all the features, pros and cons. I definitely think that the block editor is far better than the older editor for post content. I'm still not sold on FSE, specifically in the area of templating, though a lot of the other work in FSE looks really promising. I quite like the Kadence theme, especially in the way that the header and footer ( I know it's done via the customiser) but it seems not to have moved to the FSE option.
As for the theme size that is quite a big difference. As a Divi user it will be interesting to see how they pair things down for version 5.
By the way I see you almost everyday day now when I scroll the homepage of The Guardian.
thank you for watching and writing such a great comment 👍
Truly good content!!!
Thanks 🙏
Good overview of the parts of Block themes. I would like to see someone convert a classic theme (such as GeneratePress) to a block theme but I will try to create my own block theme . I would like to see how CSSGrid will be implemented into 6.3. Nice surprise!!
Check out other videos on my channel, I’ve created a hybrid theme with generatepress and also a few tutorials on how to create a block theme .
Wow! Good job, very interesting info :) Kadence is a classic theme?? I hope it will go to blocks soon...
Tks - yup Kadence is a classic theme - from my understanding it’s not moving to a block theme for the foreseeable future
Great video and insight. As you focus on block themes and plugins, I would recommend looking and reviewing Sensei LMS, they have some really cool features like the Ai Quiz and also the Ai Tutor too and it's ALL block based - only LMS we've seen like that.
Cool idea 👍
@@jamiewp they even have a jaw-droppingly gorgeous theme you can use with it but as it's a fse theme we just couldn't use it just yet with the time constraints we had for a project we ended up completing.
is this in the wordpress core or is this a plugin?Then what does the spectra one plugin add to this?
Thanks for sharing. Ollie is very good. The Page/Post select template is an absolute winner for me. I have so many clients who want to choose templates on a per-article basis (because different articles suit different layouts) and yet it is a feature we rarely see. I think Beaver Builder has something similar but all the other themes completely miss the point.
Interesting! I am currently building a theme as Ollie (shown in the video).
Can you elaborate on when exactly your clients chose differente templates? What are the differences between the templates on a per-article basis?
@@Hanneslsm I'll give you a simple example from experience. Layouts are often determined by the availability of good photos. Sometimes there are landscape photos. Other times the photos are in portrait mode. Portrait photos do not make good headers! So, when the person crafting the article only has a single portrait featured image available, it would be nice to switch to a layout that places it (for example) to the side of the text - not across the top of the page. By being able to switch the template at the time you create the post, you give the author the flexibility to choose how their piece will be presented..
@@Perchpole Never thought of it, but it totally makes sense! I will include this in my theme. Thanks for sharing!
Totally agree!
Still on the classic wagon, and admittedly envying the stylebook, global styles and templating of custom post types a bit 😒
How about the built-in way to create your own patterns in WP 6.3 - that must be a feature you are looking forward to? Will you do a comparison to BlockMeister at some point?
Yup the pattern manager coming is great news - did you see my video about the wpengine pattern manager as that's pretty cool as well.
Can you easily create scroll effects with block editor ? I'm currently migrating my wix site to WordPress and im a bit intimidated. I haven't used it in 10 years and it's so different now. Hoping to just find themes to buy and use but I'm afraid it might not be compatible . Can you recommend some ? Im not allowed to user elementor either...
Yup , there’s an animation css plugin that will do this
Hi, Jamie! Wich WP Block theme did you use in this video?
The Ollie theme
You mentioned that most of your builds include a static landing page and a blog page as well. Are you a free lancer who builds for clients or do you work for an agency?
Hi , through my business here pootlepress.com
How am I suppose to get that blurry effect on image or any container ? Or background @2:51 and what template u use ?
It's the Ollie Theme
In #5 where you created the page with no title, is there a way to have the navigation sitting over the image rather than above it so there isn't a solid, separate navigation and then the big hero image, but instead a transparent navigation sitting over the top of the image?
HI Helen, yes you can add the cover block , and then put the nav in that
@@jamiewp Thanks. I'll give it a go again. Last time I tried with the Ollie theme there was something that wasn't working for me.
Hi Jamie, are you sure for CSS Grid coming in WordPress 6.3? We don't see it in beta 4 of 6.3. Furthermore, in Gutenberg Changelog #84 (Gutenberg Times) , Isabelle Brison the woman behind CSS Grid for WordPress said " And what is marked experimental, and will not be shipped in 6.3, is the group grid variation. So the group block has a few different layout variations, and behind an experimental flag in the plugin, there is a grid variation for the group block. However, that hasn’t been marked stable yet because what we have currently, the grid layout is a very basic version. It’s a very basic type of layout.".
Yes as far as i know it's coming to the Query Loop block
@@jamiewp Thanks Jamie, so we will be able to have CSS grids in the Query Loop instead of the Flexbox model . Hoping in the future that the CSS Grid implementation layout will be full one (not the case of the current Flexbox unfortunately 😐)
Can I edit block theme using elementor? how can make it compatible to do it so, do i need to install plugin ?
Nope - you should just use their Hello theme as it’s designed for Elementor
Jamie, please, don't forget about Greenshift Block Theme review, that you promised to make! Or do you make reviews only if devs pay for it?
Nope ! I’ll do a video if there is something special or unique that my viewers will get value from . At the moment there are other priorities as there is so much Gutenberg dev happening 👍
Don’t I feel daft, I actually thought Divi was a block theme. I currently use Gutenberg for my posts and Divi for my site, but I am quite tempted to try out a block theme.
It’s a very common misconception- not helped by divi marketing in some cases
Why can’t I use Gutenberg in customiser it how been much better than to take aye customer! It was very sad then I blogger like me have to make new design every time I will post a WordPress post! WordPress don’t accept that some of us as do only have same design on all posts & some how do use same design on all websites don’t ever need this stupid blocks!
It was much better to use WordPress before WordPress created Gutenberg!
It is very sad for us want to use a real much better template builder then Gutenberg! Them don’t accept new users how Gutenberg is to difficult to use! For me how was a WordPress user long time ago before Gutenberg!
Please help us to get back WordPress to be like WordPress was before Gutenberg! Please accept us how never will use Gutenberg!
It must better to use classic themes & Gutenberg is to bad! If I what to use Gutenberg I what to have it In customer!
To go back end every time we use WordPress is a very bad way to do it!
You can still use a classic theme if you don’t want to use block themes :)
Couldn't follow, sorry. Ways too fast for me!
Sorry about that - there is a slow option in TH-cam if that helps