Posts

How To Create Magazine-Style Blog Pages With Consistent Image Crops

Image
Most blog layouts fall apart at the images. One post has a tall portrait, the next has a wide landscape, and the third uses something almost square. The grid starts to look uneven, and the layout feels more like a plain list of posts than the magazine-style feed you had in mind. Magazine layouts avoid that problem by placing every image inside a fixed frame. The photos can be different, but the crop system stays consistent. In Divi 5 , you can build the same kind of system visually. The Loop Builder repeats one post card across the feed, Aspect Ratio and Framing keep every featured image inside the same crop, and Grid Offset Rules turn selected posts into full-width editorial features. In this tutorial, we’ll build a magazine-style blog layout with a centered blog heading, one large featured post, a row of standard post cards, and a repeating full-width feature that returns every fifth post. Understanding The Tools Behind The Layout This layout depends on three Divi 5 tools work...

The Ultimate Guide To Using Images In Divi 5

Images are one of the few elements that touch almost every part of a build: hero sections, blog grids, team pages, product listings, portfolio cards, galleries, icons, backgrounds, and call-to-action sections all live or die on how their imagery is handled. In Divi 5 , the image system is more consistent across modules that display images. New Aspect Ratio and Framing settings , the consolidated gradient picker , Custom Attributes , reusable Image Presets, and tight integration with the Loop Builder change how images get placed, cropped, styled, and maintained across a site. This guide covers the full image workflow in Divi 5: the Image Module, background images, aspect ratio and framing, choosing image ratios by scenario, gradient overlays, accessibility, SEO, loop behavior, presets, and file optimization before images ever reach the builder. Images In Modules Divi 5 has taken big steps toward making the builder feel consistent no matter which module you are working with. One of ...

Divi Product Highlight: Accessibility Bundle

Image
Accessibility is not something you add after a website is finished. It affects how visitors move through a page, understand content, use menus, interact with buttons, read text, and adjust the experience to their own needs. Divi 5 already gives users more control over accessibility-related details through its Custom Attributes system. You can add attributes such as roles, labels, titles, and ARIA values directly from the builder, which gives Divi users a stronger foundation for semantic structure and assistive technology support. The Accessibility Bundle from Divi-Modules builds on that foundation with a more complete accessibility workflow for Divi websites. It combines three plugins: Accessibility Attributes , Accessibility Tweaks , and Accessibility Sidebar . Together, these tools help you add accessibility attributes inside the Visual Builder, apply site-wide improvements for navigation and focus behavior, and give visitors front-end tools to adjust the website experience for ...