Kentico CMS 6.0 Tutorial  

Creating a new page template

Creating a new page template

 Previous topic Next topic Mail us feedback on this topic!  

Creating a new page template

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

Now you will learn how to create a new page from scratch without using a pre-defined page template. We will create a new About Us page with two columns that will contain editable regions.

 

Click the root in the content tree and click New. Choose to create a new Page (menu item).

 

Enter the page name About Us and choose to Create a blank page with layout using the Two columns layout. Make sure that the Copy this layout to my page template box is checked — it will ensure that your page template can use a modified version of the pre‑defined layout without changing other pages.

 

tutorial_clip0045

 

Click Save to create the new page. Use the Down (Down) button to move the page to the bottom of the content tree.

 

The page cannot be edited now since it doesn't contain any editable regions. We will add an editable image region on the left and two editable regions on the right. Switch to the Design tab and click the Add web part (AddWebPart) icon on the right of the zoneLeft web part zone.

 

Choose the Text -> Editable image web part and click OK.

 

tutorial_clip0046

 

Set the following values:

 

•Web part control ID: LeftImage

•Image title: Left image

•Content before: <h1>

•Content after: </h1>

 

Add another web part to the zoneRight zone: Choose the Text -> Editable text web part and click OK. Set the following property values:

 

•Web part control ID: HeaderText

•Editable region title: Header

•Editable region type: Text box

•Content before: <h1>

•Content after: </h1>

 

Click OK. Add another Editable text web part to the right web part zone and set the following properties:

 

•Web part control ID: MainText

•Editable region title: Main text

•Editable region type: HTML Editor

•Editable region width: (leave empty)

•Editable region height: 400

 

Switch to the Page tab and you will see a page with editable regions like this:

 

tutorial_clip0047

 

Now you can enter some content and choose some image using the Select button. Click Save Save and view the page in the Live site mode:

 

tutorial_clip0048

 

Congratulations, you have just created your first page template using web parts.