Hi there Divi Country! Thank you for becoming a member of us for the following installment of our weekly Divi Design Initiative the place each and every week, we give away logo new freebies. This time round we’re development upon the Software Layout Pack with a brand spanking new weblog put up template that fits the remainder of the pack completely. Hope you experience it!

divi layout

Take a look at Out The Device

Weblog Publish Template Underneath

Get it for free today!

divi software blog post template

divi software blog post template

Obtain The Weblog Publish Template For The Device Structure Pack

To put your fingers at the unfastened Device Weblog Publish Template, you’ll first wish to obtain it the use of the button underneath. To achieve get entry to to the obtain it is important to subscribe to our Divi Day by day electronic mail record through the use of the shape underneath. As a brand new subscriber, you’ll obtain much more Divi goodness and a unfastened Divi Structure pack each and every Monday! In case you’re already at the record, merely input your electronic mail deal with underneath and click on obtain. You’ll now not be “resubscribed” or obtain further emails.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:prior to { border-top-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:prior to, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:prior to { border-top-color: clear !necessary; border-left-color: #ffffff !necessary; }
@media handiest display and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:prior to { border-top-color: #ffffff !necessary; border-left-color: clear !necessary; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !necessary; border-left-color: clear !necessary; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { shade: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:prior to { background: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !necessary } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 robust { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; }.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p robust, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape enter, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !necessary;}

Download For Free

Obtain For Unfastened

Sign up for the Divi E-newsletter and we will be able to electronic mail you a duplicate of without equal Divi Touchdown Web page Structure Pack, plus lots of different superb and unfastened Divi sources, pointers and tips. Apply alongside and you’ll be a Divi grasp very quickly. If you’re already subscribed merely kind for your electronic mail deal with underneath and click on obtain to get entry to the format pack.

You have got effectively subscribed. Please take a look at your electronic mail deal with to substantiate your subscription and get get entry to to unfastened weekly Divi format packs!

How one can Add The Template

Pass to Divi Theme Builder

To add the template, navigate to the Divi Theme Builder within the backend of your WordPress site.

blog post template for Divi's Software Layout Pack

Add Website online Template

Then, within the height proper nook, you’ll see an icon with two arrows. Click on at the icon.

blog post template for Divi's Software Layout Pack

Navigate to the import tab, add the JSON document that you have to obtain on this put up, and click on on ‘Import Divi Theme Builder Templates’.

blog post template for Divi's Software Layout Pack

Save Divi Theme Builder Adjustments

Whenever you’ve uploaded the document, you’ll understand a brand new template with a brand new frame space that has been assigned to All Posts. Save the Divi Theme Builder adjustments once you wish to have the template to be activated.

divi Software blog post template

How one can Adjust The Template

Open Publish Template

To switch the template’s components, get started through opening the template.

divi Software blog post template

Within the Frame Structure Editor, you’ll edit the design at the entrance finish the use of the Divi Builder similar to you may with a typical Divi web page.

Since this can be a template that has been assigned to all posts for the website online, there’s a put up content material module this is important for exhibiting the put up content material. It is important to stay that module in position, however you’ll modify the put up content material module’s design components, which can design the put up content material this is displayed dynamically.

divi software blog post template

Concerning the Structure

This weblog put up template has a large number of dynamic components that can paintings together with your weblog posts in an instant. As an example, all the put up header is made up of dynamic components together with a featured symbol because the background, the put up name, and the put up metadata (date, classes, creator, and remark rely). This content material gained’t want updating, however you’ll tweak the design of each and every of the ones components if wanted.

Different dynamic components come with the next:

  • Similar Posts Segment – presentations the 4 most up-to-date posts that proportion the similar class.
  • Publish Creator Bio – presentations the profile data (%, identify, bio) for the person/creator of the put up.
  • Publish Content material Module – presentations the put up content material added when enhancing the put up at the backend of WordPress.
  • Feedback – a practical remark space for the put up.
  • Publish Navigation – supplies earlier and subsequent buttons to the put up.

Here’s a fast representation that identifies the weather of the Device weblog put up template.

divi software blog post template

On the other hand, some components on a put up template will want your instant consideration prior to the use of it survive your individual site. For this put up template, it is important to replace the e-mail opt-in module.

Upload Electronic mail Account to Electronic mail Optin Modules

To permit the Electronic mail Optin Module to turn up for your design, you’ll wish to hyperlink an electronic mail account.

divi software blog post template

Replace Sidebar Static Content material

The content material of the sidebar will wish to be up to date with your individual content material together with textual content, hyperlink URLs for buttons, the e-mail account for opt-in shape, and every other static content material.

divi software blog post template

New Freebies Each Week!

We are hoping you’ve loved the Device Structure Pack and the weblog put up template freebie that is going in conjunction with it. We sit up for listening to your reviews within the remark phase underneath. You should definitely take a look at again subsequent week for extra freebies!

The put up Download a FREE Blog Post Template for Divi’s Software Layout Pack seemed first on Elegant Themes Blog.

WordPress Web Design

[ continue ]