Create a page (step-by-step tutorial)

This tutorial walks you through building a page using the Basic Content type in the CMS.

  1. Log in
  2. Create or edit page
  3. Select a page Content type
  4. Add title
  5. Add to site structure
  6. Save and preview
  7. Add intro and body content
  8. Add Related links
  9. Add Promotion/s
  10. Ten things to check before you make a page live
  11. Deleting a page

1. Log in

  • Login via the MUSE all services list 'CMS (University Website Project)'
  • Click on the Groups tab and then choose your department.
Select the group you want to work in

2. Create or edit page 

  • Click on the Page tab to see all the existing pages in your department website.
  • To create a new page click on the blue + Create page button.
  • To edit an existing page click the Edit button on the right.
Select the page tab and then click your department group

3. Select a page Content type

  • In this tutorial, we are using the Basic Content type.
Select the page type you want to create. For this example click on the Basic page type

4. Add title

  • The page title is added first. Keep it short and user-focused.
Add your page title, intro and intro media

5. Add to site structure

In order to keep pages well organised you need to place each page in the site structure. The placement also determines the breadcrumbs of any given page. Breadcrumbs are a secondary navigation scheme that indicates your location on the site.

Breadcrumbs show where the current page is in the site structure

You can configure a page's place in the Site Structure on the right-hand side of the page edit screen:

Add your page into the website structure
  • Confirm that Place in site structure is ticked.

  • Choose a Parent Item (if required) from the dropdown. Choose the top-level section you want the page to be ordered within. Your page will now be a 'child' to this page and follow it in the breadcrumb structure.

  • After saving, the site structure can be fine-tuned via the Menus tab.

6. Save and preview

When saving for the first time you won't have the ability to preview the page. Once the page has been saved and you decide to further edit it, you'll then be offered the chance to preview your changes before saving.

Your page options are:

  • Save as:

    • Published. To put the page live.

    • Draft. To keep the page as a work in progress and not live.

    • Unpublished. To stop the page being shown.

  • Preview:

    • The preview buttons allows you to see how the page will look without you having to save the page.

    • Preview View modes shows the available ways that the content may appear on the website. Use the dropdown at the top left to cycle through views. For example, for a Student profile you can view the Full page, a Card and the Teaser version. Note, not all Content types have multiple views.

    • Preview devices shows how the page might appear on a typical smart phone, tablet and desktop computer. Use the smartphone icon at the top right of the screen to cycle through devices.

    • The preview pages will pop up in its own window. Make sure to use the Back to editing button to return to edit mode or you may lose your edits.

    • You can only preview a page after you have saved it once.

  • Remember to save your page regularly so you don't lose your work!

Set a page's publish and save status

7. Add Intro text and Body content

  • The intro text should summarise the content on the page or communicate one or two key ideas. We'd recommend using a maximum of 200 characters (30 words).
  • If there is a relevant image or video for the page then insert this under Media. For help doing this, check our guide for inserting media.
  • Add your page's main content to the Body field using the Editor

8. Add Related links

  • Related links are optional links you can add to the bottom of the Basic and News story Content types.
    • Related links are turned on by default but don't appear unless at least one entry is added.
    • You can optionally edit the title of the related information section. It defaults to Related information.
    • Related links must be added using the link selector. Learn how to insert links.
    • Add link text in the Link text field.
    • Click the Add another item button to add another link.
    • Use the drag and drop feature to position links in the preferred order.
Add your main content into the body field. Optional related links can also be added.

9. Add Promotion/s

  • Unless there is good reason to hide it, ensure the Group Promotion is set to show.
  • Choose the Central Promotion type most relevant to the content and audience. For example, any pages aimed at prospective undergraduates should be assigned 'Undergraduate'. If you aren't sure which one to use, select 'General'.
  • Promo boxes are displayed in the sidebar on larger screens and at the bottom of the page on smaller devices.

More about Promotions

The promo box allows content to appear on the right-hand side (desktop) or bottom (smaller screens) of the page

10. Ten things to check before publishing a page

  1. Title is clear and concise

  2. Intros and quotes are not too long

  3. Paragraphs are mobile-friendly

  4. Unnecessary breaks and lines removed

  5. Featured media tells a story and isn't just there for looks

  6. CTAs are distinctive aka not vague

  7. Links have been added properly aka using link selector

  8. Promo box has been added and is relevant

  9. Page has been given the correct parent item

  10. Page has been given a good short name

11. Deleting a page

Get in touch

If you have CMS questions or are stuck then get in touch and we'll do our best to help.