Create a page (step-by-step tutorial)
This tutorial walks you through building a page using the Basic Content type in the CMS.
- Log in
- Create or edit page
- Select a page Content type
- Add title
- Add to site structure
- Save and preview
- Add intro and body content
- Add Related links
- Add Promotion/s
- Ten things to check before you make a page live
- Deleting a page
- Login via the MUSE all services list 'CMS (University Website Project)'
- Click on the Groups tab and then choose your department.
- 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.
- In this tutorial, we are using the Basic Content type.
- The page title is added first. Keep it short and user-focused.
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.
You can configure a page's place in the Site Structure on the right-hand side of the page edit screen:
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.
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:
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.
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!
- 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.
- 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.
- 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.
Title is clear and concise
Intros and quotes are not too long
Paragraphs are mobile-friendly
Unnecessary breaks and lines removed
Featured media tells a story and isn't just there for looks
CTAs are distinctive aka not vague
Links have been added properly aka using link selector
Promo box has been added and is relevant
Page has been given the correct parent item
Page has been given a good short name
Get in touch
If you have CMS questions or are stuck then get in touch and we'll do our best to help.