Introduction This tutorial explains, in exhaustive detail, how to bundle Gutenberg blocks for WordPress using Webpack together with the official @wordpress/scripts package. It covers project layout, installation, single-block and multi-block workflows, handling styles and assets, how to leverage block.json, automatic asset manifest usage, customizing Webpack when you need control, code splitting, internationalization, debugging tips, production […]

Introduction This article explains, in exhaustive detail, how to enqueue ES module scripts and use dynamic import() in WordPress. It covers WordPress-specific techniques to register and print module scripts, provide localized data to modules, create legacy fallbacks with nomodule, handle attributes like crossorigin or integrity, and demonstrates reliable patterns for dynamic import usage inside module […]

Overview — What this tutorial does This tutorial shows a complete, practical, secure way to expose the WordPress REST API nonce into the document head using wp_localize_script so your front-end JavaScript can authenticate cookie-based REST requests. It explains the purpose of the nonce, where/how WordPress validates it, the best practices (when to expose, when not […]

Introduction This tutorial shows how to turn a WordPress site into a Progressive Web App (PWA) by adding a web app manifest, registering a service worker, and implementing offline mode. It covers manual implementation (recommended for full control) and notes about plugin alternatives. Every code example is included so you can copy/paste into your theme […]

Overview This article is a complete, detailed tutorial on how to add a basic service worker to a WordPress site using Workbox. It covers concepts, multiple practical methods (build-time generation, CDN import, plugin/mu-plugin techniques, and rewrite approaches), concrete code examples you can paste into your theme/plugin, build scripts, troubleshooting, and production considerations. Follow the sections […]

Overview This article is a complete, detailed tutorial showing how to extract and inject critical CSS in WordPress conditionally from PHP. It covers the end-to-end workflow: how to generate critical CSS (build-time and runtime options), organizing critical fragments for different templates and breakpoints, and the PHP code required to inline or inject those fragments on […]

Introduction — What the WordPress Heartbeat API is and why you might reduce it The WordPress Heartbeat API is a small JavaScript-driven system that polls the server on a regular interval (default ~15 seconds) to exchange “heartbeat” data. Core features that rely on Heartbeat include post locking (preventing two editors from overwriting each other), auto-save, […]

Overview — Domain mapping in WordPress Multisite with sunrise.php This article explains, in exhaustive detail, how to map arbitrary domains to individual sites in a WordPress Multisite install using a custom sunrise.php implementation. It covers prerequisites, DNS and webserver configuration, the database mapping table, the exact sunrise.php code to use, SSL and redirect handling, cookie/login […]

Introduction and overview This article is a complete, in-depth tutorial for WordPress Multisite administration focused on: enabling multisite, creating sites, and sharing users across sites. It covers configuration, UI steps, programmatic methods (PHP WP-CLI), database concepts, cookie and DNS/server requirements, domain mapping, troubleshooting, security and best practices. Code examples are included for every relevant operation […]

Introduction This article is a comprehensive, step-by-step tutorial that shows how to migrate content from the Classic Editor (post_content with HTML and shortcodes) to Gutenberg blocks by mapping existing structures into block markup using PHP. You will learn strategies, safe practices, multiple mapping patterns (shortcodes, raw HTML, post meta, attachments, nested structures), and concrete code […]