Download a FREE Category Page Template for Divi’s Home Baker Layout Pack

by | Sep 23, 2022 | Etcetera | 0 comments

Hiya 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 emblem new freebies. This time round we’re construction upon the Home Baker Layout Pack with a brand spanking new Class Web page Template that fits the remainder of the pack completely. Hope you experience it!

divi layout

Test Out The House Baker
Class Web page Template Underneath

Get it for free today!

Desktop View

Category Page Template for Divi's Home Baker Layout Pack Desktop View

Pill and Cellular View

Category Page Template for Divi's Home Baker Layout Pack Tablet and Mobile View

Obtain The Class Web page Template For The House Baker Format Pack

To put your arms at the unfastened House Baker Class Web page Template, you’re going to first wish to obtain it the use of the button beneath. To realize get entry to to the obtain it is very important subscribe to our e-newsletter through the use of the shape beneath. As a brand new subscriber, you’re going to obtain much more Divi goodness and a unfastened Divi Format pack each Monday! In case you’re already at the checklist, merely input your e-mail deal with beneath 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:sooner than { border-top-color: #ffffff !vital; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:sooner than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:sooner than { 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:sooner than { 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 { shade: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:sooner than { 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;}

Download For Free

See also  20 Webinar Touchdown Web page Examples That Will Spice up Conversion Charges

Obtain For Loose

Sign up for the Divi Publication and we will be able to e-mail you a replica of without equal Divi Touchdown Web page Format Pack, plus heaps of different superb and unfastened Divi assets, guidelines and methods. Practice alongside and you’re going to be a Divi grasp very quickly. If you’re already subscribed merely kind for your e-mail deal with beneath and click on obtain to get entry to the format pack.

You may have effectively subscribed. Please test your e-mail deal with to substantiate your subscription and get get entry to to unfastened weekly Divi format packs!

The way to Add The Template

Move to Divi Theme Builder

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

Getting started with the Divi Conference Layout Pack

Add Web page 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 record that you might want 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

When you’ve uploaded the record, you’ll realize a brand new template with a brand new frame space that has been assigned to All Class Pages. Save the Divi Theme Builder adjustments once you wish to have the template to be activated.

Save the imported category page layout within the Divi Theme Builder

The way to Alter The Template

Open Class Web page Template Frame Format

To switch the template’s parts, get started through opening the template’s frame format.

See also  How to Use the WooCommerce Mobile App to Manage Your Shops

Begin the process for editing the Category Page Layout

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

In regards to the Template

This class web page template has a couple of dynamic parts that may paintings routinely together with:

  • Class Web page Publish/Archive Name: This may increasingly show the title of the class.
  • Weblog Module 1: This presentations the 2 most up-to-date posts throughout the present class.
  • Weblog Module 2: This module has a 2 put up offset that presentations the following 6 posts, following the primary two. This module is show in a masonry grid structure and has pagination.

Here’s a fast representation that identifies the dynamic parts of the House Baker Class Web page Template.

Illustration of Prepopulated Modules in the Category Page Template for Divi's Home Baker Layout Pack

Updating the Template’s Dynamic Components

Weblog Module(s)

Posts for Present Web page

Since it is a template that has been assigned to all class pages for the website online, there are going to be a number of weblog modules which can be set to show posts for the present web page. That is how the template presentations the posts dynamically for each and every class web page.

Showcasing the blog posts for the specific category chosen

You’ll be able to replace the remainder of the settings (like put up rely) to regulate the module parts and design. On the other hand, make sure you stay the choice Posts for Present Web page set to YES.

Publish Offsets

If multiple weblog module is used at the template, the put up offset choice is used along with the former weblog module to maintain the order of dynamic posts through choosing up the place the former weblog module left off. In our case, the former weblog module had a put up rely of two, the following weblog module may have a put up offset of two to show posts beginning at #3.

See also  10 Best possible Venture Control Gear for Companies

Understanding the post offsets for the second Blog Module

Stay this in thoughts when making updates to weblog modules’ put up rely and offsets.

Updating the Template’s Static Components

Some parts on a class web page template will want your quick consideration sooner than the use of it live to tell the tale your personal site. Those parts are known as static as a result of they’re going to now not replace dynamically.

Electronic mail Optin

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

Connect email marketing platform of choice to Email Optin Module

Replace Different Class Web page Static Content material

Different content material that isn’t going to switch dynamically must be up to date as smartly. Those come with all modules exhibiting textual content, hyperlinks, social media practice icons, and so forth.

New Freebies Each Week!

We are hoping you’ve loved the House Baker Format Pack and the Class Web page Template freebie that is going along side it. We sit up for listening to your reviews within the remark segment beneath. Make sure to test again subsequent week for extra freebies!

The put up Download a FREE Category Page Template for Divi’s Home Baker Layout Pack gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *