The Widgetized Homepage

The widgetized page is a great way to create pages with customized layout sections, to use as promotional, landing pages etc. The layout of the widgetized page is configured by widgets that have the “Section:” prefix.

In this example, we will create a widgetized homepage, but the instructions here apply for any widgetized page you might want to create, since the process is common.

The homepage is completely widgetized. This has tremendous advantages because you can choose what scetions/widgets will be shown, and also you can re-arrange them according to your needs. Creating a homepage similar to the demo is not difficult at all. But it requires some steps. Let’s get started, it will take you only a couple of minutes.

First thing to do is to create a static page. Go to Pages > Add new and create a New page. Give it a suitable name like “home” and select Widgetized under templates, from the Page Attributes panel on the right. Hit Save.
Now we have to go the the “Reading settings” and define this page as the homepage.Go to Settings > Reading and from the first set of radio buttons, check the “A Static page” and from the front page dropdown select the page you have created (in our example “home”). Click Save and you are good to go.
So far we have defined that the homepage of our site will be a widgetized page named “Home”. Now the next step is to create a widget area, and decide which widgets we will use. Make sure you have installed and activated the Stag Custom Sidebars Plugin. Let’s go to Appearance>Widgets and create a Custom widget area through the panel below. Let’s give it a name like “Homepage”. Hit the “Add Widget Area button” and a new widget panel will appear. Note that this new widget panel has a shortcode under the title.

Great, now we just need to choose which of the custom widgets (sections) we need at the homepage. For the demo, we have used a widget selection as shown below. Detailed information on using the custom "Section" widgets can be found  at this article.

Last step is to go back to the static page we created as homepage a while ago. The only thing you have to do now is to paste the shortcode of the widget panel you just created, to the editor. This will output the widgets to the homepage. Hit Update and enjoy your newly created homepage.

This sums up the process of creating a widgetized page. As mentioned above, make sure that you go through the information at this article to see what each of the custom widgets do and how to use them to create custom layouts.