WordPress News and Tips
best wordpress website design examples, award winning websites reviews
21 Types of WordPress Sites You Can Build with AI
WordPress has evolved far beyond its blogging roots and can now power almost any kind of site — from personal sites and portfolios to memberships, news sites, and full business websites.
And with its new AI website builder, designing a website has become even easier — simple text prompts are enough to turn your ideas into a working site for any need.
I challenged myself to build 21 different types of websites using this tool.
Here are the results, along with pro tips for prompting, design, page structure, and more.
1. Portfolio website
A portfolio website helps share your creative work, whether that’s writing, photography, design, video production, or something else.
You can send it to clients to highlight your expertise and share work samples.
Here’s the prompt I used with the AI site builder to build a portfolio site:
“Create a portfolio website called ‘Rochi’s Portfolio’ to display my long-form writing services for tech companies. There should be five sections on the site: Introduction, Work Samples, Testimonials, How I Work, and Contact Form. Use warm colors, a minimalistic design, and a friendly tone.”
In under five minutes, I got a clean, ready-to-use portfolio site that I could refine with the AI chat by adding content, examples, and customizations.
Key pages and features of portfolio sites
Work samples: Add a dedicated...
And with its new AI website builder, designing a website has become even easier — simple text prompts are enough to turn your ideas into a working site for any need.
I challenged myself to build 21 different types of websites using this tool.
Here are the results, along with pro tips for prompting, design, page structure, and more.
1. Portfolio website
A portfolio website helps share your creative work, whether that’s writing, photography, design, video production, or something else.
You can send it to clients to highlight your expertise and share work samples.
Here’s the prompt I used with the AI site builder to build a portfolio site:
“Create a portfolio website called ‘Rochi’s Portfolio’ to display my long-form writing services for tech companies. There should be five sections on the site: Introduction, Work Samples, Testimonials, How I Work, and Contact Form. Use warm colors, a minimalistic design, and a friendly tone.”
In under five minutes, I got a clean, ready-to-use portfolio site that I could refine with the AI chat by adding content, examples, and customizations.
Key pages and features of portfolio sites
Work samples: Add a dedicated...
https://wordpress.com/blog/2026/02/02/
How To Create A Preset Playground With Divi 5’s Canvases
Presets in Divi 5 are a powerful way to keep your design consistent sitewide. And with the Preset Manager and Preset Preview, you can refine changes in a focused workflow before you commit them across your pages.
Still, the best preset decisions often happen in context. That is where Divi 5’s Canvases come in. A detached canvas can act as a dedicated Preset Playground where you build realistic examples, compare variations side by side, and document what works, all while your live pages stay clean and untouched. Here’s how to set one up.
Divi 5’s Preset System: A Quick Overview
Divi 5’s Preset System gives you reusable styles that work across your entire site. Think of presets as design packages you create once and apply everywhere. When you update a preset, every element using it changes instantly.
Element Presets capture complete designs for your core building blocks. These include Sections, Rows, Columns, and Modules. Style a Button Module with specific colors, typography, and spacing, then save it as an Element Preset. Now you can apply that exact design to any page with one click.
Option Group Presets focus on specific design settings, such as typography, backgrounds, spacing, or borders. Create a preset for your H1 styles, and you can apply just those heading settings to different modules throughout your site. They’re modular building blocks you can...
Still, the best preset decisions often happen in context. That is where Divi 5’s Canvases come in. A detached canvas can act as a dedicated Preset Playground where you build realistic examples, compare variations side by side, and document what works, all while your live pages stay clean and untouched. Here’s how to set one up.
Divi 5’s Preset System: A Quick Overview
Divi 5’s Preset System gives you reusable styles that work across your entire site. Think of presets as design packages you create once and apply everywhere. When you update a preset, every element using it changes instantly.
Element Presets capture complete designs for your core building blocks. These include Sections, Rows, Columns, and Modules. Style a Button Module with specific colors, typography, and spacing, then save it as an Element Preset. Now you can apply that exact design to any page with one click.
Option Group Presets focus on specific design settings, such as typography, backgrounds, spacing, or borders. Create a preset for your H1 styles, and you can apply just those heading settings to different modules throughout your site. They’re modular building blocks you can...
https://www.elegantthemes.com/blog/div
Using Divi 5’s Loop Builder To Build A Dynamic WooCommerce Category Page
WooCommerce category pages often look the same out of the box, but Divi 5 changes that. With the Loop Builder, you can redesign how products appear, using dynamic content that pulls product data like titles, featured images, and prices for every item in a category. Pair it with Divi 5’s CSS Grid, and you get full control over the layout.
In this tutorial, you’ll learn how to create a custom category page that automatically updates with products from the right category, no code or extra plugins required beyond WooCommerce.
How To Create A WooCommerce Category Page
If you’ve ever set up a WooCommerce store, you already know what the default category pages look like: products arranged in a basic grid with an image, name, price, and Add to Cart button, all following the same template no matter which category you’re viewing.
Switch themes, and the structure barely changes. Your “New Arrivals” category looks identical to your “Sale” category, which looks identical to “Accessories,” even though each category serves a completely different purpose in your store.
It’s functional enough to get a store running, but it doesn’t give you the design flexibility you need for a branded shopping experience. You might want your New Arrivals category to feel editorial, with large product images and generous white space, while your Sale page prioritizes discounts with a...
In this tutorial, you’ll learn how to create a custom category page that automatically updates with products from the right category, no code or extra plugins required beyond WooCommerce.
How To Create A WooCommerce Category Page
If you’ve ever set up a WooCommerce store, you already know what the default category pages look like: products arranged in a basic grid with an image, name, price, and Add to Cart button, all following the same template no matter which category you’re viewing.
Switch themes, and the structure barely changes. Your “New Arrivals” category looks identical to your “Sale” category, which looks identical to “Accessories,” even though each category serves a completely different purpose in your store.
It’s functional enough to get a store running, but it doesn’t give you the design flexibility you need for a branded shopping experience. You might want your New Arrivals category to feel editorial, with large product images and generous white space, while your Sale page prioritizes discounts with a...
https://www.elegantthemes.com/blog/des
How To Create Mega Menus With Divi 5’s Canvases
Mega menus enhance site navigation on content-heavy websites, allowing users to access more options quickly without cluttering the header or requiring extra clicks. In previous versions of Divi, mega menus were created using the Menu module with the custom CSS class mega-menu to expand submenus and arrange items in columns. With Divi 5, Canvases offer a powerful new approach, enabling more flexible and complex mega menus featuring multi-column layouts, embedded images or icons, full modules, and more.
In this post, we’ll explain what Divi 5 Canvases are and how you can use them to build an eye-catching mega menu in a few easy steps. Let’s dive in.
What Are Divi Canvases?
Divi Canvases are detached workspaces in Divi 5, separate from your main page layout. They provide a clean, isolated environment for building off-canvas elements, such as mega menus, popups, sidebars, and more, without cluttering the primary content area.
Subscribe To Our Youtube Channel
There are two types of Canvases:
Local Canvases: These are tied to a specific page or Theme Builder template, ideal for unique, one-off elements.
Global Canvases: Available site-wide, making them perfect for reusable components like mega menus that appear consistently across your website.
Key Features Of Divi Canvases
Canvases offer several powerful features for building mega menus and work well with Divi...
In this post, we’ll explain what Divi 5 Canvases are and how you can use them to build an eye-catching mega menu in a few easy steps. Let’s dive in.
What Are Divi Canvases?
Divi Canvases are detached workspaces in Divi 5, separate from your main page layout. They provide a clean, isolated environment for building off-canvas elements, such as mega menus, popups, sidebars, and more, without cluttering the primary content area.
Subscribe To Our Youtube Channel
There are two types of Canvases:
Local Canvases: These are tied to a specific page or Theme Builder template, ideal for unique, one-off elements.
Global Canvases: Available site-wide, making them perfect for reusable components like mega menus that appear consistently across your website.
Key Features Of Divi Canvases
Canvases offer several powerful features for building mega menus and work well with Divi...
https://www.elegantthemes.com/blog/div
Tammy Silva Built a Career Helping Others Build Theirs. Her New Website Scales That Mission.
Tammy Silva started sharing remote job opportunities on LinkedIn during the pandemic.
When she moved back to Brazil after years in Singapore and Australia, she noticed something: most Brazilians had no idea they could work remotely for U.S. companies and earn in dollars.
So she started posting about it on LinkedIn. Job openings. Resume tips. Interview advice. All free.
“I wasn’t doing it for work,” Tammy says. “I was just trying to reach people. If I helped 10 or 20 people get better jobs, that was enough.”
But people kept following. The audience grew. What started as a side project became a full-time business — and a website she built in one day using our AI website builder.
From a side project to a full-time business
What began as a volunteer effort turned into something bigger:
A recruiting agency connecting Brazilian talent with U.S. startups
A growing audience of job seekers Tammy educates for free
Speaking engagements, coaching sessions, and a newsletter
Over 190,000 LinkedIn followers
Tammy’s approach was simple: give everything away for free. No gated content. No paywalls. Just genuine help.
She spent hours a week hunting for remote roles that would hire Brazilians — work she did voluntarily, on top of her day job. She posted resume tips, interview advice, and job openings....
When she moved back to Brazil after years in Singapore and Australia, she noticed something: most Brazilians had no idea they could work remotely for U.S. companies and earn in dollars.
So she started posting about it on LinkedIn. Job openings. Resume tips. Interview advice. All free.
“I wasn’t doing it for work,” Tammy says. “I was just trying to reach people. If I helped 10 or 20 people get better jobs, that was enough.”
But people kept following. The audience grew. What started as a side project became a full-time business — and a website she built in one day using our AI website builder.
From a side project to a full-time business
What began as a volunteer effort turned into something bigger:
A recruiting agency connecting Brazilian talent with U.S. startups
A growing audience of job seekers Tammy educates for free
Speaking engagements, coaching sessions, and a newsletter
Over 190,000 LinkedIn followers
Tammy’s approach was simple: give everything away for free. No gated content. No paywalls. Just genuine help.
She spent hours a week hunting for remote roles that would hire Brazilians — work she did voluntarily, on top of her day job. She posted resume tips, interview advice, and job openings....
https://wordpress.com/blog/2026/01/29/
