-
Ep.015 Understanding the 20 Most Common WordPress Blocks (With Attributes Explained)
When you’re building a WordPress block theme, you’ll constantly use blocks like paragraphs, headings, images, covers, and more. But as a beginner, one of the most confusing parts is the…
-
Ep.014 Creating Custom Templates (Front Page, Blog, 404, Single, Archive, Page)
A complete guide to creating custom templates in WordPress block themes. Learn how to build front-page, blog, single post, archive, and 404 templates—with code explanations.
-
Ep.013 Create Header & Footer Template Parts in WordPress Block Themes – Versana Theme Tutorial
Learn how to create reusable header and footer template parts in your WordPress block theme. This step-by-step tutorial uses the Versana theme to show how to build and include header.html…
-
How to Create a Custom Category Template in WordPress Block Themes (Beginner Guide)
Want to create different layouts for specific categories in WordPress? Learn how to design a custom category template in WordPress block themes using the Site Editor and code-based method. Beginner-friendly…
-
How To Access Block Directory Inside Gutenberg Block.js File?
Sometimes, we need to access the block directory url inside Gutenberg block.js file (see following scenario). Let’s say that inside the block folder you have an images folder containing logo.png…
-
Create Gutenberg Template Using Inner Blocks
In previous blog posts, we have learned how to create custom Gutenberg blocks. In this tutorial we will learn how to create Gutenberg template with pre-defined blocks using inner blocks…
-
Add Custom Button In Formatting Toolbar – Gutenberg Block Development
WordPress provides Format API to add custom buttons in formatting toolbar to apply specific styles to the selected text. When a format is applied to a text selection, the text…
-
Add Custom Category For Custom Gutenberg Blocks
Gutenberg block editor have revolutionized the way we add/edit post/page content. The block editor consists of some pre-defined blocks like heading, paragraph, image etc. Other than the default blocks, we…
-
Control Types For Settings Sidebar – Gutenberg Block Development
In previous tutorial blog post, we have learned how to use Settings Sidebar to add option to change to change the color of Colored Lines block. We have used the…
-
Customize Blocks Using Settings Sidebar – Gutenberg Block Development
In previous blog post we have developed a custom Gutenberg block i.e Colored Lines which adds colored lines in post/page editor. After that we have learned how to use Block…
-
What Are Block Controls and Attributes – Gutenberg Block Development
In previous post, we have learned how to devlelop a custom Gutenberg block using ES5 syntax. We have developed a custom Gutenberg block which adds colored lines in Post/Page content.…
-
Develop Custom Gutenberg Block Using ES5 Syntax – Gutenberg Block Development
WordPress released a new post/page editor (Gutenberg Editor) in version 5.0 which improves the post/page development. The editor consists of some built-in blocks which can be used to add different…
