-
Gutenberg versus Elementor – the beginners challenge
What happens when you give Gutenberg and Elementor to complete Beginners? In this challenge, Meg and Lily (two of my daughters) are tasked with re-creating a webpage. They’ve never used Elementor or Gutenberg before, and I only gave them 30 minutes each. This is the page they were tasked with designing. Meg uses Elementor and…
-
Mastering The New WordPress Menu System and Gutenberg Navigation Block
The way we create menus has completely changed with Full Site Editing (FSE) and this article will take you through step by step on how to manage WordPress menus when using a Block-Based Theme and the new Gutenberg Navigation Block. It is important to note that you’ll only have access to the new menu system…
-
Will WordPress 5.9 break your website?
A client asked me yesterday whether their website will break when WordPress 5.9 is released on January 25th, 2022, and Gutenberg Full Site Editing is rolled out as part of WordPress core. In this video, I’ll explain how your WordPress website should carry on running fine when WordPress 5.9 is released, and also explain the…
-
WordPress Gutenberg Yes or No? What the Pros say?
What do the WordPress Pros think about WordPress Gutenberg? I asked the best WordPress Pros what they think about Gutenberg and this is what they said. Paul Charlton Gutenberg Yes or No?Both. Gutenberg is the future of WordPress, so we’ll have to embrace it wether we like it or not. Gutenberg is getting slightly better. But no,…
-
WooBuilder Blocks sneak peek – Gutenberg Full Site Editing Support and Dynamic WooCommerce content
Here’s a sneak peek of the next version of WooBuilder Blocks. WooBuilder Blocks lets you design the WooCommerce product page using the Gutenberg Block Editor. We are aiming to release the new version in early February. We’ve been working hard on two big new areas of functionality. Full Site Editing Support – Create WooCommerce Single…
-
How To Create a Custom 404 Page in WordPress Gutenberg
Introduction Today we’ll be looking at how to create a custom 404 page using both Full Site Editing (FSE) and Gutenberg. This is an example of a 404 page that can be made. You have to be using the. You will need to have installed: A FSE theme, such as Tove. The Gutenberg plugin However,…
-
WooCommerce Shop/Category Page Hooks
Find out what WooCommerce shop page hooks are, how they work, and how to use them to make advanced customisations to your online store.
-
Creating Virtual and Downloadable Products in WooCommerce
Find out how to create WooCommerce downloadable products and showcase them better on your ecommerce store using WooBuilder Blocks.
-
What WordPress Stack do the Pro’s use?
Introduction I asked the best WordPress Pro’s to tell us what stack they use when building with WordPress and their answers are super useful and interesting. I asked them 5 questions. What are their favourite plugins What are their favourite themes What is their favourite hosting What is their favourite non-Wordpress App Gutenberg Yes or…
-
How To Add a Product Lightbox or Quick View to Your WooCommerce Products
A product lightbox or quick view is a great way to improve user experience on eCommerce sites. Learn all the benefits of this feature and how to easily add one to your WooCommerce store.
-
How to Enable the Catalog Mode in WooCommerce (With a Plugin)
Find out in which ways the catalog mode in WooCommerce can improve the performance of your online store and learn how to enable it.
-
How to change the out of stock text on your WooCommerce website and add a custom message
Find out how to change the default WooCommerce out of stock text on your online store and add a custom message instead to deliver a better user experience.
-
Custom Single Post Layouts with WordPress Gutenberg
Introduction In this article, we’ll be looking at how to build a custom layout for your single posts using the WordPress Gutenberg Block Editor and Full Site Editing. We’ll also cover how to export layouts, restore layouts back to the default theme, and look at the importance of dynamic blocks. We don’t need any extra…
-
How to Disable WooCommerce Product Reviews
Find out how to disable WooCommerce product reviews on your online store and what you should use for social proof instead.
-
How to Customise WooCommerce Product Image Size & Fix Blurry Images
Find out how to customise WooCommerce product image size and fix blurry images to enhance your online store.
-
The Great Big WordPress Theme Shake-Up
Introduction A great big earth-shattering change is about to hit WordPress. It’s called Full Site Editing (FSE), and it is coming to WordPress this December. Full Site editing brings the power of the Gutenberg Block Editor to your entire website. Previously we used the Gutenberg Block Editor to create our Posts and Pages, with FSE…
-
WordPress Gutenberg Query Loop Block – A Beginners Guide
Introduction The WordPress Gutenberg Query Loop block is possibly the most important core WordPress Block, as it lets us create custom and dynamic pages. The Query Loop Block lets you dynamically query your website, to create differently styled pages. WordPress.org describes the Query Loop block as an advanced block that allows you to display posts based on specified…
-
Sticky Scrolling Effect with Gutenburg
Introduction In this article, we’ll look at how to create a Sticky Scrolling effect. The free Gutenberg Sticky Block plugin allows you to fix any Gutenberg block to the top of the page as you scroll. In addition, you can also choose when to unstick the sticky block. This effect can be used on WooCommerce…
-
Beginners guide to creating Custom Posts with Advanced Custom Fields & Gutenberg Full Site Editing
In this article, we’ll look at how you can use the Advanced Custom Fields (ACF) plugin, WordPress Custom Post Types, and Gutenberg full site editing (FSE) to create more complex WordPress websites. We will be building a directory or listings website, however, once you understand how to implement Gutenberg FSE + ACF + Custom Posts,…
-
How to create overlapping columns with the WordPress Gutenberg Block Editor
This article explains an easy way to create a cool overlapping columns effect using the WordPress Block Editor and the Media and Text Gutenberg Block. Here’s what we are going to build. Video tutorial Step One: Add the Media and Text Block First, add the Media and Text Block to your page. Step Two: Replace…