WordPress News and Tips
best wordpress website design examples, award winning websites reviews
WordPress.com Changelog: Sharper Image Editing and a New Way to Multitask
June 5 – 18, 2026
Welcome back to the WordPress.com changelog! These two weeks smoothed out everyday work — sharper image editing and easier-to-scan notifications. And if you connect an AI agent like Claude or ChatGPT to your site, it can now do a lot more, including editing your site’s design and managing plugins.
Editing and media
Crop and resize without the friction
Working with images on your site just got more forgiving. The in-editor crop and resize tools are now available across all WordPress.com sites, so you can frame a photo exactly how you want it without leaving the editor or opening a separate app.
Open a post or page, add an image, and then click the crop button to launch the new experience:
Plugins
Desktop Mode: a new, free way to multitask in WordPress
If you juggle a lot at once — drafting a post while uploading media, tidying pages, clearing comments — Desktop Mode turns your WordPress admin into a workspace that’s reminiscent of your computer desktop.
Open posts, pages, and media as separate windows you can resize and arrange, jump anywhere with a quick command search, and recover anything from a single Recycle Bin that covers posts, pages, media, and comments.
It’s a free, open-source plugin from Automattic, available now. Install it on any paid WordPress.com plan.
AI...
Welcome back to the WordPress.com changelog! These two weeks smoothed out everyday work — sharper image editing and easier-to-scan notifications. And if you connect an AI agent like Claude or ChatGPT to your site, it can now do a lot more, including editing your site’s design and managing plugins.
Editing and media
Crop and resize without the friction
Working with images on your site just got more forgiving. The in-editor crop and resize tools are now available across all WordPress.com sites, so you can frame a photo exactly how you want it without leaving the editor or opening a separate app.
Open a post or page, add an image, and then click the crop button to launch the new experience:
Plugins
Desktop Mode: a new, free way to multitask in WordPress
If you juggle a lot at once — drafting a post while uploading media, tidying pages, clearing comments — Desktop Mode turns your WordPress admin into a workspace that’s reminiscent of your computer desktop.
Open posts, pages, and media as separate windows you can resize and arrange, jump anywhere with a quick command search, and recover anything from a single Recycle Bin that covers posts, pages, media, and comments.
It’s a free, open-source plugin from Automattic, available now. Install it on any paid WordPress.com plan.
AI...
https://wordpress.com/blog/2026/06/19/
Exploring Divi 5’s New SVG Module
Scalable Vector Graphics, or SVGs, work differently from regular image files. A PNG or JPEG stores pixels. An SVG stores vector instructions, which is why a logo, icon, or illustration can stay sharp on a phone screen, a desktop monitor, or a large display.
That flexibility makes SVGs useful for more than crisp image quality. Since SVGs are built from paths and shapes, you can often adjust their fill, stroke, size, and animation without opening a design tool. Divi 5‘s new SVG Module brings that workflow into the Visual Builder. You can paste SVG markup directly, upload an SVG file when your WordPress site supports it, and style the graphic with Divi’s design controls.
What Is Divi 5’s SVG Module?
The SVG Module is a dedicated Divi 5 module for adding scalable vector graphics to a page.
Divi has long included an Image module, but SVGs are not quite the same as standard image files. They are vector-based graphics made from markup, paths, and shapes. That means they can scale without losing quality and can be styled in ways a flat image file cannot.
That distinction matters.
The Image module can display image files. The SVG Module is built for SVG-specific workflows. It lets you add SVG markup directly or use an uploaded SVG file, then control key SVG styles such as Fill and Stroke from inside Divi.
Where The SVG Module Works Best
Use the SVG Module when the...
That flexibility makes SVGs useful for more than crisp image quality. Since SVGs are built from paths and shapes, you can often adjust their fill, stroke, size, and animation without opening a design tool. Divi 5‘s new SVG Module brings that workflow into the Visual Builder. You can paste SVG markup directly, upload an SVG file when your WordPress site supports it, and style the graphic with Divi’s design controls.
What Is Divi 5’s SVG Module?
The SVG Module is a dedicated Divi 5 module for adding scalable vector graphics to a page.
Divi has long included an Image module, but SVGs are not quite the same as standard image files. They are vector-based graphics made from markup, paths, and shapes. That means they can scale without losing quality and can be styled in ways a flat image file cannot.
That distinction matters.
The Image module can display image files. The SVG Module is built for SVG-specific workflows. It lets you add SVG markup directly or use an uploaded SVG file, then control key SVG styles such as Fill and Stroke from inside Divi.
Where The SVG Module Works Best
Use the SVG Module when the...
https://www.elegantthemes.com/blog/div
Creating A Responsive Menu In Divi 5 (Using New Menu Features)
Divi 5’s new menu tools let you build navigation from smaller, more flexible pieces instead of relying on one all-in-one menu module.
That matters most on responsive sites. A desktop header, dropdown menu, and mobile overlay do not always need the same structure. With the Link module, Dropdown module, Menu Loops, Canvases, and Interactions, you can build each version of the menu in the way that fits the screen.
In this post, we will build a responsive Divi 5 menu from start to finish. The desktop version uses looped menu links and optional dropdowns. The mobile version uses a separate Canvas that opens and closes with Interactions.
Divi 5’s New Menu Building Features
Responsive menus in Divi 5 are built from a set of focused tools. Each one handles a different part of the navigation workflow.
The Link module handles individual menu items. The Dropdown module handles flyouts and mega-menu panels. Menu Loops keep links connected to WordPress menus. Canvases hold off-canvas mobile menus. Interactions control how those hidden menus open and close.
The Link Module
The Link module lets you add a single customizable link anywhere in your layout. You can use it as a standalone navigation item, connect it to dynamic content, or pair it with a Menu Loop so one styled link repeats for each item in a WordPress menu.
In this post, we will use the Link module as the foundation...
That matters most on responsive sites. A desktop header, dropdown menu, and mobile overlay do not always need the same structure. With the Link module, Dropdown module, Menu Loops, Canvases, and Interactions, you can build each version of the menu in the way that fits the screen.
In this post, we will build a responsive Divi 5 menu from start to finish. The desktop version uses looped menu links and optional dropdowns. The mobile version uses a separate Canvas that opens and closes with Interactions.
Divi 5’s New Menu Building Features
Responsive menus in Divi 5 are built from a set of focused tools. Each one handles a different part of the navigation workflow.
The Link module handles individual menu items. The Dropdown module handles flyouts and mega-menu panels. Menu Loops keep links connected to WordPress menus. Canvases hold off-canvas mobile menus. Interactions control how those hidden menus open and close.
The Link Module
The Link module lets you add a single customizable link anywhere in your layout. You can use it as a standalone navigation item, connect it to dynamic content, or pair it with a Menu Loop so one styled link repeats for each item in a WordPress menu.
In this post, we will use the Link module as the foundation...
https://www.elegantthemes.com/blog/div
4 Tabs + Nested Elements For Divi 5 (Free Download!)
Divi 5 makes it easy to create organized, interactive sections that help visitors explore related content without overwhelming the page. In this free pack, you’ll get 4 Tabs + Nested Elements designs that are perfect for service breakdowns, product details, feature comparisons, process sections, portfolio highlights, FAQs, team information, agency websites, landing pages, and more. Each design uses tabbed navigation with nested content, imagery, typography, buttons, cards, and structured layouts to create polished sections that reveal information in a clean, flexible way. Import a section, replace the content, update the styles, and you’re ready to go.
Preview
Here’s a quick look at the 4 Tabs + Nested Elements designs included in the pack. The download is further down the post.
Download 4 Tabs + Nested Elements For Divi 5
Get all 4 designs for free. Import them into your Divi Library and add them to any page in the Visual Builder.
Download the Files
.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:before { border-top-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right ....
Preview
Here’s a quick look at the 4 Tabs + Nested Elements designs included in the pack. The download is further down the post.
Download 4 Tabs + Nested Elements For Divi 5
Get all 4 designs for free. Import them into your Divi Library and add them to any page in the Visual Builder.
Download the Files
.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:before { border-top-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right ....
https://www.elegantthemes.com/blog/div
How To Build A Full-Screen Menu With Divi 5 Interactions
Divi 5 gives you more ways to build custom navigation without relying only on the classic Menu module or third-party plugins.
With newer menu components, Interactions, and Canvases, you can design navigation as part of the page instead of forcing every menu into one preset structure.
That flexibility works especially well for a full-screen menu. The header can stay clean with a logo, call-to-action button, and hamburger icon. When visitors need navigation, the hamburger icon can reveal a large overlay menu.
In this tutorial, we’ll build a responsive full-screen menu using Divi 5’s Link module, Loop Builder, Interactions, and Canvases.
How Divi 5’s Menu Features Work Together
Divi 5’s newer menu tools are built around smaller, more flexible pieces.
Instead of designing every navigation layout through one Menu module, you can combine individual modules, dynamic menu loops, detached Canvases, and Interactions. This gives you more control over how the menu looks and how it opens or closes.
For this full-screen menu, we’ll use three main pieces.
The Link Module
The Link module lets you add a single customizable link anywhere in your layout. You can style the text, spacing, icon, hover state, sizing, background, border, and other design settings just like you would with other Divi modules.
For this tutorial, we’ll use one Link module inside a menu loop. The loop will repeat...
With newer menu components, Interactions, and Canvases, you can design navigation as part of the page instead of forcing every menu into one preset structure.
That flexibility works especially well for a full-screen menu. The header can stay clean with a logo, call-to-action button, and hamburger icon. When visitors need navigation, the hamburger icon can reveal a large overlay menu.
In this tutorial, we’ll build a responsive full-screen menu using Divi 5’s Link module, Loop Builder, Interactions, and Canvases.
How Divi 5’s Menu Features Work Together
Divi 5’s newer menu tools are built around smaller, more flexible pieces.
Instead of designing every navigation layout through one Menu module, you can combine individual modules, dynamic menu loops, detached Canvases, and Interactions. This gives you more control over how the menu looks and how it opens or closes.
For this full-screen menu, we’ll use three main pieces.
The Link Module
The Link module lets you add a single customizable link anywhere in your layout. You can style the text, spacing, icon, hover state, sizing, background, border, and other design settings just like you would with other Divi modules.
For this tutorial, we’ll use one Link module inside a menu loop. The loop will repeat...
https://www.elegantthemes.com/blog/div
Exploring Divi 5’s New Ratio & Framing Settings
Inconsistent image sizes can make an otherwise polished layout feel unfinished. Blog grids lose alignment, galleries crop awkwardly, and responsive layouts can shift in ways that make images feel disconnected from the rest of the design.
Divi 5 gives you a better way to handle that with new Aspect Ratio, Image Framing, and Image Preset tools. Aspect Ratio helps you keep elements proportional. Image Framing controls how images fit and sit inside those proportions. Image Presets let you reuse image styling across modules that display images.
In this post, we’ll walk through what each setting does, where to find it, and how to combine these tools for cleaner grids, better crops, and more consistent image styling across your site.
What Changed In Divi 5?
Divi 5’s new image workflow is built around three related updates.
Aspect Ratio: A setting in the Sizing option group that keeps an element’s width and height in a defined proportion as it scales.
Image Framing: Fit and position controls that decide how an image fills its frame and which part of the image stays visible.
Image Presets: Preset support for the Image option group, making it easier to reuse image styles such as borders, shadows, filters, and framing.
These features are most useful when they work together. Aspect Ratio creates the frame. Image Framing controls how the image behaves inside that frame. Presets help you...
Divi 5 gives you a better way to handle that with new Aspect Ratio, Image Framing, and Image Preset tools. Aspect Ratio helps you keep elements proportional. Image Framing controls how images fit and sit inside those proportions. Image Presets let you reuse image styling across modules that display images.
In this post, we’ll walk through what each setting does, where to find it, and how to combine these tools for cleaner grids, better crops, and more consistent image styling across your site.
What Changed In Divi 5?
Divi 5’s new image workflow is built around three related updates.
Aspect Ratio: A setting in the Sizing option group that keeps an element’s width and height in a defined proportion as it scales.
Image Framing: Fit and position controls that decide how an image fills its frame and which part of the image stays visible.
Image Presets: Preset support for the Image option group, making it easier to reuse image styles such as borders, shadows, filters, and framing.
These features are most useful when they work together. Aspect Ratio creates the frame. Image Framing controls how the image behaves inside that frame. Presets help you...
https://www.elegantthemes.com/blog/div
Meet Desktop Mode: A New Workspace for WordPress Admin
WordPress already holds your content, media, users, plugins, and more.
But managing all of those moving pieces often means jumping between admin screens, browser tabs, and disconnected workflows.
Desktop Mode, a free and open source plugin built by Automattic, gives WordPress admin a desktop-style workspace.
Windows open, resize, and stack. A dock sits on the left. Virtual desktops let you switch between workflows. It runs on top of WordPress exactly as it is: your site, your plugins, your setup, all untouched.
Try Desktop Mode
A better way to move through WordPress
Posts, pages, and media open as individual windows, so you can have a draft open next to your media library and drag files directly between them—no tab switching. No losing your place.
Send content to a shared folder so your team can review and approve it before it goes live. Restore anything from a unified Recycle Bin covering posts, pages, media, and comments, all from one place. Your window layout saves between sessions, so you pick up exactly where you left off.
A unified command palette (Cmd+K) gives you fast access to everything. The optional AI copilot lets you search across your content, find posts by topic, surface related pages, and get quick answers about what’s on your site. Multiple desktops, called Spaces, let you keep separate projects or workflows...
But managing all of those moving pieces often means jumping between admin screens, browser tabs, and disconnected workflows.
Desktop Mode, a free and open source plugin built by Automattic, gives WordPress admin a desktop-style workspace.
Windows open, resize, and stack. A dock sits on the left. Virtual desktops let you switch between workflows. It runs on top of WordPress exactly as it is: your site, your plugins, your setup, all untouched.
Try Desktop Mode
A better way to move through WordPress
Posts, pages, and media open as individual windows, so you can have a draft open next to your media library and drag files directly between them—no tab switching. No losing your place.
Send content to a shared folder so your team can review and approve it before it goes live. Restore anything from a unified Recycle Bin covering posts, pages, media, and comments, all from one place. Your window layout saves between sessions, so you pick up exactly where you left off.
A unified command palette (Cmd+K) gives you fast access to everything. The optional AI copilot lets you search across your content, find posts by topic, surface related pages, and get quick answers about what’s on your site. Multiple desktops, called Spaces, let you keep separate projects or workflows...
https://wordpress.com/blog/2026/06/12/
4 Ways to Make Your Website More Discoverable by AI Search
Your homepage is the front door to your website. In AI search, you also have to explain why the door is worth opening.
Research shows these AI-generated results are becoming increasingly common. One 2026 study found Google AI Overviews appeared for 13.7% of trending queries overall and nearly 65% of question-based searches.
Beyond SEO best practices, your website needs to do more than just rank. It needs to clearly communicate who you are, what you offer, who you help, and why someone should trust you.
TLDR: AI discovery is becoming a new growth channel — one built less on publishing more, and more on making your website and business easier to understand.
AI as a new growth channel
Google has been expanding AI-powered search experiences like AI Overviews and AI Mode, while its guidance explains how websites can appear in AI features in Search.
But the goal is not to chase AI overview optimization as a separate trick from SEO. The bigger opportunity is what happens before someone clicks: AI tools increasingly help people compare options, summarize trade-offs, and decide who belongs in the conversation.
That makes AI discovery a new growth channel, but not in the “hack the algorithm” sense. Highly cited websites make their value unmistakable: who they help, what they offer, why they are credible, and what makes their work different.
That clarity is...
Research shows these AI-generated results are becoming increasingly common. One 2026 study found Google AI Overviews appeared for 13.7% of trending queries overall and nearly 65% of question-based searches.
Beyond SEO best practices, your website needs to do more than just rank. It needs to clearly communicate who you are, what you offer, who you help, and why someone should trust you.
TLDR: AI discovery is becoming a new growth channel — one built less on publishing more, and more on making your website and business easier to understand.
AI as a new growth channel
Google has been expanding AI-powered search experiences like AI Overviews and AI Mode, while its guidance explains how websites can appear in AI features in Search.
But the goal is not to chase AI overview optimization as a separate trick from SEO. The bigger opportunity is what happens before someone clicks: AI tools increasingly help people compare options, summarize trade-offs, and decide who belongs in the conversation.
That makes AI discovery a new growth channel, but not in the “hack the algorithm” sense. Highly cited websites make their value unmistakable: who they help, what they offer, why they are credible, and what makes their work different.
That clarity is...
https://wordpress.com/blog/2026/06/11/
