-
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…
Search
Categories
- Artificial Intelligence (AI) (16)
- Courses (1)
- Freelancing (1)
- Portfolio (4)
- Programming (31)
- Server Management (5)
- Shopify (1)
- Shopify Apps (1)
- Tech (155)
- Uncategorized (2)
- Web Programming (52)
- Weebly (24)
- Weebly Apps (4)
- Wordpress (58)
- WordPress Block Theme Development (18)
- Zero to Automation Pro: The Complete n8n Developer Series (3)
Recent Posts
- How to Add a Weebly Mega Menu to Your Weebly Website (No Coding Required)
- The 17 Best Weebly Apps by Codoplex — And How to Get All of Them in One Subscription
- How to Add Popup to Weebly Website (Complete Guide for 2026)
- Ep.028 WordPress Theme Directory Submission – Theme Check, Testing & Approval Process
- Ep.027 Making WordPress Block Theme Versana v1.0.0 Production Ready – Critical Bug Fixes & Security Hardening
Tags
ai automation angular block theme BlockTheme block themes CodoBookings c programming data science fastapi full site editing gutenberg java learn angular learn html & html5 learn wordpress mongodb n8n n8n automation n8n beginner guide n8n tutorial n8n workflow nginx nodejs react R programming shopify app development shopify apps theme.json theme options page ubuntu vps vps server website migration weebly app weebly apps weebly tutorials wordpress blocks wordpress block theme wordpress news wordpress plugin development wordpress plugins wordpress security wordpress templates wordpress theme development wordpress tutorials