WordPress News and Tips
best wordpress website design examples, award winning websites reviews
Combining Composable Settings + Nested Option Presets In Divi 5
Composable Settings and Nested Option Presets work together to make Divi 5 design systems more flexible and reusable. Composable Settings unlock extra design controls for module sub-elements, such as a Blurb image, Call To Action button, or form field. Nested Option Presets keep those styles connected so they can be reused across modules instead of recreated by hand.
Together, they turn saved styles into a system you can reuse across your site and update from one place when colors, spacing, borders, or other shared design decisions change.
What Are Composable Settings In Divi 5?
Divi modules are built from smaller parts. A Blurb module includes an image, title, and body text. A Call To Action module includes a button. A Testimonial module includes an image, author text, body text, and other sub-elements. In older workflows, each sub-element came with a fixed set of design controls. If a button, image, title, or icon did not include the option group you needed, custom CSS was often the only way forward.
Composable Settings changes that. It lets you enable additional Divi design option groups for module sub-elements, such as Sizing, Spacing, Border, Animation, Transform, Filters, and more. The settings do not appear by default. That keeps the panel clean. When you need more control, hover over a sub-element option group and click the Toggle Options icon.
Once enabled, the new...
Together, they turn saved styles into a system you can reuse across your site and update from one place when colors, spacing, borders, or other shared design decisions change.
What Are Composable Settings In Divi 5?
Divi modules are built from smaller parts. A Blurb module includes an image, title, and body text. A Call To Action module includes a button. A Testimonial module includes an image, author text, body text, and other sub-elements. In older workflows, each sub-element came with a fixed set of design controls. If a button, image, title, or icon did not include the option group you needed, custom CSS was often the only way forward.
Composable Settings changes that. It lets you enable additional Divi design option groups for module sub-elements, such as Sizing, Spacing, Border, Animation, Transform, Filters, and more. The settings do not appear by default. That keeps the panel clean. When you need more control, hover over a sub-element option group and click the Toggle Options icon.
Once enabled, the new...
https://www.elegantthemes.com/blog/div
Develop Locally on Linux with WordPress Studio
The WordPress Studio desktop app is now available for Linux, starting with Ubuntu. If you’ve been building with our Studio CLI on Linux, the desktop app now joins it.
Studio is the fastest way to spin up a real WordPress site on your own computer. No Apache config. No Docker. No “it works on my machine.” Just click Add site, and a few seconds later you’ve got a working WordPress install ready to build on, connected to your favorite editor, and shareable with collaborators through a one-click preview link.
And it’s free and open source.
Download Studio for Linux
A UI for local WordPress development on Linux
Studio on Linux has the same features developers already rely on to build sites, plugins, and themes:
Instant local WordPress sites with no servers to configure
Custom domains and HTTPS for your local sites, so you can develop against realistic URLs
One-click preview links to share your work-in-progress with clients, teammates, or testers
Two-way sync with WordPress.com, so you can pull a production or staging site to your laptop and push changes back when you’re ready
Open in your favorite editor — VS Code, PhpStorm, Sublime, and others, detected automatically
A built-in assistant to help you write code, make changes, and debug
Built for the way Linux developers work
WordPress powers a huge slice of the open...
Studio is the fastest way to spin up a real WordPress site on your own computer. No Apache config. No Docker. No “it works on my machine.” Just click Add site, and a few seconds later you’ve got a working WordPress install ready to build on, connected to your favorite editor, and shareable with collaborators through a one-click preview link.
And it’s free and open source.
Download Studio for Linux
A UI for local WordPress development on Linux
Studio on Linux has the same features developers already rely on to build sites, plugins, and themes:
Instant local WordPress sites with no servers to configure
Custom domains and HTTPS for your local sites, so you can develop against realistic URLs
One-click preview links to share your work-in-progress with clients, teammates, or testers
Two-way sync with WordPress.com, so you can pull a production or staging site to your laptop and push changes back when you’re ready
Open in your favorite editor — VS Code, PhpStorm, Sublime, and others, detected automatically
A built-in assistant to help you write code, make changes, and debug
Built for the way Linux developers work
WordPress powers a huge slice of the open...
https://wordpress.com/blog/2026/06/11/
10 Brand-New WordPress.com Features From Radical Speed Month
Radical Speed Month has wrapped! For one month, Automatticians built in the open, shipped fast, and shared their work. The result is a stack of projects that make WordPress.com more flexible, more useful, and more connected than ever.
Look at the projects below, and you’ll see that WordPress.com is becoming a better place to write, build, sell, prototype, repurpose, and tinker.
WordPress.com has always evolved to make publishing, building, and managing sites easier. What’s shifting now is context. AI gets a lot more useful the moment it understands your site, your content, your workflow, and what you’re actually trying to make.
Note: Many of these features are still in beta and are actively evolving.
What is Radical Speed Month?
Radical Speed Month is a creative experiment led by developers, designers, marketers, and many others across the Automattic team to build, ship, and test WordPress.com features faster.
Rather than chasing perfection, the goal was to move quickly before ideas got too precious, share what was in progress, and iterate in real time based on your feedback.
Radical Speed Month produced a multitude of experiments, features, and prototypes.
Here are 10 that stood out:
Workspace
WordCamp Agent
Blueprints Gallery
Milestones
Easy Site Editor
Lately
A short-form social media theme
Social Feeds...
Look at the projects below, and you’ll see that WordPress.com is becoming a better place to write, build, sell, prototype, repurpose, and tinker.
WordPress.com has always evolved to make publishing, building, and managing sites easier. What’s shifting now is context. AI gets a lot more useful the moment it understands your site, your content, your workflow, and what you’re actually trying to make.
Note: Many of these features are still in beta and are actively evolving.
What is Radical Speed Month?
Radical Speed Month is a creative experiment led by developers, designers, marketers, and many others across the Automattic team to build, ship, and test WordPress.com features faster.
Rather than chasing perfection, the goal was to move quickly before ideas got too precious, share what was in progress, and iterate in real time based on your feedback.
Radical Speed Month produced a multitude of experiments, features, and prototypes.
Here are 10 that stood out:
Workspace
WordCamp Agent
Blueprints Gallery
Milestones
Easy Site Editor
Lately
A short-form social media theme
Social Feeds...
https://wordpress.com/blog/2026/06/10/
WordPress.com Is Now Available in Stripe Projects
WordPress.com is now available as a provider on Stripe Projects.
Starting today, developers and their AI agents can provision a complete WordPress.com site, register a domain name, and activate a plan directly from the CLI. All this without opening a browser, logging in to a dashboard, or switching tools.
So if you’re already working in Stripe Projects, WordPress.com is now one command away. It’s one more step toward making WordPress.com easier to build with inside modern developer workflows.
Run Stripe Projects
Build and launch without leaving the terminal
For developers building with AI agents, CLI tools, and repeatable workflows, setup friction matters.
Now you can link your Stripe account to a WordPress.com account (or create a new one on the spot), then spin up a site, grab a domain name, and choose a plan — all from your terminal.
The full flow happens programmatically, which means it fits cleanly into the way developers already work: automated, repeatable, no UI required.
Joining Stripe Projects is a natural fit for WordPress.com. Developers already use Stripe to power payments, now they can spin up a full WordPress.com site, register a domain name, and choose a plan in the same workflow, without ever switching context. We built this so developers can move faster and spend less time on setup.
— Ian Stewart, Artistic Director and...
Starting today, developers and their AI agents can provision a complete WordPress.com site, register a domain name, and activate a plan directly from the CLI. All this without opening a browser, logging in to a dashboard, or switching tools.
So if you’re already working in Stripe Projects, WordPress.com is now one command away. It’s one more step toward making WordPress.com easier to build with inside modern developer workflows.
Run Stripe Projects
Build and launch without leaving the terminal
For developers building with AI agents, CLI tools, and repeatable workflows, setup friction matters.
Now you can link your Stripe account to a WordPress.com account (or create a new one on the spot), then spin up a site, grab a domain name, and choose a plan — all from your terminal.
The full flow happens programmatically, which means it fits cleanly into the way developers already work: automated, repeatable, no UI required.
Joining Stripe Projects is a natural fit for WordPress.com. Developers already use Stripe to power payments, now they can spin up a full WordPress.com site, register a domain name, and choose a plan in the same workflow, without ever switching context. We built this so developers can move faster and spend less time on setup.
— Ian Stewart, Artistic Director and...
https://wordpress.com/blog/2026/06/10/
6 Photo Background Hero Sections For Divi 5 (Free Download!)
Divi 5 makes it easy to create bold hero sections with immersive visuals and strong first impressions. In this free pack, you’ll get 6 Photo Background Heroes that are perfect for landing pages, portfolio intros, service pages, product launches, restaurant websites, sports websites, architecture studios, agencies, and more.
Each section uses full-width photo backgrounds, layered content, overlays, typography, buttons, and structured supporting elements to create polished hero designs that are ready to customize. Import a section, replace the content, update the background image, and you’re ready to go.
Preview
Here’s a quick look at the 6 Photo Background Heroes included in the pack. The download is further down the post.
Download 6 Photo Background Heroes For Divi 5
Get all 6 sections 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 .et_bloom_form_content:before, .et_bloom .et_bloom_optin_1 ....
Each section uses full-width photo backgrounds, layered content, overlays, typography, buttons, and structured supporting elements to create polished hero designs that are ready to customize. Import a section, replace the content, update the background image, and you’re ready to go.
Preview
Here’s a quick look at the 6 Photo Background Heroes included in the pack. The download is further down the post.
Download 6 Photo Background Heroes For Divi 5
Get all 6 sections 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 .et_bloom_form_content:before, .et_bloom .et_bloom_optin_1 ....
https://www.elegantthemes.com/blog/div
WordCamp Europe 2026: Worth the Wait
I’ve been building sites on WordPress since 2010. These days I work in marketing at WordPress.com. And somehow, until Kraków, I’d never been to a WordCamp.
WordCamp Europe 2026 drew 2,458 attendees from 81 countries to the ICE Kraków Congress Centre — a stunning modern venue sitting at the edge of one of Europe’s most historically rich cities. Nearly a quarter of us were first-timers. I was in good company.
The city told the story
What struck me immediately about Kraków: it’s the kind of place where history is visible, tangible, and layered. Contrast that with the ICE Congress Centre — glass, light, sharp angles, forward momentum — and something clicks.
This is WordPress.
A platform that started as a blogging tool in 2003 and now powers 43% of the internet. Ancient roots in the online publishing era, yet somehow relentlessly modern. Still building. That metaphor was immediately obvious.
Before the sessions: The people, the pins, the Wapuus
I arrived on Contributor Day, the pre-conference session where the WordPress community gathers to contribute — code, documentation, community planning. Meanwhile, members of the WordPress.com team were in a nearby hotel room unpacking boxes of custom pins, matching t-shirts, and carefully curated swag to hand out at our booth. That’s the texture of this community:...
WordCamp Europe 2026 drew 2,458 attendees from 81 countries to the ICE Kraków Congress Centre — a stunning modern venue sitting at the edge of one of Europe’s most historically rich cities. Nearly a quarter of us were first-timers. I was in good company.
The city told the story
What struck me immediately about Kraków: it’s the kind of place where history is visible, tangible, and layered. Contrast that with the ICE Congress Centre — glass, light, sharp angles, forward momentum — and something clicks.
This is WordPress.
A platform that started as a blogging tool in 2003 and now powers 43% of the internet. Ancient roots in the online publishing era, yet somehow relentlessly modern. Still building. That metaphor was immediately obvious.
Before the sessions: The people, the pins, the Wapuus
I arrived on Contributor Day, the pre-conference session where the WordPress community gathers to contribute — code, documentation, community planning. Meanwhile, members of the WordPress.com team were in a nearby hotel room unpacking boxes of custom pins, matching t-shirts, and carefully curated swag to hand out at our booth. That’s the texture of this community:...
https://wordpress.com/blog/2026/06/09/
Part 16: Auditing, Polishing, And Launching Your Divi 5 Website
Welcome to the last part of the Divi 5 Mastery Course. Over the last 15 parts, you went from a blank WordPress install to a complete coworking website with a global design system, Theme Builder templates, responsive layouts, dynamic content, and interactive elements.
You created Design Variables, built Presets, created Theme Builder templates, mastered Flexbox and CSS Grid, worked with the Loop Builder, and learned a faster power user workflow.
Now it is time to step back, review everything with a critical eye, polish the details, and prepare the site for launch. In this post, we will walk through a complete pre-launch audit, check visual and functional details, review performance settings, tighten accessibility and SEO basics, test across devices and browsers, and finish with the final launch steps.
By the end, your Divi 5 website will be ready for real visitors. Let’s dive in!
The Pre-Launch Checklist
You have spent weeks in builder mode, tweaking modules, adjusting spacing, and refining every part of your Divi 5 website. Now it is time for one of the most important shifts in the process: moving from creator to critic.
This transition is harder than most people realize. After working on a design for a while, you can stop seeing it clearly. Small inconsistencies, awkward spacing, broken links, and usability issues can become easy to miss. That is why a strong pre-launch audit...
You created Design Variables, built Presets, created Theme Builder templates, mastered Flexbox and CSS Grid, worked with the Loop Builder, and learned a faster power user workflow.
Now it is time to step back, review everything with a critical eye, polish the details, and prepare the site for launch. In this post, we will walk through a complete pre-launch audit, check visual and functional details, review performance settings, tighten accessibility and SEO basics, test across devices and browsers, and finish with the final launch steps.
By the end, your Divi 5 website will be ready for real visitors. Let’s dive in!
The Pre-Launch Checklist
You have spent weeks in builder mode, tweaking modules, adjusting spacing, and refining every part of your Divi 5 website. Now it is time for one of the most important shifts in the process: moving from creator to critic.
This transition is harder than most people realize. After working on a design for a while, you can stop seeing it clearly. Small inconsistencies, awkward spacing, broken links, and usability issues can become easy to miss. That is why a strong pre-launch audit...
https://www.elegantthemes.com/blog/div
Click, Comment, Done: A Better Client Feedback Loop with Studio Code
I had a great talk with an agency partner, Marco from Arsnova, at the WordPress.com booth at WordCamp Europe a few days ago. Halfway through the conversation, I realized the feature I reach for almost every day would erase one of the most tedious parts of an agency’s job: chasing down client edits one screenshot at a time.
Studio Code is an agentic WordPress expert that lives in your terminal, helping you build sites, plugins, and themes locally on your computer. It’s part of the WordPress Studio suite of tools. Just describe what you want in plain language, and it gets to work. Think of it as a senior WordPress developer helping you build, with deep knowledge of WordPress baked in.
One of my favorite features built into Studio Code is a powerful little slash command called /annotate.
I told so many people about this feature at the booth, over Slack, and in hallway conversations with colleagues because it helps me solve a problem that I always have with similar coding agents: the classic screenshot-arrow-request feedback loop.
Without /annotate:
My coding agent creates something.
I don’t like a few elements, so I take screenshots of the things I don’t like and manually annotate it with arrows.
I upload the screenshots back to the agent, explaining the changes I want.
Repeat forever until the coding agent gets it right...
Studio Code is an agentic WordPress expert that lives in your terminal, helping you build sites, plugins, and themes locally on your computer. It’s part of the WordPress Studio suite of tools. Just describe what you want in plain language, and it gets to work. Think of it as a senior WordPress developer helping you build, with deep knowledge of WordPress baked in.
One of my favorite features built into Studio Code is a powerful little slash command called /annotate.
I told so many people about this feature at the booth, over Slack, and in hallway conversations with colleagues because it helps me solve a problem that I always have with similar coding agents: the classic screenshot-arrow-request feedback loop.
Without /annotate:
My coding agent creates something.
I don’t like a few elements, so I take screenshots of the things I don’t like and manually annotate it with arrows.
I upload the screenshots back to the agent, explaining the changes I want.
Repeat forever until the coding agent gets it right...
https://wordpress.com/blog/2026/06/08/
