Modifying the home page structure

Now you will learn how to define the content of a page template’s web part zones. Specifically, we will add a web part that allows visitors to rate content onto the template used by the Home page.

  1. Make sure you are in the Edit mode of the Pages application.
  2. Select Home in the content tree.
  3. Open the Design tab.

You can insert web parts using the toolbar displayed on the right side of the tab. For example, type the word “content” into the search text box at the top of the toolbar. This limits the listed web parts to those that have the word “content” in their name.

Searching for web parts in the web part toolbar

Hover over the Content rating web part, hold down the mouse button and drag it from the toolbar to the bottom of the Actions zone, below the Mobile redirection web part. After you drop the web part into the zone, the Web part properties dialog opens.

Scroll down to the Web part container property and select Corporate Site - List box content as the value.

Configuring web parts - setting a web part container

Click Save & Close to save the changes. If you ever wish to adjust the properties of a web part at a later point, double-click the web part on the Design tab to open the Web part properties dialog again.

Switch to Preview mode to see how the new web part affects the appearance of the Home page.

The Content rating web part placed on the home page

Return to Edit mode and view the Home page on the Design tab again. The system provides an alternative way of adding web parts if you do not wish to use the toolbar.

Right-click the header of the zone where you want to insert the web part and select Add new web part in the menu.

The Select web part dialog opens, where you can look through the catalog of all available web parts. For example, the previously used Content rating web part is in the Content rating category.

Selecting a web part in the catalog

Close the dialog, since there is no reason to add the web part again.

Both ways of adding web parts achieve the same result. When instructed to add a web part to a page template in the remaining parts of this tutorial, you can choose whichever method you prefer — either the toolbar or the zone action buttons.

Developing custom web parts

You are not limited to using the default set of Kentico web parts. You can find web parts created by other developers at the Kentico Marketplace or develop your own web parts.

Testing changes without switching the view mode

You can quickly test the changes you make to the structure of the website by opening or refreshing the given page in a different browser. Note that the view mode changes if you use two tabs of the same browser.

Multiple tabs can however be useful for switching between different application in the administration interface.