Step by step walkthrough on how to convert a Tailwind-based AI-generated design to a fully functioning WordPress site with Full Site Editing and Block Editor. For this example I’m using Gemini with Google AI Studio, how ever any method that can produce a Tailwind-based site, such as Claude Code, Lovable, Cursor, or a pre-made Tailwind…
Read more
8 min read
Cloning a WordPress site using the same database
A simple and convenient method to create a clone of an existing WordPress site over SSH using WP-CLI, make some major overhauls to it while the original site is still functioning as normal, and once the work is completed replace the original with the clone. This is not a live <-> staging <-> dev workflow,…
Read more
4 min read
How to make content of Twenty Twenty-Five theme full width
Modern WordPress block based (full site editing) themes, such as Twenty Twenty-Five theme typically come with support for the .alignwide and .alignfull CSS classes. Content can be made to span the full width of the page by applying “Align full” to a root level block. The .alignwide and .alignfull classes only function in the correct…
Read more
4 min read
Managing WordPress image sizes
A reference of miscellaneous snippets for manipulating WordPress image sizes. It’s a good idea to check which sizes the current site uses and whether some of them can be removed or consolidated into one size to save on disk space. Listing available sizes Here’s a handy function for listing WordPress image sizes, extracted from the…