Duplicate the Demo Site Home Page

Written by on 26 november 2012 in Tutorials

althome

The home page of this demo site is created using the Alternate Home Page template, which is a fully widgetized page. In this brief tutorial, we’ll give you the specific widgets and/or code that we used for each widget.

Alternate Home Page Widgetized Areas

In your WP dashboard, click Appearance >> Widgets, and you will see 5 different widgetized areas for the Alternate Home Page.

1. Alt Home Page Full-Width Top
2. Alt Home Page Left (One-Third Width)
3. Alt Home Page Middle (One-Third Width)
4. Alt Home Page Right (One-Third Width)
5. Alt Home Page Full-Width Bottom

Specific Widgets Used in Each Area

Alt Home Page Full-Width Top

1. Widget 1: Full-Width Featured Pages Slider

2. Widget 2: Welcome Box Widget with the Following Code:

WP-Blossom Premium Responsive WordPress Theme

- The Sleek, Versatile WordPress Theme Designed to Help Your Business Grow -

3. Widget 3: Text Widget with the Following Code:

4. Widget 4: Line Break Widget

Alt Home Page Left

1. Widget 1: Featured Post Widget

Alt Home Page Middle

1. Widget 1: Subscribe Box Widget

Alt Home Page Right

1. Widget 1: Featured Page Widget

Alt Home Page Full-Width Bottom

1. Widget 1: Line Break Widget

2. Widget 2: Featured Category Slider

3. Widget 3: Text Widget with the Following Code:

4. Widget 4: Line Break Widget

5. Widget 5: Text Widget with the Following Code:

"Lorem ipsum dolor sit amet, id falli inermis duo, mea agam clita nostrud et. Vim ei dicit facete, his aliquam accusamus repudiandae id. Ne stet tracta tos vis. Vel ei autem velit. Te ius ridens everti, est alii epicuri an. Insolens dignissim aliquando ad eos. d mea labore virtute dissentiunt. Utroque periculis percipitur ei seat leon ibiza. Lorem ipsum dolor sit amet, id falli inermis duo."

John Smith - Some Company, Inc.

6. Widget 6: Line Break Widget

7. Widget 7: Text Widget with the Following Code:

8. Widget 8: Line Break Widget

9. Widget 9: Text Widget with the Following Code:

This is a Two-Thirds Column

def-thumb2Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis risus at nisl blandit feugiat. Ut vel orci quis sem dapibus iaculis. Aliquam ut nunc quis nisi tincidunt tincidunt. Lorem ipsum dolor sit amet, con sec tetuer adipiscing elit. Lorem ipsum dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis risus at nisl blandit feugiat. Ut vel orci quis sem dapibus iaculis. Aliquam ut nunc quis nisi tincidunt tincidunt. Lorem ipsum dolor sit amet, con sec tetuer adipiscing elit. Lorem ipsum dolor.

10. Widget 10: Line Break Widget

11. Widget 11: Full-Width Featured Posts Slider Widget

Optional Step: Select Page as the Home Page

After you publish the page, you may want to use it as your home page. To do that, you’ll just need to change the site settings. In your WP dashboard, click Settings >> Reading, and select “Static Page” for the “Front page display” field. In the drop-down list of pages, select the new page you just created. You may also want to create a separate page to serve as your Blog page, and you would need to select that page as the Posts Page.

Subscribe

If you enjoyed this article, subscribe now to receive more just like it.

Subscribe via RSS Feed Connect on LinkedIn

Comments are closed.

Top