matrix tutorial - nottingham trent university€¦ · matrix tutorial creating and ... adding seo/...

107
Matrix Tutorial Creating and Editing a Content Page

Upload: others

Post on 20-Jul-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  

 

   

Matrix Tutorial Creating and Editing a 

Content Page 

Page 2: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  

 Contents 

 

Matrix Best Practice ................................................................................................................... 1 

Creating a Content Page ............................................................................................................ 2 

 

Details Screen ............................................................................................................ 6 

 Adding a Thumbnail Image .................................................................................................... 6 

 

Content Screen ......................................................................................................... 9 

Changing the Default Content Container ............................................................................. 11 

Adding a Link to Text ............................................................................................................ 13 

Adding a PDF Link ................................................................................................................. 15 

Content Container Toolbar .................................................................................................. 17 

Creating a Text and Image Container .................................................................................. 18 

Creating a Text and Quote Container ................................................................................. 22 

Creating a Text Only Container ........................................................................................... 24 

Creating a Text and Video Container .................................................................................. 26 

Creating a Fact Box Container ............................................................................................. 28 

Creating a Further Information Container .......................................................................... 30 

Creating a Google Map Container ....................................................................................... 32 

 

Adding an Accordion ...................................................................................................... 36 

Creating an Accordion Root Page ..................................................................................... 37 

Creating Data Records (Levels) to an Accordion .............................................................. 43 

Changing the order of Data Records within an Accordion ............................................... 51 

Adding an Accordion to a Content Page Container .......................................................... 53 

 

Adding a Gallery .............................................................................................................. 56 

Creating a Gallery (Root) Page ......................................................................................... 57 

Adding Images to a Gallery ............................................................................................... 63 

Changing the order of Images within a Gallery ................................................................ 67 

Page 3: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  

Adding a Gallery Content Container ................................................................................. 69 

 

Adding a Logo ................................................................................................................... 72 

Adding Logos to a Logo (Root) Page ................................................................................. 79 

Changing the order of Logos on a Logo Page ................................................................... 83 

Adding a Logo Content Container .................................................................................... 85 

 

Changing the order of Content Containers .......................................................................... 88 

Deleting Content Containers ................................................................................................ 89 

Changing the Tempate of a Content Container ................................................................... 90 

Adding Anchor Bar lInks ....................................................................................................... 93 

 

Metadata Screen .................................................................................................. 94 

Adding Overview (Sub heading) Text ................................................................................... 94 

The right hand column of a content page ............................................................................ 95 

Adding Call to Action Buttons to a Content Page ................................................................ 97 

Adding a Related HTML Box to a Content Page. .................................................................. 99 

Adding SEO/ Keyword Data to a Content ppage ................................................................ 101 

Specifying a Contact Name, Number and Email ................................................................ 102 

 

Submitting a Content Page for Approval ............................................................................... 103 

 

Page 4: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  1  

 Matrix Best Practice   

Ensure you are using suitable keywords in content 

Try not to be repetitive  

Include informative details in the callout, description and keyword metadata fields. 

These are used by search. 

Funnelback indexes the following fields in order of priority so make sure you include 

the right words to return on the internal site search: 

1.       Title 

2.       Keywords 

3.       Description 

4.       Content 

Where related staff profiles are listed on the page, ensure there is an image on the 

profile 

Avoid PDFs, wherever possible  

Avoid outbound links wherever possible, and particularly ones that don’t add value 

to the page (e.g. linking off to corporate home pages, especially when these links 

don’t qualify NTU’s relationship with the employer). Wherever possible, keep the 

user on the page. 

Check the URL of the page via the URLs tab. Ensure the URL is all lowercase, 

hyphenated in‐between words and has no commas.  

 

   

Page 5: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  2  

1. Click on the New button in the 

top left of the Matrix toolbar. 

2. An Asset Creation Wizard will appear. Click 

on the Standard Page option. 

  Creating a Content Page  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Page 6: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  3  

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 

The Asset Finder will open.  

Navigate to the desired location you wish to insert the page. 

 

 

 

 

 

 

 

 

 

 

 

 

4. Enter a page name, this will become the 

page title of the page. This can be altered 

at a later stage if required. 

3. The standard page wizard screen will appear. We need to populate both the name 

and location fields. These are marked with a red asterisk and are required fields. 

5. Click the Select New Location button to 

determine where the page will be stored.  

6. Select the section you wish to 

add the page to making sure it is 

highlighted in blue.  7. Click Select. 

Page 7: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  4  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

9. The system will then process your request, creating an page with the 

name and location specified. 

8. When you have selected a – 

1. Name 

2. Location 

Click the Create button. 

Page 8: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  5  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

10. When the Wizard Complete 

screen appears the page has been 

successfully added to the system. 

11. Click Edit to go straight to 

the page and start editing. 

