Creating a new page template

  Previous topic Next topic JavaScript is required for the print function Mail us feedback on this topic! 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 and click New. Choose to create a new Page (menu item).

 

Enter the page name About Us and choose to create a blank page 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 modifying 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 in 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

 

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 and view the page in the Live site mode:

 

tutorial_clip0048

 

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

 

Page url: http://devnet.kentico.com/docs/tutorial/index.html?creating_a_new_page_template.htm