Adding content-only pages to the MVC site

This page is a part of a tutorial, which you should follow sequentially, from the beginning to the end. Go to the first page: Getting started with Kentico.

You will learn about:

The Pages application

The Pages application allows you to create pages and modify the content of your website. The lean interface of the Pages application supports effective content creation. Editors don’t need to pay any attention to modeling or designing each page. They enter their content into templates defined by the corresponding page types, and the MVC application formats and displays the data on the live site. 

Overview of the Pages application on MVC sites

Adding the Home page

  1. In the Pages application, click the New () button above the content tree.

  2. From the list of available page types, select the Home (MEDIO Clinic) page type.

    Selecting a page type for a new page in the content tree

  3. In the page editor window, enter the following values:

    • Name: Home
    • Header: The goal of our clinic is to provide the best medical care. To make your life healthy at all times it is also necessary to keep up with a healthy way of living.
    • Text heading: Welcome to MEDIO clinic
    • Text: Our clinic, based in Bedford, NH, is a federally qualified health center offering high-quality, comprehensive, and family-oriented primary health care and support services since 7th March 1935. We are recognized by the National Committee on Quality Assurance as a Patient-Centered Medical Home. Providing health care for a stronger community, we serve nearly 20,000 patients annually.
  4. Click Save.

The system adds the new Home page under your MEDIO clinic MVC root.

Creating the Home page in the Pages application

Adding the Medical center page

  1. Select the MEDIO clinic MVC root.

  2. Click the New () button above the content tree, and select the Medical center (MEDIO Clinic) page type.

  3. Enter the following values for your Medical center page:

    • Name: Medical center
    • Header: Medical center of the MEDIO clinic
  4. Click the Source button in the WYSIWYG editor, and add the following text with HTML markup into the Text field.

    
    
    
     <h1>Medical center</h1>
     <p>
     A clinic (or outpatient clinic or ambulatory care clinic) is a healthcare facility that is primarily devoted to the care of outpatients. Clinics can be privately operated or publicly managed and funded, and typically cover the primary health care needs of populations in local communities, in contrast to larger hospitals which offer specialized treatments and admit inpatients for overnight stays. Some clinics grow to be institutions as large as major hospitals, or become associated with a hospital or medical school while retaining the name "clinic".
     </p>
    
    
     

    Adding the HTML markup to the new Medical center page

  5. Click Save.

The system adds your second page to the content tree and displays the content using Kentico administration interface’s default styling preferences. You will style the actual website’s appearance when are developing the MVC application.

Adding the navigation menu

Separating the menu items from the pages

  1. Select the MEDIO clinic MVC root page, and click the New () button.

  2. From the list of available page types, select the Menu items (MEDIO Clinic) page type.

  3. Enter Menu content into the Name field.

    Adding a container for menu items

  4. Click Save.

The system adds the section under which you will create your menu items.

Creating individual menu items

  1. Make sure the Menu content page is selected.

  2. To add the Home page to the navigation, click the New () button.

  3. Enter Home into the Menu text field.

  4. Click the Select button next to the Page field, choose Home in the content tree to set up the menu item destination, and click Select at the bottom of the dialog window.

    Adding the Home to the menu

  5. Click the Save and create another button.

The system creates your Home menu item and displays the dialog window for adding a second item to the navigation.

  1. Enter Medical center into the Menu text field.

  2. In the Page field, select the Medical center page in the content tree.

  3. Click Save.

    Adding the Medical center page to the menu

The content of the site’s pages and the navigation is ready. Now, you need to switch to Visual Studio and design the site in the MVC application.

Previous page: Creating content-only page types — Next page: Working with generated classes in the MVC application

Completed pages: 5 of 10