Search Divi Blog Extras Documentation

Search for answers or browse our knowledge base.

Table of Contents
< All Topics
Print

Customize or override layout templates

In order to customize the plugin layout, copy the required layout files in your child theme. The layout files are available in the Divi-Blog-Extras/includes/modules/BlogExtras/layouts directory.

divi-blog-extras

Each file has detail about where it needs to be copied.

divi-blog-extra-divi

Copy the layout in your theme or child theme. For example

wp-content/themes/divi-dental/divi-blog-extras/layouts/

  1. Create Necessary Directories in Your Child Theme:
    • Using FTP or your hosting file manager, navigate to your child theme’s directory.
    • Create a folder named divi-blog-extras.
    • Inside this folder, create another folder named layouts.
    • create file and name that file same as layout file like grid_extended.php
  2. Copy and Customize the Layout File:
    • Within the plugin’s extracted files, locate the layout file you wish to override (e.g., grid_extended.php).
    • Copy code into the php file you created in your child theme.
    • Modify this copied code as needed.

Here a directory named divi-blog-extras is created in the child theme directory.

divi-blog-extras

Additionally, to check which layouts have been overridden in your child theme, you can visit the plugin settings page in your WordPress dashboard.

Example:

Here is an example of the customization where we tried to add a unique background color for each blog post. You can read more about the process below.

https://diviextended.com/how-to-customize-divi-blog-extras-to-display-custom-background-color-for-each-post

Limited support is available for plugin layout customization. Altering this will require some amount of PHP work which is not included in our plugin support.