The "Pages" application is where you edit, delete, add all content pages and page types for the new website. This section of the training is focused on familiarizing yourself with the application and introducing the concepts of the Content Tree,  Page Types as well as Viewport Tabs.

The "Pages" application is accessible by clicking on the "Pages" icon shortcut on the Dashboard (screen when you log in) or by clicking on the Kentico logo in the top left of the window (circle with three diagonal dots). Once you click the Kentico logo, the application menu will open with a search box. From there you can access the application by clicking into the "Content Management" section of the menu or by searching "pages" in the menu search.

Pages Application Interface

Pages Application is divided into two main sections: the content tree (on the left frame) and the viewport (the right frame). 

• The Content Tree (in blue rectangle below): this is a repository of page types that make up the content of the website. When an item is clicked it will display in the viewport (in purple below). 
  • Page Types: elements that are contained in the content tree that represent content on the site. Page types do not necessarily have to be traditional pages of a website they are all the elements that make up pieces of a page. It is helpful to think of page types as content, containers of content, as well as pages. 
• Viewport tabs (in red below): Page, Content, Properties will display different content selected from the content tree differently depending on how the page type is structured. For traditional content pages content is editable on the “Page” tab with the page builder and widgets. For page types that are pieces of content editing is done on the “Content” tab. Please note: some pages may have content that is editable on all three tabs. An example of this is seen on traditional pages where the content edited on the “Page” tab, the title and template edited on the “Content” tab and the URL and metadata is edited on the “Properties” tab.

Content Tree

The content tree represents the page types that make up the website. To change the placement of any item you can drag and drop items. The sequence that you page types appear in affects their order. For example if you want a slide to appear first on the website then you would move it up in the content tree

Notes:

• The red "X" or green checkmark icon indicate if the page type is published. Publishing settings are found on the "Content" tab for the page type.
• The greyed out "A" icon indicates that the page type is available in a different culture. To publish it in the current culture you need to click on it and copy over the contents with the prompts or create a new page type.
• To switch a culture: go to the button that says the culture "English" or "French" and a option to switch will appear
• Adding elements to the content tree is done by clicking the little "+" sign in the top left corner. When you click this button you will see a dialog of page types that you can add to the site. 

Viewport Tabs

The viewport tabs are seen at the top of the viewport. Depending on the page type will see different tab options. The "Page" tab is added for page types that have a page associated with them. Page types that do not have pages associated with them do not need a "Page" tab because they are just containing content to show on a page (referenced by widgets).

Page Tab:

This is a tab where on page editing is done for pages of the website. The Page builder interface allows you to customize the layout of any page by adding sections of varying widths and adding widgets to display information. 

Click here for more information on editing in the page tab

Content Tab:

Every page type has a "Content" tab. This is the tab where you enter information. 

Here is the content tab for Image Slide page type:

You will notice the option for uploading images for the slide as well as the content and link. 

Here is what the content tab looks like for a "News" page type:

Notice that the "Page" tab is available for this page type and not the "Image Slide".

Properties tab:

The properties tab includes some valuable information for content editing:

• General is used for general page information. Created date, page type are used most frequently 
• URLs is used to add redirects for a page. If you have a URL that you are using for marketing you can add it as an "Alternative URL" and it will redirect, provided that the base url is the same as the website.
• Metadata is used to add title and descriptions to pages
• Navigation includes an option to show or hide a page from the menu. Make sure you uncheck this if you are creating a page you dont want added to the menu