Page 9: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  6  

 Details Screen 

 

 Adding a Thumbnail Image    

The related image field on the Details screen is used to add a thumbnail image that is used 

when the page is added to a Landing  page or featured content section of a page. 

 

   

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Thumbnail image populated via the 

related image field on the details screen. 

Page 10: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  7  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

The Asset Finder will open. All content page images are stored in the content folder within 

the Media Folder. The content folder is sub divided into folders of what the image is of e.g. a 

campus image is stored in the campuses folder. 

Navigate to – Media> Images> Content>  

 

 

 

 

 

1. On the Details Screen click the blue Select 

button in the Related Image field. 

Page 11: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  8  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. Select the image you 

wish to use making sure it 

is highlighted in blue.  3. Click Select. 

Matrix only allows the related image field to be populated with an image 

and greys out all other content preventing you from selecting it.  

4. The Related Image field will now be 

populated with your chosen image. 

Click Save in the top right hand corner. 

Page 12: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  9  

 Content Screen 

The content screen is where all the text and images etc you see on a content page are 

placed. Content pages have no set style template meaning you can display images, text etc 

in any order you want. 

You add content to a page by the use of a boxes called content containers. By default the 

system populates the content screen with one of these containers. In its basic form a 

container acts as text box allowing you to type/ paste text in.  However you can add a 

specific template to these containers allowing them to display images, quotes, videos and 

other attributes. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Page title 

Page is split into a left and a right column, but depending 

on the content can be merged to form one column. 

Sub title (populated 

in the overview 

section of Metadata 

screen) 

Page 13: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  10  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Each image and 

text represents one 

content container. 

Page 14: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  11  

 Changing the Default Content Container 

The content screen by default has a blank content container already embedded onto it. You 

can use this as a basic text box or apply a specific template to it to turn it into a range of 

different containers all with specific attributes. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. To add a template the default content container 

click the cog in the top left of the container. 

3. A properties window will open. 

Navigate to the template drop down 

menu and select the desired template. 

Page 15: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  12  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4. Click Set Properties 

Click Save in the top right hand corner. 

5. The container will then turn into the chosen template. 

You can change the template again by clicking the cog 

and repeating the above steps. 

Page 16: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  13  

1. Highlight the text you want to add as link. Doing this will 

make a quick launch toolbar appear. 

2. Click on the Link icon 

3. A sub box will appear containing a URL field. To create a 

link to an external site paste the full URL into the field then 

click the Insert Link button at the bottom of the box. 

4. If your link is to an page within the NTU site click the 

target icon. This will open the Asset Finder. 

 Adding a Link to text 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Page 17: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  14  

5. Navigate to your chosen page in the Asset Finder 

making sure it is highlighted in blue. 

6. Click the blue Select button 

7. The URL field will now be populated with the content 

ID of the page you selected. Click the Insert Link button 

at the bottom of the box. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

Click Save in the top right hand corner. 

Page 18: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  15  

1. Highlight the text you want to 

add as a PDF link.  

2. Click the link icon from the toolbar 

3. A sub box will appear containing a URL field. If you 

know the content ID of the PDF you want to add type 

this into the URL field. If not click the target icon. 

 Adding a PDF link to text 

 

Whilst the use of PDF’s should be avoided, if it is necessary you add one in the same way as 

you add a link to a piece of text. Please note all PDFs have to be pre‐uploaded to Matrix. 

   

Page 19: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  16  

4. Navigate to your desired PDF and select it 

making sure it is highlighted in blue. 

5. Click Select. 

6. The URL field will now be populated with the 

content ID of the PDF you selected. Click the Insert 

Link button at the bottom of the box. 

All PDF’s are stored in the Media folder under Documents and are organised by what they 

are used for and by school. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  Click Save in the top right hand corner. 

Page 20: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  17  

 Content Container Toolbar 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Bold 

Italic 

Subscript 

Superscript 

Justification 

Strikethrough 

Heading 

Undo & Redo 

Bullets & Numbers 

Indent & Outdent 

Table 

Horizontal Line 

Add & Remove Link 

Accessibility Auditor 

Toggle Image  Character 

Search & Replace 

Code View 

Page 21: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  18  

  Creating a Text and Image Container 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Depending on where you want the 

container to appear click the ‘+’ symbol 

above or below the default container. 

2. A properties window will open. Navigate to 

the Template drop down menu and select the 

