Adding the sections for Homepage

The Springfield theme include 6 main sections such as Promo Boxes, About me, Gallery Pricing table and Lastes Post. You can add all of a few of them for your blog as you want.

To skip directly to a specific section in the article, please use this index:

 


ADDING PROMO BOXES SECTION

First, go to your dashboard –> navigate to Appearance –> Customize –> Select “Layout Settings

promo_1

 

In the Section 1: you select “The Promo Boxes“. Then you will see a white space appear, that’s the Promo Boxes section, now we need to add the contents.

promo_2

 

Back go the main Customizer screen–> Select Homepage Section settings –> Promo Boxes section settings

promo_3 promo_7

 

Fill the informations for the Promo Boxes section, that’ very easy to use:

promo_4
promo_6

 

 


ADDING ABOUT ME SECTION

At the Customizer screen –> Layout Settings –> Add the “About” section to your Homepage

about_section1

 

You maybe see a blank section, we need to add the contents: back go the main Customizer screen–> Select Homepage Section settings –> About me section settings 

Fill your informations and upload your photos.

about_section2

 


1- First, go to your Dashboard –> navigate to Pages –> Create a “Gallery” page, select “Gallery Page” at the Template option. Left blank for the content. Then Save (Publish).

gallery_section3

 

2- Navigate to Gallery, add your photos:

gallery_section4

 

3- Go to Customize –> Layout Settings –> Add the “Gallery” section to your Homepage

gallery_section

 

4- Go to Customize –> Homepage Section settings –> Gallery section Settings

At the “Select your Gallery page”: you select Gallery page (you created at 1st step). Then fill the informations and set the number photos that you want to show up.

gallery_7

 


ADDING PRICING TABLE SECTION

1- Go to your Dashboard –> navigate to Pricing Table –> Create your Pricing Table (you should create only one 1 table)

pricing_section_1

 

To create more Plan for your table, you scroll down to the bottom, click to “Add another plan“. The number of plan should be at most 5 plans.

pricing_section_2

 

2- To show up the Pricing Table to your Homepage, you go to Appearance –> Customize –> Layout Settings –> Add the “Pricing Table” section to your Homepage

pricing_section_3

 

If you want to show the Pricing Table on a separate Page:

  • Navigate the the Pricing Tablescopy the shortcode of your table.
pricing_section_4

 

  • Go to Pages –> Create a new page, example “Pricing Tables”, paste the shortcode to the content.
  • Select “Full Width Page” for the Template option.
  • There is always an Options underneath the post editor that allow you hide the author, share icons or the bottom line.
pricing_section_5

 


ADDING LASTEST POSTS SECTION

1- Go to Appearance –> Customize –> Layout Settings –> Add the “Lastest Posts” section to your Homepage

lastest_post_1

 

2-  Back go the main Customizer screen–> Select Homepage Section settings –> Lastest posts section Settings –> Fill your information and set the number to show up.

 


ADDING SUBSCRIPTION SECTION

Springfield comes with pre-stylings included for the “Mailchimp for WordPress” plugin.

1- First, please ensure you have signed up and created an account with MailChimp. Once you have done so, your account will be given a unique “API Key” number. This API Key is used to link your MailChimp account to your WordPress.

To find your MailChimp API Key:
Log into your MailChimp account > Your Account Page > Extras > API Keys > Create a key.

Navigate to Mailchimp for WP: Here, you’ll want to copy and paste your MailChimp account’s API Key into the form and click “Save changes”.

mailchimp

– Then, navigate to WP Dashboard > MailChimp for WP > Forms.

In the big text box, replace the code you see within with the following code instead:

<label>Subscribe me to our monthly news & tips </label>

<div class=”form_wrap”>
<input type=”email” name=”EMAIL” placeholder=”Your email address” required />
<input type=”submit” value=”Subscribe” />
</div>
<h4> *We Respect Your Email Privacy </h4>

mailchimp2

Be sure to save changes when you’re finished.

 

2- Go to Appearance –> Customize –> Layout Settings –> Add the “Subscription” section to your Homepage

subscription

 

3-  Back go the main Customizer screen–> Select Homepage Section settings –> Subsription section Settings –> Upload the background.

 


ADDING CUSTOM SECTION

If the above sections are not enough or not fit to your needs, this Custom Section is useful for you. The custom section will show the contents which you added for the editor of “Home” page.

That mean you can show up anything as you want to the Homepage, such as: the Texts, the Photos, the Shop products…Be inventive!

1- Go to your dashboard, navigate to Pages –> Edit the “Home” page, add contents for the editors, then save (Update).

custom section 2

 

2- Go to Appearance –> Customize –> Layout Settings –> Add the “Custom section” section to your Homepage

Then back to the main Customizer screen–> Select Homepage Section settings –> Custom section Settings –> Change the color or hide the title for this section

custom section 1