Introduction This article explains, in exhaustive detail, how to use theme.json in WordPress to manage styles and presets and how to interact with those presets from PHP and JavaScript. You will learn what theme.json contains, how WordPress exposes presets as CSS custom properties and editor settings, how to read and extend theme.json from PHP, how […]
Overview This tutorial explains, in exhaustive detail, how to create WordPress theme templates using the Template Hierarchy. It covers the hierarchy rules, file naming conventions, conditional tags, template parts, custom post types, child-theme overrides, debugging methods, and advanced techniques such as using filters and locate_template. Practical, copy-paste-ready examples are included and all code samples are […]
Introduction — What the loop is and why you might override it WordPresss Loop is the engine that processes and displays posts for the main query in templates. By default the main query is created by WP core using URL parameters, the template hierarchy, and rules. There are many cases where you need a different […]
Introduction — Why attribute migrations matter When a block evolves, its attribute schema often changes: keys are renamed, types change, data moves from HTML to JSON, or attributes are replaced by inner blocks. Without a planned migration strategy, older saved posts break in the editor or lose data. WordPress block deprecations are the supported mechanism […]
Introduction This tutorial explains, in depth, how to register Block Patterns and Block Variations in WordPress using JavaScript. It covers APIs, recommended workflow, enqueuing, example code (ready to paste), registration and unregistration, internationalization, pattern categories, variations with inner blocks, and common pitfalls. Prerequisites WordPress 5.5 for block patterns support use the latest WordPress for the […]
Introduction This tutorial explains, in exhaustive detail, how to read and write post meta from the Gutenberg block editor using JavaScript. It covers what you must register on the PHP side, how to expose meta to the REST API, how to enqueue editor scripts, and multiple editor-side JavaScript patterns to read and update meta (including […]
Introduction — what dynamic blocks and render_callback mean A WordPress dynamic block is a block whose frontend output is generated on the server at render time, instead of being stored as static HTML in post_content. In the block API, that server-side rendering is implemented with a PHP callback provided via the render_callback parameter when you […]
Overview This article explains, in complete detail, how to add controls to InspectorControls in a WordPress block (JavaScript). It covers required imports, block attributes, the edit UI, common control components, grouping controls into panels, using advanced inspector controls, saving the result for the front-end, dynamic-rendered blocks, accessibility and best practices, and troubleshooting. Multiple working examples […]
Introduction This tutorial explains, in complete detail, how to create Gutenberg blocks for WordPress using the official @wordpress/scripts toolchain. It covers project setup, block metadata, JavaScript implementation (editor and save), styling, build tooling, PHP registration, dynamic/server-side rendering, attributes, transforms, deprecations and migrations, internationalization, linting, testing, TypeScript considerations, and debugging tips. Code examples are included for […]
Overview This article explains, in full detail, how to restrict WordPress REST API endpoints by capability using PHP. It covers the theory (roles vs capabilities), multiple practical methods (permission_callback, rest_endpoints, rest_pre_dispatch, custom controllers, rest_authentication_errors), examples you can copy into plugins, how to check post-specific (meta) capabilities, proper error handling, and common pitfalls and best practices. […]
