Whats up Divi Creators! Thank you for becoming a member of us for the following installment of our weekly Divi Design Initiative the place every week, we give away brand-new freebies. This time round we’re development upon the Web Developer Layout Pack with a brand spanking new weblog submit template that fits the remainder of the pack completely. Hope you experience it!

Desktop View

Pill and Cell View

Obtain The Divi Internet Developer Weblog Template

To put your fingers at the unfastened Internet Developer Weblog Put up Template, you’ll first want 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 e mail checklist through the use of the shape underneath. As a brand new subscriber, you’ll obtain much more Divi goodness and a unfastened Divi Format pack each and every Monday! If you happen to’re already at the checklist, merely input your e mail cope with underneath and click on obtain. You’ll no longer be “resubscribed” or obtain further emails.

Download the Files

.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 screen 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 { coloration: #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;}

See also  9 Best WordPress PayPal Plugins in 2023

Obtain For Loose

Sign up for the Divi E-newsletter and we can e mail you a replica of without equal Divi Touchdown Web page Format Pack, plus lots of alternative superb and unfastened Divi assets, guidelines and methods. Apply alongside and you’ll be a Divi grasp very quickly. If you’re already subscribed merely kind on your e mail cope with underneath and click on obtain to get entry to the format pack.

DOWNLOAD

You’ve got effectively subscribed. Please take a look at your e mail cope with to verify your subscription and get get entry to to unfastened weekly Divi format packs!

Find out how to Add The Template

Pass to Divi Theme Builder

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

Add the Divi Internet Developer Weblog Template

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

Navigate to the import tab, add the JSON record that it’s essential obtain on this submit, and click on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Adjustments

As soon as the record is are living, 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 lively.

Find out how to Regulate The Template

Open Put up Template

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

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

Since this can be a template that has been assigned to all posts for the website, there’s a submit content material module this is essential for showing the submit content material. It is very important stay that module in position, however you’ll be able to regulate the submit content material module’s design components, which is able to design the submit content material this is displayed dynamically.

In regards to the Divi Internet Developer Weblog Template

This weblog submit template has numerous dynamic elements that may paintings along with your weblog posts straight away. For instance, all of the submit header has dynamic components together with a featured symbol because the background, the submit name, and the submit meta information (date, classes, creator, and remark depend). This content material received’t want updating, however you’ll be able to tweak the design of every of the ones components if wanted.

Different dynamic components come with the next:

• Put up Identify: The use of the Text Module and Dynamic Content material we show off the name of the present weblog submit
• Put up Class, Put up Creator and Remark Rely: Blurb Modules are used right here. We use Dynamic Content material within the Blurb Identify to populate the module with the class, creator, and remark depend of the weblog submit.
• Featured Symbol: The background of the phase for the weblog submit name makes use of the featured symbol. We even have an Image Module that is also populated robotically.
• Weblog: A Weblog module is used to create a sidebar. We additionally use some other weblog module below the Comments Module that showcases extra weblog posts from the present weblog class.

Here’s a fast representation that identifies the weather of the Internet Developer weblog submit template.

Whilst this format makes use of many modules that use Dynamic Content material, don’t put out of your mind to replace static modules like titles all through the template to compare your model voice.

New Freebies Each Week!

We are hoping you’ve loved the Internet Developer Format Pack and the weblog submit template freebie that is going in conjunction with it. We look ahead to listening to your evaluations within the remark phase underneath. Be sure you take a look at again subsequent week for extra freebies!

The submit Download a FREE Blog Post Template for Divi’s Web Developer Layout Pack seemed first on Elegant Themes Blog.

read more