Page Editor

Pages in Showoff will form the bulk of the content on your site.  Page Editor allows you to add, edit, organise and delete pages on your website.  A page is broken down into sections and articles.  The articles can contain static text and images that you add manually, or they can include widgets of dynamic content which we will cover in a later topic.

Useful Tips

• Make any page the homepage from the Actions dropdown
• Keep your pages well organised.
• Think about using the “copy page” function to save time. You can also copy from one site to another.
• Try to avoid using “click here”, e.g. For more information on registering click here
  Should become
  Register now for tickets and more information

SEO Tip

• When creating a new page, think about the content that will be the page title. Our sites use SEO friendly URLs (which put title keywords into the URL and therefore has a positive impact on your website’s SEO overall).
• Give all images a descriptive alt text, this will help SEO and accessibility

TASK

Create a new page with 2 sections that contains some text and images

1. In the CMS choose “Pages” from the left menu
2. Select ‘Add Page’ from the option at the very top of the CMS.
3. Give the page a name.

Note: the initial URL of the page will be determined from this page title.  You can change this later if need be.

4. Click the button that says “Create New Section” in the body of the page.
5. Choose the layout you want and press “Select Layout”
6. Fill out the title fields for the section and articles. Sections and articles can exist without a title, so you can leave these blank.
7. Click into the body of an article to add some content into the body. When clicking into the article this brings up a toolbar.  In the toolbar click the “A” icon.  This will add some default Lorum Ipsum text.
8. Now add an image to a section.
   1. in the toolbar click the “image” icon.
   2. In the popup window click “Browse Files”. This brings up the media manager.  Navigate through the media manager and choose the image you want to use.
   3. Add some descriptive alternative text and press ok.
9. The image should appear on the page.
10. Now add a link to your page
    1. Highlight the text that you want to link in the page
    2. In the toolbar click the “link” button
    3. Choose “Page” as the type of link you want to insert.
    4. Chick the choose button next to the page box. This brings up a list of pages
    5. Choose a page to link to. For sites with a number of pages there is a search functionality
    6. Once you have chosen a page set the link target and click add link.
    7. You have successfully added a link to the page
11. Once content has been included, click the button to create a new section.
12. Repeat steps 5-12 and enter the content you require.
13. By default, pages are active, leave the active setting in the bottom right of the page and click save to save your changes
14. The page has now been created and can be browsed on the front of the site if you know the direct link. If will not be live to end users until you link to it.
15. To view the page on the site, click the “eye” icon, the top option on the right-hand side. This will open this page on the site.

Change a Page URL

The Page URL is defined by the structure of the pages, for example all sub pages of the exhibiting page (exhibiting) will have the URL /exhibiting/<pagename>.

To change the <pagename> part of the URL

1. Click into the page you just created in the CMS and in the right-hand options (vertical bar) click the “settings” cog. This expands the general options for the page. 
2. By default, the page URL is locked and cannot be edited. To edit this, click the padlock icon in the top right of the options pane.  This will unlock the field. 
3. The full URL is shown below the field. To edit the URL, click into the field and make the changes you need.  You will see the URL change below the box as you type.
4. Once complete click the “padlock” icon to lock the field
5. Click the save option at the bottom of the page to save your changes
6. Click on home, then go back into Pages (this will clear cache)
7. Click the “Preview” icon and verify that the page URL has changed inline with the change you made

Changing a page Layout

By default, your sites theme will include several page layouts.  You can easily change this to suite the content you are adding to the page body, to change a page layout

1. Click into the page you just created in the CMS and in the right-hand options click the “Display Options” (screen) icon.
2. Choose a new layout option from the “Current Page Layout” drop down.
3. Click “save” at the bottom of the page to save your changes.

Click the “Preview” icon and verify layout has changed