Category: Gutenberg
-
Master Sidebars With WordPress Gutenberg Block Themes
Introduction This article will look at how to add and customise WordPress sidebars, using the Twenty Twenty-Two Block Theme. In particular, we’ll look at how to: Add a sidebar. Style a sidebar. Create a sticky sidebar. Create dynamic sidebars to display different sidebars on different pages This link will take you to a free training…
-
Gutenberg Block Editor News – 11th March 2022
In this week’s episode, the Gutenberg List view gets upgraded, margin support comes to the Group Block, the Columns Block gets better. I show you Avant-Guarde, my Block Theme of the week, we’ll see Roast of the Week, and we take a look at the future when the Metaverse comes to WordPress.
-
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…
-
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.
-
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…
-
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…
-
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…
-
WordPress Gutenberg Full Site Editing for Beginners
Full Site Editing (FSE) extends the reach of the WordPress block editor beyond just posts and pages, allowing you to edit your entire website. While this is not yet part of WordPress core, it will be soon. In the meantime, you can enable FSE via the official Gutenberg plugin. You’ll also need to use an…
-
The Gutenberg Block Editor will change the web but not in the way we all think
Introduction This article outlines some thoughts on Gutenberg that I’ve mulling on for a few months. I’ve been thinking about how the tools we use to produce content have an impact on the nature of the content we produce. I realize that some of these ideas might seem far-fetched, so be kind, and let me…
-
How to create an Industry News Page with the Gutenberg Block Editor
Recently I created a page on pootlepress.com that helps my readers keep up to date with my favourite WordPress Blogs and Writers. You can find the page here https://www.pootlepress.com/best-wordpress-blogs-to-follow/ The Pootlepress.com WordPress Industry News Page An Industry News page is a nice and simple way that you can drive more traffic to your website. And…
-
How to create a Call to Action Box with the Gutenberg Block Editor
I was reading a post by Chris Lema last week – and btw you should definitely read his blog – called Building Landing Pages with the Block Editor (Gutenberg). It’s cool because it shows you how to create a Call To Action Box (CTA) with the block editor using the GenerateBlocks plugin. A call to…
-
WordPress 5.8 – A quick run through of what’s new!
WordPress 5.8 is due to be released on July 20th. Version 5.8 is bringing some big changes, especially in regard to the Gutenberg Block Editor. Here’s my take on the top 7 things to get excited about in Version 5.8. Full Site Editing Up to now, Gutenberg has enabled us to use the Block Editor…
-
The Sketch Block for Gutenberg
There’s a cool (if somewhat buggy) new Gutenberg Block that lets you Sketch or Doodle directly within the Gutenberg Block Editor. It’s called the Sketch Block Plugin and it’s been built by the team at Automattic. And it’s free! I’m a keen Sketcher and Doodler and what I love most about the Sketch Block is…
-
Chris Lema loves this Product Page design – find out why, and how to build it using the Block Editor
My latest YouTube tutorial is inspired by a great article by Chris Lema called ‘designing the product page’. Chris is a Ecommerce guru and in his article he outlines the design elements that you’ll want to include for a high converting product page. Sticky header with purchase button Large typography Beautiful images Video of product…