Squad Post Grid – Divi 5 & Divi 4 Post Grid Module for Divi Builder
| 开发者 |
wpsquad
mralaminahamed |
|---|---|
| 更新时间 | 2026年6月27日 20:18 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPL-3.0-only |
| 版权网址: | 版权信息 |
详情介绍:
A Post Grid module for Divi — native in both Divi 5 and Divi 4.
The Squad Post Grid Module adds a flexible, design-rich post grid to the Divi Builder. As of 2.0.0 it runs natively in the Divi 5 Visual Builder (Block API) and the classic Divi 4 builder from a single plugin — the correct version loads automatically based on which builder is active, so existing pages keep working and new Divi 5 pages get the native module. No shortcodes, no migration.
Build it visually, style every detail, and ship a responsive blog layout that matches your theme.
What you can build
- Native in Divi 5 and Divi 4 — the Post Grid and Post Element modules are first-class in the Divi 5 Visual Builder (Block API) and the classic Divi 4 builder. The plugin detects the active builder and loads the matching version automatically.
- Responsive grid, 1–6 columns — independent column counts for desktop, tablet, and mobile, with control over the gap between cards.
- Choose what to show — display the latest posts or filter by one or more categories or tags. On archive and single templates, the grid can inherit the current query (its categories, tags, or author) automatically.
- Order and limit — order by date, modified date, title, name, author, comment count, or random (ascending or descending); set posts-per-page and an offset; optionally ignore sticky posts.
- Pagination your way — numbered pagination, prev/next (icon + text, or icon-only), or none. Divi 5 also adds an AJAX "Load More" button with a loading spinner.
- Title — any tag (H1–H6, span, div), optional link to the post, optional icon
- Featured image — full-width option, optional link
- Content or excerpt — full content or excerpt, with an optional word limit
- Author — display name, nickname, full, first, or last name; optional link to the author archive
- Author gravatar — sized avatar, optional link
- Date — published or modified, with a custom date format
- Read More — custom button text, linked to the post
- Comment count — with optional before/after text
- Categories & Tags — custom separator, optional links to the archives
- Custom text and a Divider for layout
- Custom field (Divi 5) — output any post meta value by key
- Three styling tiers — style the post card, the elements container, and each element independently: background or gradient, border, radius, box-shadow, margin, padding, and alignment.
- Full pagination styling — separate controls for the active and inactive page numbers, the wrapper (alignment, gap), and the prev/next icons.
- Responsive and hover — spacing, sizing, and color controls carry desktop / tablet / mobile and hover states throughout.
- Lightweight — server-rendered markup and no jQuery for the grid; the Load More script loads only where it's used.
安装:
Before Installation
Before installing the Squad Post Grid Module for Divi Plugin, make sure you have the following minimum requirements
- WordPress 6.0 or greater
- PHP version 7.4 or greater
- MySQL version 5.0 or greater
- Divi theme, Extra Theme or Divi Builder Plugin version 4.14.0 or greater
- PHP version 7.4 or greater
- MySQL version 5.6 or greater
- WordPress Memory limit of 64 MB or greater (128 MB or higher is preferred) You can install the Squad Post Grid Module for Divi plugin using one of the following methods:
- WordPress Plugin Dashboard (Recommended):
- Go to your WordPress admin dashboard.
- Navigate to the "Plugins" section and click on "Add New".
- In the search field, enter "Squad Post Grid Module for Divi".
- Look for the plugin in the search results and click on the "Install Now" button.
- After the installation is complete, click on the "Activate" button to activate the Squad Post Grid Module for Divi plugin.
- Once activated, you can start utilizing the wide range of Divi modules within the Divi Builder to enhance your website.
- Manual Installation:
- Visit the WordPress Plugin Directory.
- Search for "Squad Post Grid Module for Divi".
- Click on the "Download" button on the plugin page.
- Go to your WordPress admin dashboard.
- Navigate to the "Plugins" section and click on "Add New".
- Click on the "Upload Plugin" button.
- Choose the downloaded plugin file (it will be a ZIP file) and click "Install Now".
- After the installation is complete, click on the "Activate" button to activate the Squad Post Grid Module for Divi plugin.
- Once activated, you can start utilizing the wide range of Divi modules within the Divi Builder to enhance your website.
常见问题:
Is this plugin free?
Yes! Squad Post Grid Module for Divi is absolutely free. There is no hidden charge.
Does it work with Divi 5?
Yes. As of 2.0.0 the Post Grid and Post Element modules run natively in the Divi 5 Visual Builder (Block API) as well as the classic Divi 4 builder. The plugin detects which builder is active and loads the matching version automatically — no setting to toggle, no migration.
Are the modules compatible with the latest version of Divi?
Yes, Squad Post Grid Module for Divi is regularly tested and updated to ensure compatibility with the latest version of the Divi theme and Divi Builder.
Can I customize the modules to match my website design?
Absolutely! Squad Post Grid Module for Divi provides a wide range of customization options, allowing you to adjust colors, typography, spacing, and more to create a cohesive look and feel for your website.
What are the system requirements for Post Grid Module for Divi?
Squad Post Grid Module requires WordPress 6.0 or higher and Divi 4.14.0 or higher. It also requires PHP 7.4 or higher.
Will Squad Post Grid Module break my divi site after an update?
No, It won’t break your site or any page where you used our plugin. We put our best effort to make you happy. But we always recommend keeping a backup of your site before updating our plugin. In case anything happens you can revert and contact our support team immediately.
更新日志:
2.1.0
- Added masonry layout: CSS Grid with JS row-span calculation and ResizeObserver for dynamic card heights.
- Added carousel layout: flexbox track with prev/next navigation and smooth CSS transitions.
- Added configurable carousel slides-per-view field in the builder.
- Migrated frontend JavaScript to TypeScript (compiled per-builder into build/d4 and build/d5).
- Moved layout styles into module SCSS files — no separate stylesheet HTTP request.
- Reorganized build output to build/d4/ and build/d5/ (isolated per builder, clean: true per target).
- Fixed script handle conflict with squad-modules-for-divi plugin.
- Fixed builder-type detection timing so D5 CSS/JS always loads on public frontend.
- Added full Divi 5 (Block API) support: Post Grid and Post Element modules now work natively in Divi 5 Visual Builder.
- Added automatic detection of Divi 4 vs Divi 5 — the correct module version loads automatically.
- Bumped minimum WordPress requirement to 6.0.
- Improved code architecture: simplified plugin bootstrap and module loading.
- General stability and compatibility improvements.
- Introduced new element (Author Gravatar) for post-element.
- Added new customization options for the Author Gravatar element.
- Added some improvements in the Post Grid Module.
- Fixed some minor bugs.
- Improved compatibility with the latest version of Divi.
- Initial release of Post Grid Module for Divi.
- Added Divi Post Grid Module
- Basic customization options.
- Tested for compatibility with Divi 4.24