Posts

How To Create Stunning Editorial Designs With Divi 5’s Latest Features

Image
Editorial design gives a website the visual depth of a magazine. Oversized headlines, carefully framed photographs, and varied layouts help readers distinguish the lead story from the supporting content. With Divi 5 , you can build that structure visually and keep your latest stories connected to live post content. In this tutorial, we’ll build a modern editorial magazine homepage using the CSS Grid Editor , Loop Builder , Image Aspect Ratio and Framing , Variable Fonts , and Divi 5’s newer text styling controls. By the end, you’ll have a complete editorial homepage, with a latest stories section that updates as you publish new posts. What Makes A Website Feel Editorial? Editorial websites borrow their visual language from magazines and newspapers. Layout, typography, imagery, and spacing work together to establish an order of importance and move the reader through the page. Several design choices create that effect. Asymmetrical layouts break up repeating rows an...

How To Connect Instagram Feeds To Client Websites With Divi 5

Image
The Instagram Feed Module in Divi 5 is easy to add to a page. Connecting it to a client’s Instagram account is the more involved part because the module requires an Access Token generated through a Facebook App in Meta’s developer dashboard. Most of the setup can be completed without the client. Two checkpoints require the Instagram account owner’s login: accepting the tester invitation and authorizing the Access Token. Prepare everything else first, and you can handle both during one focused client call instead of creating a long chain of messages and follow-ups. In this tutorial, we’ll cover the complete agency workflow, including who should own the Facebook App, what to prepare in advance, what the client must do, and how to connect the account in Divi 5. We’ll also show you how to reuse a client’s existing Divi styles when designing the feed and keep the connection working after launch. Decide Who Owns The Facebook App First This decision a...

Divi AI Just Got Smarter (New Image, Text & Code Models)

Image
Divi AI just got a major intelligence upgrade . 🧠 We upgraded the underlying AI models that power Divi’s text, image, and code generation tools, greatly improving the quality of the content they produce. Generate photo-realistic images, create and edit website copy, write custom code, and more, all from the quick AI tools built directly into Divi. Recently, we released AI Agents for Divi 5 , introducing an entirely new way to build websites with AI. The agent can understand your website, interact with the builder, and perform complex tasks via a conversational interface using any model of your choosing. But sometimes you don’t need an agent. Not every task requires a conversation or a multi-step workflow. Sometimes you want to generate an image, rewrite a paragraph, or create a quick piece of custom CSS. That’s where Divi AI’s original quick tools shine, and now they are better than ever. Let me jump into Divi and show you what’s new. 👇 Better A...

Exploring Divi 5’s AI Agents

Image
Divi AI agents let you build and edit websites through conversation. Available inside Divi 5 , they work alongside your page in the Visual Builder and can make changes to the layout while you watch. Paste in a screenshot of a page you like and ask for a similar layout. The agent builds with sections, rows, and modules you can open, restyle, and keep editing by hand. The new feature uses Divi-specific tools to work with the builder’s structure and settings. It also supports selected WordPress tasks outside the builder, such as managing pages, posts, and menus. That gives you several ways to use it: creating a first draft, updating an existing page, organizing styles, or getting help with a Divi setting. In this post, we’ll connect a site and explore these workflows, along with the controls that help you guide and review the work. Where To Find Divi AI agents Open a page in the Visual Builder and look at the left sidebar. Click the agent icon to open the chat panel besi...