desired template  ‐Text & Image (#34268).  

Page 22: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  19  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3.  Click Insert.  

4. The chosen template will be displayed.  

Page 23: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  20  

 

 

 

  

 

 

 

 

 

 

 

 

 

 

The Asset Finder will open. Please note all images used on content pages are stored in the 

Content folder within the Media folder. Navigate to – 

Media> Images> Content> Your chosen image folder 

 

 

 

 

 

 

 

 

 

 

 

 

 

Click Save in the top right hand corner. 

5. To insert an image click 

the Select button. 

6. Select the image you wish to 

use making sure it is highlighted 

in blue. 7. Click Select. 

Page 24: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  21  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

8. Image field is now 

populated with the 

chosen image 

9. If required you can add a title 

and image description. Please note 

Alt text is not required as this was 

specified during the image upload. 

10. Click the drop down menu to choose whether 

to have the image in a single column (left or right) 

or double column (across both columns) 

11. Specify a heading. Please note 

only plain text needs adding as the 

system adds the correct style/ size. 

13. Add text to specify an anchor 

link in the anchor bar. 

12. Click in the white area to activate the 

text box and type/ paste your content in. 

Click Save in the top right hand corner. 

Page 25: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  22  

  Creating a Text and Quote Container 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Depending on where you want the 

container to appear click the ‘+’ symbol 

above or below the default container. 

2. A properties window will open. Navigate to 

the Template drop down menu and select the 

desired template  ‐Text & Quote (#34360).  

3.  Click Insert.  

Page 26: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  23  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4. Click in the white box to add text that will 

appear as the quote. Please note you do not 

have to add the quote marks as these are 

added by the system automatically. 

5. Click the drop down menu to choose whether 

to have the quote in a single column (left or right) 

or double column (across both columns) 

6. Specify a heading. Please note 

only plain text needs adding as the 

system adds the correct style/ size. 

8. Add plain text to specify an anchor 

link in the anchor bar. 

7. Click in the white area to activate the 

text box and type/ paste your content in. 

Click Save in the top right hand corner. 

Page 27: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  24  

  Creating a Text Only Container 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Depending on where you want the 

container to appear click the ‘+’ symbol 

above or below the default container. 

2. A properties window will open. Navigate to 

the Template drop down menu and select the 

desired template  ‐Text only (#158094).  

3.  Click Insert.  

Page 28: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  25  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

6. Specify a heading. Please note 

only plain text needs adding as the 

system adds the correct style/ size. 

8. Add plain text to specify an anchor 

link in the anchor bar. 

7. Click in the white area to activate the 

text box and type/ paste your content in. 

Click Save in the top right hand corner. 

Page 29: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  26  

  Creating a Text and Video Container  

Before a video can be added to the course page it must first be checked by the video team 

and uploaded to Wistia – our cloud based video server/ player. All video requests should be 

sent to [email protected]. Once the video has been approved and uploaded 

the video team will send you a Wistia link (which looks like below), you can then add to your 

page. 

https://nottinghamtrentuniversity.wistia.com/medias/ifxpkj9z7o 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Depending on where you want the 

container to appear click the ‘+’ symbol 

above or below the default container. 

2. A properties window will open. Navigate to 

the Template drop down menu and select the 

desired template  ‐Text & Video (#34333).  

Page 30: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  27  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3.  Click Insert.  

3. Paste the URL given to you by the 

video team into the Video URL field. 

4. Give the video a title and 

description if required. 

5. Click the drop down menu to choose 

whether to have the video in a single 

column (left or right) or double column 

(across both columns) 

6. Specify a heading. Please 

note only plain text needs 

adding as the system adds 

the correct style/ size. 

8. Add plain text to specify an anchor 

link in the anchor bar. 

7. Click in the white area to activate the 

text box and type/ paste your content in. 

Click Save in the top right hand corner. 

Page 31: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  28  

  Creating a Fact Box Container 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Depending on where you want the 

container to appear click the ‘+’ symbol 

above or below the default container. 

2. A properties window will open. 

Navigate to the Template drop down 

menu and select the desired template  ‐ 

Fact box (#34383).  

3.  Click Insert.  

Page 32: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  29  

 

 

 

 

 

 

 

 

 

 

 

 

Click Save in the top right hand corner. 

4. Click in the white box to add text that will 

appear as the quote. Please note you do not 

have to add the quote marks as these are 

added by the system automatically. 

5. Click the drop down menu to 

choose whether to have the fact box 

in a single column (left or right) or 

double column (across both columns). 

6. Specify a heading. Please note 

only plain text needs adding as the 

system adds the correct style/ size. 

8. Add plain text to specify an anchor 

link in the anchor bar. 

7. Click in the white area to activate the 

text box and type/ paste your content in. 

Page 33: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  30  

  Creating a Further Information Container 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Depending on where you want the 

container to appear click the ‘+’ symbol 

above or below the default container. 

2. A properties window will open. Navigate to the 

Template drop down menu and select the desired 

template – Further information (#34415).  

3.  Click Insert.  

Page 34: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  31  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

6. Specify a heading. Please note 

only plain text needs adding as the 

system adds the correct style/ size. 

8. Add plain text to specify an anchor 

link in the anchor bar. 

7. Click in the white area to activate the 

text box and type/ paste your content in. 

Click Save in the top right hand corner. 

Page 35: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  32  

  Creating a Google Map Container 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Depending on where you want the 

container to appear click the ‘+’ symbol 

above or below the default container. 

2. A properties window will open. Navigate to the 

Template drop down menu and select the desired 

template – Google Map (#34565).  

Page 36: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  33  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3.  Click Insert.  

6. Specify a heading. Please note 

only plain text needs adding as the 

system adds the correct style/ size. 

7. If you are showing the location of 

an NTU campus/ building click the 

drop down menu and select the 

desired NTU building.  

8. If the location is a non NTU site 

/building you will need to populate 

all the address fields. 

9. If the location you are showing 

on the map is from another country 

or an address is not available you 

can specify the Latitude and 

Longitude co‐ordinates. 

Page 37: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  34  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

10. Open Google maps and navigate to the 

location you wish to use. Left click on the map 

which will drop a pin. 

11. Dropping a pin will make the information box appear which 

contains the longitude and latitude. Click on the co‐ordinates.  

12. The co‐ordinates will then be applied to the 

search box. Simply copy these and paste them into 

the longitude and latitude fields in Matrix. 

Page 38: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  35  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Click Save in the top right hand corner. 

13. Add plain text to specify an anchor 

link in the anchor bar if required. 

Page 39: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  36  

  Adding an Accordion   

An accordion is a tool for presenting a large amount of information in a small space. It works 

by displaying headings that when clicked on expand to show more information. An 

accordion comprises of a standard page (which we attach to an accordion container on the 

content page) and a number of data records (headings which expand to reveal more info) 

attached to this page. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Heading 

Clicking on the heading makes it 

expand to reveal more information. 

Accordion  

Data records (headings with 

expandable info) 

Page 40: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  37  

1. Click on the New button in the 

top left of the Matrix toolbar. 

2. An Asset Creation Wizard will appear. Click on the Other 

from the left hand menu and click Data Record.  

 Creating an Accordion (Root) Page  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Page 41: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  38  

6. Navigate to the page where you 

want the accordion to appear on. 

Select your chosen page making 

sure it is highlighted in blue. 

7. Click the blue Select button 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

The Asset Finder will open.  

Navigate to the page where the accordion will appear.  

 

 

 

 

 

 

 

 

 

 

 

 

4. Enter a name for the Accordion this 

should follow the naming convention – 

Accordion Root – Name of accordion.  

E.g. If the accordion relates to 

postgraduate courses the name would be –  

Accordion Root – Postgraduate courses. 

3. The data record wizard screen will appear. We need to populate both the name 

and location fields. These are marked with a red asterisk and are required fields. 

5. Click the Select New Location button to 

determine where the accordion will be stored.  

Page 42: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  39  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

8. When you have selected a – 

1. Name 2. Location  

Click the Create button. 

9. The system will then process your request, creating an accordion 

page with the name and location specified. 

Page 43: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  40  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

10. When the Wizard Complete screen 

appears the accordion has been 

successfully added to the system. 

11. Click Edit to go straight to 

the page and start editing. 

The accordion page will now be 

created beneath the page you want 

it to appear on. 

Page 44: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  41  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

10. The details screen will appear. We now need to make the accordion live. Although 

we can attach the accordion to any page in an under construction / safe edit state, 

unless the accordion is made live it will not be visible on the live site. 

11. In the status bar click the drop down 

menu and select Apply for Approval. 

12. A add workflow comment box will 

appear. Enter a comment about what 

you have done e.g. New accordion for 

test page. 

Page 45: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  42  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Click Save in the top right hand corner. 

17. Once approved and live the Details screen will show the status 

bar in green and the caption Live. The accordion can now be added 

to a page and be visible on the Live site. 

16. The screen will now show the 

status bar in purple and the caption 

Pending Approval.  

Page 46: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  43  

1. Click on the New button in the 

top left of the Matrix toolbar. 

2. An Asset Creation Wizard will appear. Click on the Other 

from the left hand menu and click Data Record.  

  Creating Data Records (Levels) to an Accordion 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Page 47: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  44  

6. Navigate to the accordion page 

you previously created and select 

it making sure it is highlighted in 

blue. 

7. Click the blue Select button 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

The Asset Finder will open.  

Navigate to the Accordion page we created earlier.  

 

 

 

 

 

 

 

 

 

 

 

 

4. Enter a name for the data 

record, this will become the 

levels pink heading title. 

3. The standard page wizard screen will appear. We need to populate both the name 

and location fields. These are marked with a red asterisk and are required fields. 

5. Click the Select New Location button to 

determine where the accordion will be stored.  

Page 48: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  45  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

9. The system will then process your request, creating a data record and 

placing it beneath the accordion page you created. 

8. When you have selected a – 

1. Name 2. Location  

Click the Create button. 

Page 49: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  46  

The data record will now appear 

underneath the accordion page. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

10. When the Wizard Complete 

screen appears the data record has 

been successfully added to the 

11. Click Edit to go straight to 

the page and start editing. 

Page 50: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  47  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

12. The Details screen will 

appear. 

13. The Record Name will become the pink 

heading you click on to expand to see more 

information. If you wish to change the title 

type another heading in the field. 

Click Save in the top right hand corner if you have made any changes 

to the Record Name field. 

Click on the Metadata tab. 

Page 51: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  48  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

14. The Metadata screen is where all the expandable content of an 

accordion is populated. Content is populated via a content container. 

15. Click in the white area of the content container and type/ paste 

your content in. 

Click Save in the top right hand corner. 

16. Click on the Details tab. 

17. In the status bar click the drop down 

menu and select Apply for Approval. 

Page 52: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  49  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Click Save in the top right hand corner. 

18. A add workflow comment box will 

appear. Enter a comment about what 

you have done e.g. New data record 

for test page accordion. 

19. The screen will now show the 

status bar in purple and the caption 

Pending Approval.  

Page 53: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  50  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

20. Once approved and live the Details screen will show the status 

bar in green and the caption Live. The data record can now be 

added to an accordion page and be visible on the Live site. 

Repeat the above steps to add more data records (levels). New 

data records will always be added underneath the last data record. 

Page 54: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  51  

  Changing the order of Data Records within an Accordion 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Open the Asset Finder and navigate to the Accordion you want 

to modify. Select making sure it is highlighted in blue. 

2. Click Select 

3. The details screen will appear. Click on the Linking tab. 

Page 55: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  52  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4. The data records of the accordion are listed at 

the bottom of the screen. 

5. To change the order of records click and hold the up/down arrow 

icon to the left of the level and drag and drop it to its new location 

Click Save in the top right hand corner. 

Page 56: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  53  

  Adding an Accordion to a Content Page Container 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Depending on where you want the 

container to appear click the ‘+’ symbol 

above or below the default container. 

2. A properties window will open. Navigate to the 

Template drop down menu and select the desired 

template – Google Map (#34565).  

3. Click Insert 

Page 57: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  54  

 

 

 

 

 

 

 

 

 

 

 

The Asset Finder will open. Navigate to the accordion page you wish to add to the content 

page. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4. To add an accordion to the 

container click the Select button. 

5. Select the desired accordion 

making sure it is highlighted in blue 

6. Click Select. 

Page 58: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  55  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

7. The Root node field will now be 

populated with the accordion page. 

8. To add a heading and/ or an anchor link type/ 

paste text into the corresponding fields. 

Click Save in the top right hand corner. 

Page 59: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  56  

Gallery heading 

Rotating gallery of images linked 

from the media folder. 

Images can be scrolled through via the pink 

arrows or the radio button underneath. 

Each image will have a title bar applied to it 

which is taken from the name field of the 

image upload. 

 Adding a Gallery  

A gallery can be added to a content page. The gallery is either static if only one image is 

added or rotating if multiple images are added. The gallery consists of a number of images 

that are linked from the media folder. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Page 60: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  57  

1. Click on the New button in the 

top left of the Matrix toolbar. 

2. An Asset Creation Wizard will appear. Click 

on the Standard Page option. 

  Creating a Gallery (Root) Page 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Page 61: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  58  

6. Navigate to the page where you 

want the gallery to appear on. 

Select your chosen page making 

sure it is highlighted in blue. 

7. Click Select. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

The Asset Finder will open.  

Navigate to the page where the gallery will appear.  

 

 

 

 

 

 

 

 

 

 

 

 

4. Enter the name Gallery. 

3. The standard page wizard screen will appear. We need to populate both the name 

and location fields. These are marked with a red asterisk and are required fields. 

5. Click the Select New Location button to 

determine where the gallery will be stored.  

Page 62: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  59  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

9. The system will then process your request, creating the page and 

storing it in the location you selected. 

8. When you have selected a – 

1. Name 2. Location  

Click the Create button. 

Page 63: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  60  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

10. When the Wizard Complete 

screen appears the data record has 

been successfully added to the 

11. Click Edit to go straight to 

the page and start editing. 

11. Before we can make the page live we need to fill in a couple of 

required fields on the Metadata tab. Click the Metadata Screen button. 

10. The details screen will appear. We now need to make the gallery live. Although we 

can attach the gallery to any page in an under construction / safe edit state, unless the 

gallery is made live it will not be visible on the live site. 

Page 64: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  61  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

12. On the Metadata screen we 

only need to fill the Overview 

section (top of page) and Callout 

summary (bottom of the page). 

Untick use default and type/ 

paste your text in. 

13. Select the details screen. 

14. In the status bar click the drop down 

menu and select Apply for Approval. 

Page 65: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  62  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Click Save in the top right hand corner. 

15. A add workflow comment box will appear. 

Enter a comment about what you have done 

e.g. New gallery for test page. 

17. Once approved and live the Details screen will show the status bar in green and the 

caption Live. The gallery can now be added to a container and be visible on the Live site. 

16. The screen will now show the 

status bar in purple and the caption 

Pending Approval.  

Page 66: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  63  

  Adding Images to a Gallery  

Image galleries are created by linking the image from the media folder to the gallery (root) 

page. Images remain in the media folder at all times. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. The Asset Finder will open. Navigate to the media folder and 

choose an image you wish to add to the gallery making sure it 

is highlighted in blue.  

2. Click select  

1. Open the Asset Finder by clicking the Asset Finder button in the top right of 

the screen. 

Page 67: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  64  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3. The details screen of the image will appear. Click on the Linking tab. 

3. The linking screen will appear. Click on the 

New Location Link button. 

Page 68: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  65  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

5. The Asset Finder will open. Navigate to the gallery page you wish to 

add the image to and select it making sure it is highlighted in blue. 

6. The system will show a brief confirmation message that the image 

has been successfully linked to the desired root page. 

Page 69: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  66  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

To add more images to a gallery repeat the above steps. 

6. The system will then update the links on the linking tab showing the new 

link to the gallery page. Please note all links are automatically saved. 

7. The image will now be visible next to the gallery. Please note although the image 

next to the gallery it is not physically stored here, only linked from the media folder. 

Page 70: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  67  

 Changing the order of Images within a Gallery   

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Open the Asset Finder and navigate to the Gallery you want to 

modify. Select making sure it is highlighted in blue. 

2. Click Select 

3. The details screen will appear. Click on the Linking tab. 

Page 71: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  68  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4. The images are listed at the bottom of the screen. 

5. To change the order of images click and hold the up/down arrow 

icon to the left of the level and drag and drop it to its new location 

Click Save in the top right hand corner. 

Page 72: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  69  

  Adding a Gallery Content Container 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3. Click  Insert 

1. Depending on where you want the 

container to appear click the ‘+’ symbol 

above or below the default container. 

2. A properties window will open. Navigate to the 

Template drop down menu and select the desired 

template – Gallery (#34497).  

Page 73: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  70  

 

 

 

 

 

 

 

 

 

 

 

The Asset Finder will open. Navigate to the gallery page you wish to add to the content 

page. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4. To add a gallery to the container 

click the Select button. 

5. Select the gallery page you wish to use 

making sure it is highlighted in blue. 

6. Click Select. 

Page 74: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  71  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

7. The Root node field will now be 

populated with the gallery page. 

8. To add a heading and/ or an anchor link type/ 

paste text into the corresponding fields. 

Click Save in the top right hand corner. 

Page 75: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  72  

1. Click on the New button in the 

top left of the Matrix toolbar. 

  Adding a Logo  

 

Logos appear on the page in a logo bar that runs from left to right. Depending on the width 

of the logo you will be able to populate 4‐5 logos across the page. Adding more logos than 

this will result in the logos running over 2 lines. 

Logos are linked to a logo (root) page from the media folder. Images remain in the media 

folder at all times. 

 

 

 

 

 

 

 

 

Creating a Logo (Root) Page 

 

 

 

 

 

 

 

 

 

 

 

 

 

Logo bar  Logo’s 

Page 76: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  73  

2. An Asset Creation Wizard will appear. Click 

on the Standard Page option. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4. Enter the name Logos. 

3. The standard page wizard screen will appear. We need to populate both the name 

and location fields. These are marked with a red asterisk and are required fields. 

5. Click the Select New Location button to 

determine where the page will be stored.  

Page 77: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  74  

6. Navigate to the page where you 

want the logo’s to appear on. 

Select your chosen page making 

sure it is highlighted in blue. 

7. Click Select. 

The Asset Finder will open.  

Navigate to the page where the logo page will appear.  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

8. When you have selected a – 

1. Name 2. Location  

Click the Create button. 

Page 78: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  75  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

10. When the Wizard Complete 

screen appears the data record has 

been successfully added to the 

11. Click Edit to go straight to 

the page and start editing. 

9. The system will then process your request, creating the page and 

storing it in the location you selected. 

Page 79: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  76  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

11. Before we can make the page live we need to fill in a couple of 

required fields on the Metadata tab. Click the Metadata Screen button. 

12. On the Metadata screen we 

only need to fill the Overview 

section (top of page) and Callout 

summary (bottom of the page). 

Untick use default and type/ 

paste your text in. 

10. The details screen will appear. We now need to make the logo root page live. 

Although we can attach the logo root page to any page in an under construction / safe 

edit state, unless the logo page is made live it will not be visible on the live site. 

Page 80: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  77  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Click Save in the top right hand corner. 

13. Select the details screen. 

14. In the status bar click the drop down 

menu and select Apply for Approval. 

15. A add workflow comment box will 

appear. Enter a comment about what 

you have done e.g. New logo root page. 

Page 81: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  78  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

17. Once approved and live the Details screen will show the status bar in green and the 

caption Live. The logo page can now be added to a container and be visible on the Live site. 

16. The screen will now show the 

status bar in purple and the caption 

Pending Approval.  

Page 82: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  79  

  Adding Logo’s to a Logo (Root) Page.  

Image galleries are created by linking the image from the media folder to the gallery (root) 

page. Images remain in the media folder at all times. 

 

 

 

 

 

 

 

The Asset Finder will open. Please note all logos are stored in the Accredited logo folder in 

the Media Folder. 

Media> Images> Accreditation logos 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. The Asset Finder will open. Navigate to the media folder and 

choose an image you wish to add to the logo page making sure 

it is highlighted in blue.  

2. Click select  

1. Open the Asset Finder by clicking the Asset Finder button in the top right of 

the screen. 

Page 83: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  80  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3. The details screen of the image will appear. Click on the Linking tab. 

3. The linking screen will appear. Click on the 

New Location Link button. 

Page 84: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  81  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

5. The Asset Finder will open. Navigate to the gallery page you wish to 

add the image to and select it making sure it is highlighted in blue. 

6. The system will show a brief confirmation message that the image 

has been successfully linked to the desired root page. 

Page 85: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  82  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

To add more logos to a page repeat the above steps. 

6. The system will then update the links on the linking tab showing the new 

link to the gallery page. Please note all links are automatically saved. 

7. The logo will now be visible next to the logo page. Please note although the logo image is next to 

the logo page it is not physically stored here, only linked from the media folder. 

Page 86: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  83  

 Changing the order of Logos within a Logo Page 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Open the Asset Finder and navigate to the Gallery you want to 

modify. Select making sure it is highlighted in blue. 

2. Click Select 

3. The details screen will appear. Click on the Linking tab. 

Page 87: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  84  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4. The logos are listed at the bottom of the screen. 

5. To change the order of logos click and hold the up/down arrow 

icon to the left of the level and drag and drop it to its new location 

Click Save in the top right hand corner. 

Page 88: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  85  

  Adding a Logo Content Container 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3. Click Insert 

1. Depending on where you want the 

container to appear click the ‘+’ symbol 

above or below the default container. 

2. A properties window will open. Navigate 

to the Template drop down menu and select 

the desired template – Gallery (#34497).  

Page 89: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  86  

 

 

 

 

 

 

 

 

 

 

 

The Asset Finder will open. Navigate to the logo page you wish to add to the content page. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4. To add a logo page to the 

container click the Select button. 

5. Select the logo page you wish to use 

making sure it is highlighted in blue. 

6. Click Select. 

Page 90: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  87  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

7. The Root node field will now be 

populated with the gallery page. 

8. To add a anchor link type/ paste to the anchor 

name field. 

Click Save in the top right hand corner. 

Page 91: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  88  

  Changing the order of Content Containers 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Click the up/ down arrow icon in the top right of any of the 

content containers on the content page. 

2. Click, hold and drag the up/ down arrow icon in the left of the 

window to move containers around. 

3. Click Save changes 

Click Save in the top right hand corner. 

Page 92: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  89  

 Deleting a Content Container 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

The container will then be removed from the page. 

1. To delete a container click the cog in the top left hand corner of 

the container you wish to delete. 

2. A confirmation window 

will appear. Click on Confirm.  

2. A properties window will appear. 

Click the dustbin icon in the top 

right of the properties box.  

Page 93: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  90  

  Changing a Content Container Template 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. You can change a content container template at any point by clicking on 

the cog icon in the top left hand corner of the content container. 

2. A properties window will open. Click 

on the Template drop down menu.  

3. Click on the desired template. 

Page 94: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  91  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4. Click Set Properties 

5. The content container will 

now be highlighted in blue 

Page 95: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  92  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Click Save in the top right hand corner. 

5. The content container will now have changed its appearance to the 

template you selected. The container will also retain any text populated in 

a previous container type. 

Page 96: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  93  

  Adding Anchor Bar Links  

The anchor bar of a content page is populated with a number of quick links allowing users to 

move to certain points on a page in one click. The anchor bar is optional on content pages 

and only visible if the anchor name field at the bottom of a container has been populated.  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Anchor bar 

Quick links to other sections of the course page. 

1. Type text into the Anchor name field to display a link in the anchor bar. If you 

do not require a link leave the field blank. 

Click Save in the top right hand corner. 

Page 97: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  94  

Metadata Screen 

 

  Adding Overview Text (Sub Heading) 

Each content page must have the overview field populated with text. The overview text 

appears on the preview under the page title and gives a short summary of what the page is 

about. Please note the field has a 500 character limit and is for plain text only. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Page title Page overview text 

1. Untick Use default and type/ paste 

your content in. Please note the field 

has a 500 character limit. 

Click Save in the top right hand corner. 

Page 98: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  95  

 The Right Hand Column of a Content Page  

The 

The right hand column of a content page contains by default  

Title of the page 

Pages within this section 

When the page was published 

Social media share options 

Contact us info 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Right hand column 

Title of page 

Published 

date 

Pages within 

this section 

of the site 

Social share 

options 

Contact us 

information 

Page 99: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  96  

You can add additional features to it via the Metadata screen such as: 

Call to action buttons that link through to specific pages in other parts of the site 

Specific contact information 

Html boxes which show and image and clickable link to another page 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Call to action 

buttons 

Specific contact 

information 

HTML box 

Page 100: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  97  

  Adding Call to Action Buttons to a Content Page  

You can add up to 5 call to action buttons to the side of a content page which link through 

to specific pages. The button text is derived from the page title that the button links to. The 

buttons should be used to highlight key pages found on other areas of the site that relate to 

the content page. You can add any page type from hub, sub hub, landing and content page.  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

The Asset Finder will open. Navigate to the page you wish to use as a call to action button. 

 

Each button links 

through a specific page. 

Button text is taken from 

the page title the button 

links to. 

Maximum of five buttons 

can be added. 

1. Scroll down to the 

Sidebar section. 

2. In the CTA button field 

click the blue Select button. 

Page 101: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  98  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

When you fill in one field another will appear underneath until you reach the maximum five 

buttons. To add more buttons repeat the above steps. 

 

 

3. Select the page you wish to use making 

sure it is highlighted in blue. 

4. Click Select. 

5. The chosen page will be populated in 

the CTA button field.  

Click Save in the top right hand corner. 

Page 102: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  99  

 Adding a Related HTML Box  

The right side of a content page can also be used to show HTML boxes. HTML boxes 

comprise of an image and text in a coloured box. They work in a similar way to CTA buttons 

offering a link to a page in another section of the site, but in a more visual way. You can add 

a maximum of 2 HTML boxes to the right side of a content page. 

Please note all HTML boxes have to be requested, designed and built for you. To request a 

HTML box email [email protected] outlining your requirements. 

 

 

 

 

 

 

 

 

 

 

 

 

 

The Asset Finder will open. Navigate to – 

Centralised assets> HTML boxes> Double and single columns 

 

 

Image 

Coloured box containing text which 

acts a s a link to another page. 

1. Scroll down to the Related 

HTML Box field. 

2. Click the blue Select button. 

Page 103: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  100  

 

 

   

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3. Select the HTML box you wish to use 

making sure it is highlighted in blue. 

4. Click Select. 

5. The field will now be populated 

with your chosen HTML box.  6. To add another HTML box click the Select 

button in the new field that has appeared and 

repeat the above steps. 

Click Save in the top right hand corner. 

Page 104: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  101  

 Adding SEO/ Keyword Data to a Content Page  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Untick Use default and enter a short description of the page. This field will 

be displayed in Google search results. 

2. Untick Use default and add key words to 

make the content more discoverable in 

searches. Please note only 1 word per field. 

Click Save in the top right hand corner. 

3. Untick Use default and add a call out summary – a short summary for 

related information boxes on other pages such as tiled landing pages. 

Page 105: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  102  

 Specifying a Contact Name, Number and Email  

At the side of a content page is the contact box showing by the general NTU contact 

number. You can however specify a different contact name, number and email if you wish 

by populating the contact section on the Metadata screen. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Click Save in the top right hand corner. 

1. Untick use default and 

enter a phone number. 

2. Untick use default and 

enter a contact name. 

3. Untick use default and 

enter an email. 

Page 106: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  103  

 Submitting a Content Page for Approval 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. From the Details screen go to the Status 

section at the top of the screen and click the 

Change drop down menu. 

2. Click on the Apply for 

Approval option. 

The screen will change showing 

an Add workflow comment box. 

3. Add a comment detailing what you have done. 

E.g. if it is a new content page put New content 

page upload. 

Click Save in the top right hand corner. 

Page 107: Matrix Tutorial - Nottingham Trent University€¦ · Matrix Tutorial Creating and ... Adding SEO/ Keyword Data to a Content ppage.....101 Specifying a Contact Name, Number and Email

  104  

 

 

 

 

 

 

 

 

 

 

 

 

The page will now enter your schools QA/ the Central QA list where it will be checked and 

made live or rejected requiring further changes. It if is rejected you will receive a notification 

via email. 

 

 

 

 

 

 

 

 

 

  

 

4. The screen will now show the status bar in purple and 

the caption Pending Approval.  

5. Once approved and live the Details screen will show the 

status bar in green and the caption Live.