fbpx

Divi Post Extended documentation

Download

A download link is sent in the order confirmation email. The product can also be downloaded from My Account area.

Installation and setup

Once the plugin is downloaded, the zip file divi-post-extended.zip can be installed using Add Plugin link from WordPress Dashboard.

For FTP upload, extract divi-post-extended.zip and upload the folder divi-post-extended to wp-content/plugins directory. Then go to list of the plugins and activate the plugin.

https://www.youtube.com/watch?v=7KPlyHEZAbw

Enabling the plugin after activation

After the plugin is activated, navigate to Settings and then Divi Post Extended to enable the plugin. If you want not to use the plugin layout for some time you can disable it from the same page without deactivating or deleting the plugin for WordPress Dashboard.

Selecting default layout for entire site

The plugin settings page (Located under Settings tab on WordPress Dashboard) can be used to set default post layout to be used throughout the site. This page also has option to select a layout based on sidebar or full width. For full width selection, all the sidebars are listed and the one selected to be used for default post sidebar can be set here.

Overriding default selected layout on some posts

If you want to use a post layout other than default (Any of the available layout selected from Settings >> Divi Post Extended), it can be done while editing the post. Divi Post Extended adds own control to select any of available layout on a particular page. It won’t affect other posts and selected layout will only be used for the individual post. Same can be applied for making a post with left/right or without sidebar.

Divi Post Extended

Updating the plugin

In order to update the plugin, a user can click on update button in Dashboard. An update notification will be shown when an update is available. The plugin can also be updated using FTP by overwriting the existing plugin directory with new version.

Using post formats like gallery, video, audio, link, quote

This is the default feature of WordPress posts and in order to create a demo like page, we need to select the post format while creating the posts. Here is an example

Here are videos on how to set up gallery and video post format which can be used for other post formats as well.

https://www.youtube.com/watch?v=5Qc1KX1h22k

Frequently asked questions

Q: How is the link format used?
A: Create a post with title and content. Add at least one link within the post content. Select Link as post format and publish the page. You could also use a featured image which will be displayed on the post behind the link.

Q: How is the link format different than just using a Button URL?
A: All the post formats are displayed based on the selected layout (Stellar, Classic or Prime). The first link is displayed on the post header and supports featured image in background.

Q: What is the recommended resolution for the image in stellar?
A: Stellar layout is bet fit for wide images. If you want to use square image, classic layout will be the best choice. We can also enhance the image sizing and display by adding more height to the feature image container. Currently it is 75% of the screen height which can be modified by adding following CSS snippet in Divi theme panel (change 75 to higher number but under 100): .el-featured-image{height: 75vh;}

Q: How to add an overlay on the image of the stellar layout?
A: Copy the below snippet to your CSS file.

.el-single-post-template-stellar .el-featured-image:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: ”;
background: rgba(0,0,0,0.5);
}

Q: How to add gradient on the image of the stellar layout?
A: Copy the below snippet to your CSS file.

.el-single-post-template-stellar .el-featured-image:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: ”;
background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));
}

Q: How to remove meta info from posts?
A: Meta info can be disabled from the Divi Theme panel.

Q: How to add the social media sharing buttons at the bottom of the post like demo site?
A: We’re using Jetpack plugin for the social sharing icons at the end of the posts. Any plugin which renders social media icons at the end of the post or at the beginning could be used with Divi Post Extended. Monarch by Elegant Themes is a great choice as well.

Q: How to add Related posts to the bottom of the post like demo site?
A: Jetpack plugin could be used for this feature.

Q: How to add a Newsletter sign up form at the bottom of the post like demo site?
A: The demo site uses Bloom plugin by Elegant Themes for opt-in. It connects to Mailchimp on the demo site but could be linked to any of the available services in Bloom.

Q: How to remove the bottom author box from prime layout?
A: Copy the below snippet to your CSS file.

.​el-post-meta-wrapper-bottom {
​display: none;
​}