In the last installment, we discussed WordPress default theme with Gutenberg editor header settings. In this installment, we will take you to understand how to quickly layout your homepage with Gutenberg. If you find it too tedious to add modules one by one (such as header, text, buttons, images, etc.), then this post will teach you how to quickly lay out your homepage with the help of Patterns in Gutenberg to simplify the design process. Whether you are a personal blog site, or an e-commerce site...

In this article, we'll take you on an in-depth tour of how to use the Gutenberg editor to furnish and design your WordPress site. Whether you use the default theme, or use another theme first and then switch to the default theme, Gutenberg can help you realize flexible layout and module configuration. In this article, we will explain in detail how to add menus, handle compatibility issues with different themes, and help you get started quickly with practical steps. Whether you want to make a blog news site (pictured below) default theme ...

In this post, we're going to continue our in-depth look at WordPress' Gutenberg editor, highlighting some advanced features and useful tips to help you further enhance your content creation. From adding anchors and custom styles to Blocks, to using different types of important Blocks, we'll break down step-by-step how these features can help you achieve a more flexible and professional page layout. Whether you want to create more engaging blog posts or optimize your page for user experience and SEO,...

Before we officially start the tutorials for the default theme and the tutorials for the Gutenberg blog, let's take a deeper look at the Gutenberg editor. As the default content editor for WordPress, Gutenberg has become an important tool for web design and content management since its release in 2018. With several updates, especially the optimization in 2024, Gutenberg has not only enhanced its functionality, but also tightly integrated with the WordPress default theme, which greatly improves the efficiency of site building and page loading speed. What is Gutenberg ...