March 2026 desktop wallpapers, and the high-res asset problem
The Smashing Magazine wallpaper set for March 2026, including the Cascade Style Sheet design, plus the add_image_size code I use so high-res art does not slow down a WordPress theme.
Tag: Block Styles
The two breadcrumb block filters in WordPress 7.0
WordPress 7.0 ships a native Breadcrumbs block, so the plugin can go. Two filters, block_core_breadcrumbs_items and block_core_breadcrumbs_post_type_settings, let you rewrite the trail and pick which taxonomy path wins when a post sits in several terms.
Building a mobile menu with WordPress 7.0 navigation overlays
Mobile menus in WordPress 7.0 are template parts you edit in the Site Editor. This covers the navigation-overlay area, the theme.json registration, the close block you should add yourself, and the full-screen-only limit in this first release.
Modern CSS features worth using in 2026
Interop 2026 sets the browser targets for the year. A look at the modern CSS features behind it: style queries with =, declarative dialogs via the Invoker Commands API, the :heading pseudo-class in Safari TP, and middle truncation without JavaScript.
Tailwind components vs utilities: why the distinction barely matters
Ahmad Wael on why the Tailwind components vs utilities split is mostly semantic, and how the @utility directive keeps CSS flat without extra layers or specificity fights.
WordPress AI Assistant is now built into WordPress.com
WordPress.com built its new AI Assistant directly into the block editor and Media Library. It edits blocks and generates images with Google’s Gemini models, though full layout control needs a Block Theme.
Why sustainable UX design is now a performance metric
WordPress sites carry more digital weight than they need. This post covers dark-first themes, lighter image formats like AVIF, and trimming the “digital fat” that slows sites down and drains batteries.
What the CSS :near pseudo-class would replace in your JS
Thomas Walichiewicz proposed a :near() selector so CSS can react when a pointer gets close to an element. It would replace the usual pointermove distance math, though the CSS Working Group is still weighing the fingerprinting risk.
PluginPreviewMenuItem: a custom preview in the editor dropdown
WordPress 6.7 added PluginPreviewMenuItem, a Slot/Fill point in the editor Preview dropdown. This walks through enqueuing the assets, registering the menu item, and reading unsaved post data with useSelect for a social card preview.
WooCommerce product image lazy loading is on by default in 10.6
WooCommerce 10.6 adds loading=”lazy” to the Product Image block by default, which hurts LCP when the image sits above the fold. The new woocommerce_product_image_loading_attr filter lets you force eager loading on the images that need it.