WordPress News and Tips
best wordpress website design examples, award winning websites reviews
Andrew Adetitun Successfully Funded His Book on African History. His Website Was the Launchpad.
Andrew Adetitun runs The King’s Monologue, a media network teaching African history to over 160,000 followers across different channels.
He noticed that African history wasn’t just underrepresented — it was actively obscured. Achievements credited to the wrong civilizations. Truth buried in books most people would never read.
So he started making content. First on TikTok. Then YouTube. One video went viral — a few million views in days. The audience grew from there.
From a viral TikTok to 160,000 followers
What started as a few videos turned into something much bigger:
120,000+ YouTube subscribers
160,000+ followers across platforms
A library of documentaries and original research
Museum visits, trips to Egypt, academic papers
Andrew is a qualified teacher by training. He spent years teaching high school.
But his real passion was history — specifically, making African history accessible to people who’d never pick up a niche textbook.
There’s a lot of truth hidden in books. But most people aren’t book enthusiasts — they come across things in their day-to-day life. YouTube is probably the most powerful medium for reaching them.
YouTube became his classroom. Documentaries became his lesson plans. And the community that formed around The King’s Monologue became his students.
Why...
He noticed that African history wasn’t just underrepresented — it was actively obscured. Achievements credited to the wrong civilizations. Truth buried in books most people would never read.
So he started making content. First on TikTok. Then YouTube. One video went viral — a few million views in days. The audience grew from there.
From a viral TikTok to 160,000 followers
What started as a few videos turned into something much bigger:
120,000+ YouTube subscribers
160,000+ followers across platforms
A library of documentaries and original research
Museum visits, trips to Egypt, academic papers
Andrew is a qualified teacher by training. He spent years teaching high school.
But his real passion was history — specifically, making African history accessible to people who’d never pick up a niche textbook.
There’s a lot of truth hidden in books. But most people aren’t book enthusiasts — they come across things in their day-to-day life. YouTube is probably the most powerful medium for reaching them.
YouTube became his classroom. Documentaries became his lesson plans. And the community that formed around The King’s Monologue became his students.
Why...
https://wordpress.com/blog/2026/02/06/
How To Build A Grid Gallery In Divi 5
Photos tell better stories when they sit in clean, organized grids. In Divi 5, you can get there in two ways: use the Gallery Module for a fast, familiar setup, or use CSS Grid controls in the Visual Builder when you want more layout freedom. Grids handle the structure for you, and Divi gives you the design tools to turn a simple collection of images into a polished, responsive, and interactive design.
In this post, you’ll learn how to configure grid settings, style your images, and build galleries that look great on every device, including hover effects, captions, and reusable presets. Here’s the breakdown.
Grids In Divi 5
CSS Grid controls rows and columns simultaneously, unlike Flexbox, which is designed for a single axis at a time (row or column). With a grid, you can manage both horizontal and vertical placement simultaneously.
Grid typically requires custom CSS and can be challenging to master. But not inside Divi 5. Divi 5 bakes CSS Grid directly into the Visual Builder.
Sections, rows, columns, module groups, and modules all function as grid containers, and any module you drop inside becomes a grid item that follows the grid structure.
Grid settings are responsive at every level. Most settings can be adjusted per breakpoint (desktop, tablet, phone). Adjust column counts on smaller screens or flip the grid direction entirely for mobile without affecting...
In this post, you’ll learn how to configure grid settings, style your images, and build galleries that look great on every device, including hover effects, captions, and reusable presets. Here’s the breakdown.
Grids In Divi 5
CSS Grid controls rows and columns simultaneously, unlike Flexbox, which is designed for a single axis at a time (row or column). With a grid, you can manage both horizontal and vertical placement simultaneously.
Grid typically requires custom CSS and can be challenging to master. But not inside Divi 5. Divi 5 bakes CSS Grid directly into the Visual Builder.
Sections, rows, columns, module groups, and modules all function as grid containers, and any module you drop inside becomes a grid item that follows the grid structure.
Grid settings are responsive at every level. Most settings can be adjusted per breakpoint (desktop, tablet, phone). Adjust column counts on smaller screens or flip the grid direction entirely for mobile without affecting...
https://www.elegantthemes.com/blog/div
It’s official: WordPress.com has a Claude Connector
WordPress.com has launched an official connector for Claude — the first of its kind for a WordPress host.
This means that you can now safely connect Claude to your site and know that the integration is officially supported by both Anthropic and WordPress.com.
Check out the WordPress.com Claude Connector
From MCP access to an official connector
A few months ago, we introduced MCP access to let AI agents work with real WordPress.com site context — something most standalone AI tools don’t have.
With our recent addition of OAuth 2.1 support, those integrations became both more secure and easier to authorize using the agents you already rely on.
This partnership builds on that foundation by bringing WordPress.com into Claude’s connectors directory — a curated set of trusted tools with clearly defined permissions.
For WordPress.com users, this removes the setup hassle. You can connect Claude to your site in a few clicks and always see what it can access.
Let’s get connected
Ready to use the WordPress.com Claude Connector? Here’s how to get set up:
Enable MCP on your WordPress.com account. Note that MCP access is only available for sites on paid WordPress.com plans.
Specify which tools you want to make available to Claude. A full reference of tools can be found in our developer documentation.
On Claude desktop or web, go to your...
This means that you can now safely connect Claude to your site and know that the integration is officially supported by both Anthropic and WordPress.com.
Check out the WordPress.com Claude Connector
From MCP access to an official connector
A few months ago, we introduced MCP access to let AI agents work with real WordPress.com site context — something most standalone AI tools don’t have.
With our recent addition of OAuth 2.1 support, those integrations became both more secure and easier to authorize using the agents you already rely on.
This partnership builds on that foundation by bringing WordPress.com into Claude’s connectors directory — a curated set of trusted tools with clearly defined permissions.
For WordPress.com users, this removes the setup hassle. You can connect Claude to your site in a few clicks and always see what it can access.
Let’s get connected
Ready to use the WordPress.com Claude Connector? Here’s how to get set up:
Enable MCP on your WordPress.com account. Note that MCP access is only available for sites on paid WordPress.com plans.
Specify which tools you want to make available to Claude. A full reference of tools can be found in our developer documentation.
On Claude desktop or web, go to your...
https://wordpress.com/blog/2026/02/05/
Everything You Need To Know About Divi 5’s New Preset Manager
Presets are among the most powerful tools in Divi 5, enabling you to build consistent, efficient, and scalable designs across your entire website. Whether you’re building a cohesive brand style, speeding up repetitive tasks, or managing complex projects, presets let you define them once and apply them everywhere.
We’ve taken the system a step further with the Preset Manager. It puts you in control of your presets by consolidating them in one convenient location, ready for you to browse, create, edit, and organize.
In this post, we’ll explain what the Preset Manager is, explore its key features, and show you how to use it.
Let’s get started.
What Is The Preset Manager In Divi 5?
The Preset Manager is a dedicated feature in Divi 5 that gives you a single, centralized view of all presets on your site. Whether you’re working with Element Presets or Option Group Presets, everything appears neatly organized in one powerful interface.
Subscribe To Our Youtube Channel
Its main purpose is to make preset management effortless. From this location, you can easily browse your entire preset library, organize them for quick access, create new ones on the fly, edit existing styles, and apply them across your whole site, all while maintaining design consistency and keeping your workflow smooth.
To access it, simply open any page in the Visual Builder. Look in...
We’ve taken the system a step further with the Preset Manager. It puts you in control of your presets by consolidating them in one convenient location, ready for you to browse, create, edit, and organize.
In this post, we’ll explain what the Preset Manager is, explore its key features, and show you how to use it.
Let’s get started.
What Is The Preset Manager In Divi 5?
The Preset Manager is a dedicated feature in Divi 5 that gives you a single, centralized view of all presets on your site. Whether you’re working with Element Presets or Option Group Presets, everything appears neatly organized in one powerful interface.
Subscribe To Our Youtube Channel
Its main purpose is to make preset management effortless. From this location, you can easily browse your entire preset library, organize them for quick access, create new ones on the fly, edit existing styles, and apply them across your whole site, all while maintaining design consistency and keeping your workflow smooth.
To access it, simply open any page in the Visual Builder. Look in...
https://www.elegantthemes.com/blog/div
Great Writing Deserves a Spotlight: Freshly Pressed Is Back
Finding your next favorite blog shouldn’t feel like scrolling through an endless feed, hoping something good appears. And for creators, getting discovered shouldn’t require figuring out an algorithm.
Back in 2009, WordPress.com launched Freshly Pressed, a curated collection of posts that entertained, enlightened, and inspired. It was our way of saying “we like you, we really like you” to creators, and amplifying their great work for others to find.
We paused Freshly Pressed a few years back, but the idea never really went away. And the case for human-curated discovery is stronger than ever.
It’s time to bring Freshly Pressed back.
What is Freshly Pressed?
Freshly Pressed is where we highlight standout content in the WordPress.com Reader. Unlike algorithmic feeds that reward engagement metrics, Freshly Pressed features posts because they’re genuinely good. Thoughtful, well-crafted, and worth your time.
You’ll find a blogger sharing travel stories next to a hobbyist breaking down sourdough science next to a poet who just hit publish for the first time.
Where to find it
The WordPress.com Reader: Featured posts appear in Discover with a dedicated section. This is the best way to discover Freshly Pressed alongside everything else you follow.
Freshly Pressed webpage: Visit the Freshly Pressed page for...
Back in 2009, WordPress.com launched Freshly Pressed, a curated collection of posts that entertained, enlightened, and inspired. It was our way of saying “we like you, we really like you” to creators, and amplifying their great work for others to find.
We paused Freshly Pressed a few years back, but the idea never really went away. And the case for human-curated discovery is stronger than ever.
It’s time to bring Freshly Pressed back.
What is Freshly Pressed?
Freshly Pressed is where we highlight standout content in the WordPress.com Reader. Unlike algorithmic feeds that reward engagement metrics, Freshly Pressed features posts because they’re genuinely good. Thoughtful, well-crafted, and worth your time.
You’ll find a blogger sharing travel stories next to a hobbyist breaking down sourdough science next to a poet who just hit publish for the first time.
Where to find it
The WordPress.com Reader: Featured posts appear in Discover with a dedicated section. This is the best way to discover Freshly Pressed alongside everything else you follow.
Freshly Pressed webpage: Visit the Freshly Pressed page for...
https://wordpress.com/blog/2026/02/04/
How To Create Responsive Max-Widths And Content Wraps With clamp() In Divi 5
Content needs boundaries. Without them, paragraphs stretch across 3000px-wide monitors, and line length turns into a chore. So you set a max width, test a few screens, and call it done.
Then the in-between devices show up. Tablets, small laptops, and everything that sits between your breakpoints. The layout is technically responsive, but the text feels either too wide or too cramped. You add another breakpoint to patch it, and suddenly, a simple content wrap has four different width values to manage.
That is where clamp() helps. In this guide, we will build responsive content wraps with clamp() in Divi 5 so your layouts remain readable across all screen sizes.
Why Fixed Container Widths Can Create Problems Across Devices
A 1200px container width looks clean on desktop monitors. Open that same page on a tablet, and the numbers don’t line up anymore. Your max width is set to 1200px, but the viewport is only 1024px. Something has to give.
Most builders solve this with breakpoints. Desktop gets 1200px. At your tablet breakpoint, you drop to 900px. Mobile devices under 768px get full width. Three breakpoints, three values, problem solved.
Except tablets don’t all measure 1024px.Some iPads are 810px wide in portrait, and iPad Minis can be narrower. Mid-sized screens land between breakpoints. Smaller laptops often max out at around 1280px. Your three breakpoints cover the...
Then the in-between devices show up. Tablets, small laptops, and everything that sits between your breakpoints. The layout is technically responsive, but the text feels either too wide or too cramped. You add another breakpoint to patch it, and suddenly, a simple content wrap has four different width values to manage.
That is where clamp() helps. In this guide, we will build responsive content wraps with clamp() in Divi 5 so your layouts remain readable across all screen sizes.
Why Fixed Container Widths Can Create Problems Across Devices
A 1200px container width looks clean on desktop monitors. Open that same page on a tablet, and the numbers don’t line up anymore. Your max width is set to 1200px, but the viewport is only 1024px. Something has to give.
Most builders solve this with breakpoints. Desktop gets 1200px. At your tablet breakpoint, you drop to 900px. Mobile devices under 768px get full width. Three breakpoints, three values, problem solved.
Except tablets don’t all measure 1024px.Some iPads are 810px wide in portrait, and iPad Minis can be narrower. Mid-sized screens land between breakpoints. Smaller laptops often max out at around 1280px. Your three breakpoints cover the...
https://www.elegantthemes.com/blog/div
15 Unique and Fun WordPress Websites to Inspire You in 2026
WordPress powers everything from personal blogs to large-scale community projects — but the most interesting sites aren’t always the biggest ones.
In this guide, we’ve handpicked 15 unique WordPress website examples that stand out for their ideas, storytelling, and design choices.
Some attract significant traffic, while others serve smaller but highly engaged communities. All of them use WordPress.com in thoughtful, creative ways.
Along the way, you’ll see practical design and content ideas you can apply to your own site, whether you’re starting fresh or refining what you already have.
1. Hidden Gem Animal Rescue: Foster-based rescue organization
Website type: Nonprofit
Theme: Custom
Logan and Murphy founded Hidden Gem Animal Rescue out of a shared love for animals.
While many animal welfare websites rely on gloomy colors and emotional imagery to drive support, this animal rescue takes a different visual approach.
Working with Automattic’s Special Projects team, the organization chose a soft pastel palette that feels optimistic and hopeful, bringing youthful energy to a serious cause.
Because the muted colors feel quieter, bolder tones stand out — the founders’ picture and mission statement catch your eyes instantly.
The playful language reframes the tough realities of pet adoption into celebratory moments.
For example...
In this guide, we’ve handpicked 15 unique WordPress website examples that stand out for their ideas, storytelling, and design choices.
Some attract significant traffic, while others serve smaller but highly engaged communities. All of them use WordPress.com in thoughtful, creative ways.
Along the way, you’ll see practical design and content ideas you can apply to your own site, whether you’re starting fresh or refining what you already have.
1. Hidden Gem Animal Rescue: Foster-based rescue organization
Website type: Nonprofit
Theme: Custom
Logan and Murphy founded Hidden Gem Animal Rescue out of a shared love for animals.
While many animal welfare websites rely on gloomy colors and emotional imagery to drive support, this animal rescue takes a different visual approach.
Working with Automattic’s Special Projects team, the organization chose a soft pastel palette that feels optimistic and hopeful, bringing youthful energy to a serious cause.
Because the muted colors feel quieter, bolder tones stand out — the founders’ picture and mission statement catch your eyes instantly.
The playful language reframes the tough realities of pet adoption into celebratory moments.
For example...
https://wordpress.com/blog/2026/02/03/
7 Blend Mode Effects For Divi 5 (Free Download!)
Divi 5 makes it easy to create striking image effects without custom code. In this free pack, you will find 7 Styled Blend Mode Effects, designed to help you build artistic hero sections, layered headers, and modern image compositions using blend modes. Drop one onto any page, swap the images, and you are ready to go. No extra setup required.
Preview
Here is a quick look at all 7 Styled Blend Mode Effects included in the pack. The download is further down the post.
Subscribe To Our Youtube Channel
Download 7 Styled Blend Mode Effects For Divi 5
Get all 7 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 .et_bloom_form_content:before, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:before { border-top-color: transparent !important; border-left-color: #ffffff !important; }
@media only screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 ....
Preview
Here is a quick look at all 7 Styled Blend Mode Effects included in the pack. The download is further down the post.
Subscribe To Our Youtube Channel
Download 7 Styled Blend Mode Effects For Divi 5
Get all 7 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 .et_bloom_form_content:before, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:before { border-top-color: transparent !important; border-left-color: #ffffff !important; }
@media only screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 ....
https://www.elegantthemes.com/blog/div
