Download a FREE Blog Post Template for Divi’s Streamer Layout Pack

by | Oct 15, 2023 | Etcetera | 0 comments

Howdy Divi Creators! 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 construction upon the Streamer Layout Pack with a brand spanking new weblog put up template that fits the remainder of pack completely. Hope you revel in it!

Desktop Model

Divi Streamer Blog Post Template Desktop View

Pill and Cellular View

Divi Streamer Blog Post Template Tablet and Mobile View

Obtain The Weblog Publish Template For The Streamer Structure Pack

To put your arms at the unfastened Streamer Weblog Publish Template, you are going to first wish to obtain it the use of the button underneath. To achieve get right of entry to to the obtain it is very important subscribe to our e-newsletter by way of the use of the shape underneath. As a brand new subscriber, you are going to obtain much more Divi goodness and a unfastened Divi Structure pack each Monday! In the event you’re already at the record, merely input your e mail cope with underneath and click on obtain. You are going to now not be “resubscribed” or obtain further emails.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !vital; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:ahead of { border-top-color: #ffffff !vital; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:ahead of, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:ahead of { border-top-color: clear !vital; border-left-color: #ffffff !vital; }
@media handiest display and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:ahead of { border-top-color: #ffffff !vital; border-left-color: clear !vital; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !vital; border-left-color: clear !vital; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { coloration: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:ahead of { background: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !vital } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !vital; } .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 sturdy { 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 sturdy, .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 !vital;}

You might have effectively subscribed. Please test your e mail cope with to verify your subscription and get get right of entry to to unfastened weekly Divi format packs!

How you 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 web page.

Getting started with the Divi Conference Layout Pack

Add Site Template

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

Importing the Header and Footer Layout into the Divi Theme Buidler

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

Import settings for the header and footer layout pack

Save Divi Theme Builder Adjustments

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

Save the imported blog post layout within the Divi Theme Builder

How you can Regulate The Template

Open Publish Template

To switch the template’s components, get started by way of opening the template.

See also  Learn how to Create an Efficient Content material Plan in WordPress (9 Skilled Pointers)

Begin editing the blog post body template within the Divi Builder

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

Since it is a template that has been assigned to all posts for the web page, there’s a put up content material module this is essential for exhibiting the put up content material. It is very important stay that module in position, however you’ll regulate the put up content material module’s design components, which is able to design the put up content material this is displayed dynamically.

Edit the Post Content Module within the Divi Streamer Blog Post Tempalte

In regards to the Structure

This weblog put up template has a lot of dynamic components that can paintings along with your weblog posts instantly. For instance, all of the put up header is has dynamic components together with a featured symbol to the left, the put up name, and the put up metadata (date, classes and writer knowledge). This content material received’t want updating, however you’ll tweak the design of each and every of the ones components as you spot have compatibility.

Different dynamic components come with the next:

  • Publish Content material Module: This module shows the put up content material added when enhancing the put up at the backend of WordPress.
  • Publish Navigation: Added navigation within the type of earlier and subsequent buttons permits customers to transport simply to the opposite posts to your weblog.
  • Feedback: A purposeful remark house for the put up.
  • Similar Posts Module: We use this to show 6 of the latest weblog posts that  percentage the similar class
See also  13 Best Live Chat Software in 2023 (Free and Paid)

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

Module breakdown for the Divi Stream Blog Post Template

Breakdown of the Divi Streamer Weblog Publish Template

  1. Featured Symbol (Symbol Module)
  2. Publish Class (Textual content Module)
  3. Publish Name (Textual content Module)
  4. Publish Date (Textual content Module)
  5. Creator Photograph and Identify (Blurb Module)
  6. Publish Content material (Publish Content material Module)
  7. Publish Navigation Module
  8. Feedback Module
  9. Similar Posts (Weblog Module)

New Freebies Each and every Week!

We are hoping you’ve loved the Streamer Structure Pack and the weblog put up template freebie that is going in conjunction with it. We stay up for listening to your reviews within the remark phase underneath. You’ll want to test again subsequent week for extra freebies!

The put up Download a FREE Blog Post Template for Divi’s Streamer Layout Pack gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!