Divi Theme v5.13 + Premade Layouts Theme
Divi by Elegant Themes is a standalone WordPress theme and visual page builder that replaces the default WordPress block editor with an interactive front-end design system. Operating on a React-powered visual grid, Divi allows web designers, agency developers, and site owners to build complex multi-column layouts, global headers, footers, and archive templates without touching theme template files. While developers often compare visual builders like Elementor Pro for widget flexibility, Divi provides a unified framework where the builder engine, theme customizer, and full-site design system operate within a single package.
Behind the interface, Divi structures pages into hierarchical sections, rows, and modules, allowing granular control over CSS flexbox rules, typography scales, dynamic custom fields, and device breakpoints. Because visual builders generate larger CSS stylesheets and inline asset bundles, pairing Divi with performance optimization tools like WP Rocket or script managers like Perfmatters ensures fast Time to First Byte (TTFB) and high Core Web Vitals scores. With built-in theme building conditions, global element syncing, and hundreds of pre-designed layout packs, Divi remains one of the most flexible foundations for client projects and custom WordPress builds.
Core Features of Divi Theme Theme
- Visual Drag-and-Drop Canvas: Construct pages directly on the front end with click-to-edit typography, draggable column borders, and real-time layout rendering.
- Integrated Theme Builder: Build global headers, footers, custom post templates, archive grids, and 404 pages using conditional assignment rules across post types and taxonomies.
- WooCommerce Modules: Build custom WooCommerce product pages, shopping carts, and checkout screens with dedicated Divi WooCommerce modules and dynamic data tags.
- Global Elements and Presets: Synchronize modules, rows, and section styles across multiple pages, propagating design updates automatically across the entire site.
- Divi Cloud and Preset Library: Save customized module presets and full-page layout packs to your local template library for rapid deployment across client projects.
- Granular Responsive Breakpoints: Customize padding, font sizing, display properties, and column order individually for desktop, tablet, and mobile displays.
- Custom CSS Control: Add custom CSS directly to module selector fields, pseudo-elements, before/after states, and responsive breakpoints with code auto-completion.
- Shape Dividers and Transition Effects: Add SVG shape dividers to section transitions and configure hover animations, scroll-based effects, and drop shadows without external graphics.
- Built-in Split Testing and Analytics: Run A/B split tests on headers, call-to-action buttons, or entire layouts with Divi Leads to measure user engagement and conversion rates.
- Role Editor and Permission Controls: Limit editing capabilities based on WordPress user roles to protect core theme settings and structural layouts from unauthorized modifications.
- Dynamic Custom Field Integration: Connect modules to WordPress post metadata, ACF fields, Meta Box properties, and post taxonomies for automated content rendering.
- Critical CSS and Asset Deferral: Generates localized critical CSS for above-the-fold content and defers secondary builder stylesheets to minimize render-blocking resources.
- Extendable Code Architecture: Supports custom third-party Divi modules, child theme templates, and standard WordPress hook actions for bespoke developer workflows.
- Custom Font and Icon Management: Upload custom web fonts in WOFF or TTF format and access the complete native library of scalable vector icons.
- Undo, Redo, and Revision History: Track design revisions within the visual builder session with unlimited undo history and direct rollback points.
- Bulk Editing and Multi-Select: Select multiple modules or rows simultaneously to apply shared styling rules, spacing adjustments, or CSS classes in a single action.
What’s New (Changelog) in Divi Theme v5.13 + Premade Layouts
version 5.13 ( updated 09-11-2026 )
- Dropdown panels now distinguish static content from clickable triggers and controls with appropriate cursors.
- Gallery modules no longer show a false Design → Image modified indicator after image selection, and real Image sizing edits now expose matching modified and reset states.
- Fixed Loop Builder pagination showing an empty last page when Post Offset is used.
- Added Theme Builder (`is_tb`) propagation coverage for WooCommerce cart, checkout, and product VB modules, and shipped the protected taxonomy singular-resource fix for #46838.
- Fixed Group Carousel item alignment so custom-width Groups can be positioned left, center, or right.
- Hidden modules no longer contribute frontend runtime assets or extracted-font webfont loads when Conditional Display discards them or when they are fully disabled, including container-hidden descendants, while their styles can still be collected for Dynamic Assets.
- Added expanded Divi 5 LayoutStyle unit coverage for display, gaps, and flex layout CSS emission.
- Fixed some theme builder module-specific regressions and wrote tests.
- Fixed Theme Builder header and footer content-area backgrounds affecting native page content, Theme Builder body row gutters and custom CSS disappearing on pages with random-order loops.
- Added third-party APIs so plugins and child themes can register custom icon fonts in the Divi 5 icon picker and frontend.
- Fixed an issue where default module preset design changes did not live-preview in the Visual Builder for modules such as Group Carousel and Accordion.
- Fixed a security issue that allowed logged-in Divi Cloud users to make the site server send requests to unintended addresses during token refresh.
- Fixed Map and Fullwidth Map module height not applying when set from a preset in the Visual Builder.
- Added a Show Labels option to the Contact Form module and fixed Label Text styles so they apply to field labels when labels are enabled.
- Fixed the default gap between Contact Form field labels and inputs so it matches the Field Layout 10px setting.
- Prevent preset options to inherit parent values as default value.
- Fixed Global Colors used in Off Canvas not appearing on 404 pages.
- Fixed Testimonial module Grid layout so column count applies to the description area only and no longer nests inside the module wrapper.
- Fixed an issue where Blog module auto-generated page excerpts could expose unresolved loop variable payload text.
- Fixed MailPoet block email editor failing to load when Divi is active because Divi Gutenberg integration assets were loading on unsupported custom post type editor screens.
- Fixed the issue when Settings Modal didn't reflect the module settings update on History state change ( undo/redo ).
- Frontend content migrations now register Theme Builder layout rewrite callbacks with named methods gated by `has_filter()`, so repeated migration setup cannot restack layout rewrites and workers still re-register after each request hook reset.
- Theme Builder template ID lookup and WooCommerce body-layout checks tolerate templates that override header or footer without a body layout entry.
- Fixed the AI Agent installing custom fonts without asking for confirmation.
- Fixed Divi AI so updating a page, updating an AI rule, or creating a menu requires the same in-chat approval token as similar high-impact actions.
- Fixed AI Agent font upload authorization to validate chat ownership before processing.
- Fixed Contact Form 7 Styler Label Text Alignment not applying in the Visual Builder and on the frontend.
- Fixed SVG nested-module grid columns not reflowing when Number of Columns is changed in Divi 5 (#51872).
- Fixed nested default header submenus opening off screen when a page had no Menu Module.
- Fixed an issue where deleting a nested option group preset while editing an element preset would unexpectedly close the Element Preset panel.
- Free-form custom CSS migrated from Divi 4 now applies to the module on the frontend, matching the Visual Builder result.
- Fixed global section editing in Wireframe Mode by ensuring the global layout is fetched when the Visual Builder loads directly into wireframe view.
- Fixed SVG Module uploaded SVGs that use class-based styles rendering as solid black instead of their intended colors.
- Fixed broken Column Class dropdown layout when `No Column Class` is selected in Divi 5 Visual Builder.
- Fixed Blurb image height sizing in the Visual Builder so height, min-height, max-height, and aspect-ratio render on the image element to match the front end.
- Fixed AI Agent image uploads failing when attaching a file or pasting from the clipboard.
- Fixed Woo Products modules appearing blank when editing WooCommerce shop and product archive templates via frontend Theme Builder Visual Builder.
- Fixed AI Agent chat stuttering while replies stream, including when many past chats are in History.
- Fixed Visual Builder failing on WordPress VIP because CodeMirror styles were loaded from blocked node_modules URLs.
- No customer-facing change in this repository. The Visual Builder WordPress VIP CodeMirror CSS fix ships from the paired common and ai-app PRs.
- Fixed Post Content module headings displaying the body font family instead of the heading font family in the Visual Builder when editing Theme Builder body templates.
- Fixed Tabs module parallax, video, mask, and pattern backgrounds so they stay in the content panel in the Visual Builder and on the frontend.
- Fixed a permission issue that allowed users without administrator capabilities to change site-wide AI layout default fonts, colors, and description.
- Fixed Post Filter items so they can be added inside other modules nested in the Post Filter module.
- Fixed a Theme Builder frontend issue where using preset interactions with off-canvas interactions could cause main-canvas elements to inherit off-canvas styles.
- Fixed preset custom ID attributes not appearing on the front end for modules using a module preset or custom-attributes option-group preset.
- Fixed the modified indicator not appearing on Title and similar composite option groups when text shadow settings were changed in the Visual Builder.
- Fixed a layout export security issue that could allow remote image URLs to reach internal network addresses.
- Fixed a Visual Builder security gap where text-effects image fill could emit unsanitized stored values into generated CSS.
- Fixed Pricing Tables horizontal gap spacing by applying `clearfix` only for block layouts.
- Added a third-party registration hook after the AI Agent store is ready.
- Fixed legacy saves so encoded Builder 5 Dynamic Content cannot preserve Raw HTML for unprivileged users.
- Fixed a Dynamic Content security issue that could preserve Raw HTML through encoded save data.
- Fixed an issue where Theme Builder Visual Builder displayed body font instead of heading font on module headings when the heading font was set to Default.
- Fixed a Visual Builder security gap where module background image URLs could emit unsanitized stored values into generated CSS.
- Fixed a security issue where looped custom field content could render as unescaped HTML when a non-default date format was selected, even with raw HTML disabled.
- Fixed an issue where looped custom field content with raw HTML enabled was not sanitized the same way as regular custom fields.
Similar Themes
Free Download Divi Theme Latest Version
Divi Builder Premade Layouts Free Download
You can download Divi Builder premade .JSON layouts and templates from the below links:
https://mega.nz/folder/l19SSYQL#U7vpCqNdaIlZ64wxfcWQ2g
How to Install and Safely Upgrade Divi Theme
Step 1: Upload the Divi Theme Package
In your WordPress admin dashboard, navigate to Appearance > Themes > Add New > Upload Theme. Select the downloaded Divi.zip file, click Install Now, and wait for the upload to complete.
Step 2: Activate Divi and Create a Child Theme
Click Activate once installation finishes. If you plan to add custom PHP functions or template overrides, create and activate a lightweight Divi child theme so future parent theme updates never overwrite your custom code.
Step 3: Configure Theme Options and Performance Settings
Navigate to Divi > Theme Options. Under the General > Performance tab, verify that Dynamic CSS, Critical CSS, and Dynamic Module Framework options are enabled to ensure fast asset delivery.
Step 4: Import Premade JSON Layouts
To use premade layout packs, go to Divi > Divi Library, click the Import & Export button at the top of the screen, select the Import tab, and upload your chosen .json layout file. The templates will immediately become available inside the visual builder.
Step 5: Safely Upgrading to Newer Releases
When an update is released on GPLAstra, download the new theme archive. Navigate to Appearance > Themes > Add New > Upload Theme, select the updated zip file, and click Replace current with uploaded. Your website pages, theme builder templates, and custom styling reside in your database and remain completely unaffected.
Frequently Asked Questions (FAQ)
Is Divi a WordPress theme or a page builder plugin?
Divi is primarily a complete standalone WordPress theme that includes the built-in Divi Visual Builder. Elegant Themes also offers a separate Divi Builder plugin for third-party themes, but this package provides the primary full-featured theme.
Will updating Divi overwrite my custom layouts or website content?
No. Page layouts, library items, Theme Builder templates, and theme options are stored in the WordPress database (within wp_posts and wp_options). Replacing the theme files updates only the theme codebase without altering database content.
How do I import the premade JSON layout packs included with this download?
Extract the layout zip file on your local machine to access the individual .json templates. In your WordPress admin, open Divi > Divi Library, click Import & Export, upload the JSON file, and then load it directly into any page through the builder’s “Add From Library” tab.
Can I use Divi Builder on custom post types?
Yes. Navigate to Divi > Theme Options > Builder and toggle on any custom post types (such as portfolios, products, or custom post types created with ACF or Meta Box) to enable the visual builder for those content types.
How do I optimize Divi for Google Core Web Vitals and speed?
Enable Divi’s native performance toggles (Critical CSS, Dynamic Module Framework) under Divi > Theme Options. Pair the theme with page caching plugins like WP Rocket or asset optimization tools like Perfmatters to defer unused JavaScript and optimize images.