Hello there Divi Creators! Thanks for changing into a member people for the next installment of our weekly Divi Design Initiative where each and every week, we give away brand-new freebies. This time spherical we’re building upon the Internet Developer Structure Pack with a brand new blog submit template that matches the rest of the pack utterly. Hope you revel in it!

Desktop View

Tablet and Mobile View

Download The Divi Web Developer Blog Template

To position your arms on the loose Web Developer Blog Post Template, you will first need to download it using the button below. To understand get right to use to the download you will need to subscribe to our Divi Day-to-day email correspondence tick list via using the form below. As a brand spanking new subscriber, you will download a lot more Divi goodness and a loose Divi Construction pack every Monday! For individuals who’re already on the tick list, simply enter your email correspondence maintain below and click on on download. You’re going to no longer be “resubscribed” or download further emails.

Obtain the Information

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !crucial; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !crucial; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:quicker than { border-top-color: #ffffff !crucial; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:quicker than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:quicker than { border-top-color: transparent !crucial; border-left-color: #ffffff !crucial; }
@media perfect visual display unit and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:quicker than { border-top-color: #ffffff !crucial; border-left-color: transparent !crucial; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !crucial; border-left-color: transparent !crucial; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !crucial; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { colour: #f92c8b !crucial; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:quicker than { background: #f92c8b !crucial; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !crucial } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !crucial; } .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 form input, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !crucial;}

See also  6 Best possible Drag and Drop Website online Developers in 2024 (In comparison)

Download For Free

Join the Divi Newsletter and we can email correspondence you a duplicate of the ultimate Divi Landing Internet web page Construction Pack, plus lots of different glorious and loose Divi assets, pointers and techniques. Apply along and you will be a Divi grab in no time. In case you’re already subscribed simply sort in your email correspondence maintain below and click on on download to get right to use the structure pack.

DOWNLOAD

You’ve gotten successfully subscribed. Please check out your email correspondence maintain to verify your subscription and get get right to use to loose weekly Divi structure packs!

How you can Upload The Template

Move to Divi Theme Builder

So as to add the template, navigate to the Divi Theme Builder throughout the backend of your WordPress internet web page.

Upload the Divi Web Developer Blog Template

Then, throughout the peak correct corner, you’ll see an icon with two arrows. Click on on on the icon.

Navigate to the import tab, upload the JSON document that that you just should download in this submit, and click on on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Changes

As quickly because the document is live, you’ll perceive a brand spanking new template with a brand spanking new body area that has been assigned to All Posts. Save the Divi Theme Builder changes as soon as you need the template to be lively.

How you can Regulate The Template

Open Post Template

To modify the template’s elements, get began via opening the template.

Right through the Body Construction Editor, you’ll be capable of edit the design on the front end using the Divi Builder very similar to you’ll with an ordinary Divi internet web page.

Since it is a template that has been assigned to all posts for the web page, there’s a submit content material subject material module this is very important for displaying the submit content material subject material. You will need to keep that module in place, on the other hand you’ll be capable of modify the submit content material subject material module’s design elements, which is able to design the submit content material subject material that is displayed dynamically.

In regards to the Divi Web Developer Blog Template

This blog submit template has numerous dynamic components that can artwork in conjunction with your blog posts in an instant. As an example, the entire submit header has dynamic elements at the side of a featured image since the background, the submit title, and the submit meta knowledge (date, categories, author, and commentary rely). This content material subject material received’t need updating, on the other hand you’ll be capable of tweak the design of each and every of those elements if sought after.

Other dynamic elements include the following:

• Post Establish: Using the Textual content Module and Dynamic Content material subject material we show off the title of the current blog submit
• Post Elegance, Post Author and Observation Depend: Blurb Modules are used proper right here. We use Dynamic Content material subject material throughout the Blurb Establish to populate the module with the category, author, and commentary rely of the blog submit.
• Featured Image: The background of the section for the blog submit title uses the featured image. We also have an Symbol Module that also is populated routinely.
• Blog: A Blog module is used to create a sidebar. We moreover use another blog module beneath the Feedback Module that showcases additional blog posts from the existing blog magnificence.

Right here’s a quick illustration that identifies the elements of the Web Developer blog submit template.

While this structure uses many modules that use Dynamic Content material subject material, don’t omit to exchange static modules like titles all over the template to check your type voice.

New Freebies Each and every Week!

We hope you’ve cherished the Web Developer Construction Pack and the blog submit template freebie this is going together with it. We sit up for being attentive to your critiques throughout the commentary section below. You should definitely check out once more next week for additonal freebies!

The submit Obtain a FREE Weblog Submit Template for Divi’s Internet Developer Structure Pack gave the impression first on Chic Issues Weblog.

WordPress Web Design

[ continue ]

read more