Kentico CMS 7.0 Community Site Guide

Creating a starter page template

Creating a starter page template

Previous topic Next topic Mail us feedback on this topic!  

Creating a starter page template

Previous topic Next topic JavaScript is required for the print function Mail us feedback on this topic!  

Many pages on the site will have the same layout and contain the same web parts. To prevent repeating the same development tasks again and again, it is a good practice to create a starter page template. This template will contain the required layout with two web part zones and three web parts - Editable text for heading in zoneLeft web part zone and the Logon mini form and Shortcuts web parts in zoneRight web part zone.

 

1. Go to CMS Desk, select the root of the content tree and click New. Choose the Page (menu item) document type.

 

commguide_clip0141

 

2. Choose the Create a blank page option. For Page name, enter starter page template and click Save.

 

commguide_clip0142

 

3. Switch to the Properties -> Template tab and click the Edit template properties link.

 

commguide_clip0143

 

4. In the pop-up window, switch to the Layout tab and replace the original layout with the following code:

 

<div class="subcontentDiv">

<div class="zoneCenterHome">

 <cc1:CMSWebPartZone ID="zoneCenter" runat="server" />

</div>

<div class="zoneRight">

 <cc1:CMSWebPartZone ID="zoneRight" runat="server" />

</div>

<div class="clear">&nbsp;</div>

</div>

 

Click Save.

 

commguide_clip0144

 

5. Switch to the Design tab. You can see a page layout with two web part zones - zoneCenter and zoneRight. This layout is common to many of pages  that we will create on the site. In the zoneCenter web part zone, all of the pages will contain a heading, provided by the Editable text web part. We will add the web part now. Click the Add web part (AddWebPart) icon, choose the Text & Images -> Editable text web part and click OK. In the web part properties window, set the following properties:

 

Editable region type: Text box

Content before: <h1 class="header">

Content after: </h1>

 

Click OK.

 

6. In the zone zoneRight web part zone, two web parts will be common to all the pages. The first of them will be the Logon mini form. Click the Add web part (AddWebPart) icon of the zoneRight web part zone and choose the Membership -> Logon mini form web part. Set the following properties of the web part, leave the rest of them as they are:

 

Display to roles: _notauthenticated_

Logon failure text: Error logging in.

Web part container: Community Site - Red Box

Web part container title: Sign in

 

Click OK.

 

7. The next web part common on all the pages is the handy Shortcuts web part, displaying shortcuts to various actions and sections depending on the current context. Click the Add web part (AddWebPart) icon again, choose the Community -> Shortcuts web part and click OK. In the web part properties window, set the following properties. Leave the rest of the properties at the default values:

 

Display Join/Leave the group link: disabled

Display Friendship links: disabled

Display Add to contact list link: disabled

Display Add to ignore list link: disabled

Display manage group link: disabled

Display Sign in link: disabled

 

My messages path: /Members/Management/Messages

My friends path: /Members/Management/Friends

My invitations path: /Members/Management/Invitations

Sign out path: /Home

Web part container: Community Site - Red Box

Web part container title: Shortcuts

 

Click OK.

 

When you are finished, the page in Design tab should look as in the following screenshot.

 

commguide_clip0147

 

8. We will save the page template so that it can be reused later. Switch to the Properties -> Template tab and click the Save as new template link. Enter the following details into the pop-up dialog:

 

Template display name: StarterTemplate

Template code name: StarterTemplate

Template category: My Community Site templates

Template description: enter some text describing the page template

 

Click OK. Click Save.

 

commguide_clip0145

 

9. As the page template is now saved, we do not need the page created in this chapter anymore. Delete the page from the content tree. The page template will remain saved and can be used in the future.

 

commguide_clip0146