Object Page 101
Updated over a week ago

This guide will teach you to quickly and confidently create an Object page from start to finish using one of my favorite paintings The Fighting Temeraire by J.M.W. Turner.

The painting depicts HMS Temeraire being towed by a paddle-wheel steam tug towards its final berth in Rotherhithe in south-east London in 1838 to be broken up for scrap.

1. Log into the CMS


Log into the CMS by visiting cuseum.com/cms using your provided email and password.

2. Create New Object


Navigate to the Object page under the Content section.

0A4DZkjoTkK7KVfZSido_Screen_Shot_2016-06-30_at_3.45.49_PM.png

Here, you can see a list of objects you have in your CMS. You will also see to the top right a button labeled Add Object. Clicking this will allow you to create a new Object.

pv9rd216SpmVwdQkBty9_edited.jpg

Now we are ready to add The Fighting Temeraire.

3. Entering Object Details


We can enter the basic information in the Object Details section of our new Object. This will help us keep track of it within the CMS. This information can be changed at anytime.

dUe22CyAQjSnHCAoFh6w_2016-02-23_at_5.28_PM.png

Maybe make all graphics of this sort a little bit larger The second sentence is a little bit confusing with the wording. I would consider making it two separate sentences. Something like: This will help us keep track of the it within the CMS. This information can be change at anytime.

If we scroll down we can also add some Advanced details including the Location of the work, the date created, any mediums or styles we wish to tag it with and many more options. These are all optional and can be changed or added at any time.

4. Adding Images


Once we have finished tagging the information we can hit "Save Changes" on the top right corner.

vsIRUGGORaWOeODeG3Um_2016-02-23_at_5.33_PM.png

Now let's jump into the Design Editor which is where the meat of our content will go. This is broken into 3 different types of modules (with more on the way) which allow you to stylize and format your content in a more dynamic manner.

We are going to start with the Image module so our visitors can match the image with the artwork they are looking at.

kWBWttAeRKnzZaZvKkgY_2016-02-23_at_5.36_PM.png

allows---allow

Once we have uploaded the image of our choice, you will notice that it has labeled our painting as the file name. This is an internal title that will not be visible to our visitor. If there is extra information we wish to display to a visitor we can add a caption below.

The caption should be kept short in order to ensure visitors don't become overwhelmed with text. This should only be seen as additional information for the image and is not needed if the title of the image is the same as the title of the object.

5. Adding Audio


We can also add media files by selecting the "Media" module and inserting it into the object page.

D4o7doJRSmSir3zaftBl_Media_Names.png

Here we entered our MP3 which will display as "Introduction to the Fighting Temeraire"

Now we can add some content. This is as easy as copying and pasting our current content into the text box. You will have a full array of formatting options including font size, Bold/Italics, and even links and ordered lists.

wQq2Dw5RMCo9S4cGJNIY_2016-02-23_at_5.38_PM.png

Let's paste in our passage. Notice how we can use the format button to change the font size of our header to Header 1. This will increase the size of the text on the app.

R2HNAcWJTXujlLBAorJv_2016-02-23_at_5.40_PM.png

One good rule of thumb is if you have more than 3 sentences, it is a good idea to break up text and keep it as short as possible. This makes it easy for visitors to consume and easier to follow along.

7. Now it is time to save and preview.


FX3LAzkSRIccQqS4RkKg_File_Feb_23__6_29_28_PM.png
kkhKbIBNSCaRYiNTvIN5_File_Feb_23__6_29_16_PM.png

To view your changes you will need to clear cache. The clear cache button is the "two arrows" icon right next to the Web app preview icon:

Did this answer your question?