Making a new page: step by step

This is a step-by-step instruction how to establish and build a new page. Note that the design and lay-out may vary, so this should by no means be seen as the only page you can build. However, it will serve as a good starting point for learning how to build a generic page in the Simple View CMS.

Before you begin

Make sure you know where in the structure you want to build the page, as it is not trivial to move pages that have already been made.

First, log in to the Simple View CMS by using this link.


Select language

Select which language version you wish to work on by clicking the structure icon on the left, and selecting a language in the menu that appears. To work on the international version, select PRIMARY.

Then, select where you want to work, on the menu that appears. General editors should select MAIN NAVIGATION, whereas premium partners should select the area where they want to work, ie either their general site, or one of the sub-sites.

language selector


Placement in the structure

Navigate to where you want to place the new page, using the View Children menu option.

view children


Establishing a new page

Make sure you are in the correct place before proceeding. Moving a page requires a lot of work, so please double-check before you continue.

Once you are satisfied that the location in the structure is indeed correct, click the CREATE NAV ITEM button. The NEW NAV ITEM box will then appear.

Create nav item

The new nav item box

This box is where the page’s meta-information is found, and the first you need to pay attention to when you make a new page.

This box is fully explained here: The meta page. Please consult that page for step-by step instructions on how to correctly fill in this information.

For now, however, all you need to do is the following:

  • Give the new page a title, which you should put into the required TITLE field.
  • Edit the FOLDER field, if the automatically entered text is not optimal.
  • Make sure the ITEM TYPE is set to PAGE.

Once that is done, click the SAVE CHANGES button.

Create new nav item


Choose your starting panel

There are a number of ready-made layouts that may start as a starting point for a new page. Which you should use depends on what type of page you want to make, who you are, and what you want to do.

Some layouts are for homepages, some are for content pages, and some are for landing pages. Content pages are by far the most common, and Premium Partners should always use the starting layouts that correspond to their destination.

These are some other useful starting layouts:

  • Content Page: A good panel to start with if you want to have a fresh start. This is a template with an empty CONTENT-field, which allows you to build a new page from scratch.
  • Destination Page: A starting point for destination front pages, intended for editors of non-premium destinations. It is a densely populated page, and the intention is to start with this and then remove unwanted elements.
  • Content page – (premium partner) – (destination): Intended for premium partners and their various destinations.

SELECT the layout you want to start with.


Building the page

page sections

Each page in the Simple View CMS consist of four main sections, from top to bottom:

  • Header: The header should be identical for all pages within the site.
  • Header Slideshow: Usually just a single slide, 360 image or video. Header slideshow is not mandatory, but almost all pages will have one regardless.
  • Content: This is the main section for content, and where most editing work will take place. This contains the «main body» of each page.
  • Footer: The footer should be identical for all pages within the site.

Header and footer

This is where permanent and semi-permanent elements reside, and as such these should not be edited very often. In order to keep the required maintenance work down, neither should they be copied or cloned.

If these sections are correctly set up, any changes should be possible to implement simply by unlocking, making the changes, and saving them again (automatically re-locking them in the process). Ask the support team for help before you do this, if you are at all unsure how to do it correctly.

header-footer


Header slideshow

The header slide contains the top picture and the page’s main title. If the page has a header slide at all, the title superimposed on that should function as the page’s only H1 title. All other titles should be H2 or smaller.

For instructions on how to edit the Header Slideshow, refer to this page: Header slideshow


Content

The content field is where your page’s main content resides. While you have a great deal of flexibility here, there are some common elements and routines you should know about before building your page:

Text

Text is an important part of most pages, and text will form the first few elements of most of these, like this:

  • Page headline: This is the headline/title that is found immediately below the header slide. If the page has a header slideshow, this should be in H2, centre justified, and in one column.
  • Page intro text: This is the intro text for the page and its subject/topic. It should be entered as normal tex, centre justified, in a text box widget. Text box must be placed inside a container, in a one column panel. Remember to change settings in container to intro text.
  • General page text: This is usually a general introductory text about whatever topic the page has. This should be in Normal style, left justified and in two columns (Content Two Column panel) unless the text is too short.

For more information on using text in the Simple View CMS, consult the following pages:

Below these text elements you will often want to place a slideshow, a video, or some other graphical element that grabs the reader’s attention.


Slideshow

To add a slideshow to a page, make a One Column panel in the Content-section, and add a Collection Template – Content Area Slideshow widget, like this:

slideshow

NB!
Note that both the panel and the widget must be set to Full Width in order for the slideshow to function correctly!

In the widget, select Source Type: Slides under Populate Template. Browse to the slides you want, and add them. Create new slides if required. A slideshow like this should have four images, no more and no less.

Each slide should have only the geographical location as its title. Which location depends on the focus and subject of the page the slideshow will appear on. For instance, a slide with the title «Oslo» might be fine on a page about Eastern Norway, but four slides on the Oslo-page would not be helpful. In this case, a more detailed location would be better suited for the slide title, such as «Holmenkollen», «Ekebergparken» or «Vigelandsparken».

A good rule of thumb for any slide title is that it should:

  1. Work equally well (or badly) in all languages, and not need to be translated.
  2. Attempt to give the reader some additional useful information.

Section header and intro text

Section headers should be used when the section represents a distinct and separate aspect of the page’s subject. Place it in a One Column panel, inside of which you place a text box widget. The section header itself should be H2 and centre justified, whereas the intro text below it should be Normal and centre justified. The intro text is not mandatory, but should be included if it is relevant and useful.

For more information on section headers and intro texts, see this page: Headings, headlines and intro texts.


Video

To add a video to a page, start with adding a One Column panel in the Content section, and follow the instructions on this page: Videos.


Product views

There are several ways to display products on a page. You can find more information about them on this page: Products and events .


Entrances to other pages

An entrance is a picture on a page, that is linked to another page in the navigation structure. An entrance will usually be half-width, but may appear in a number of different ways.

This page goes more in detail with regards to linking, both internally and externally: Linking


Instagram feed

To embed an Instagram-feed, place a Once-Column panel in the Content section, and a Social Hub Container – Instagram/Pinterest panel within that. Inside that, place a Social – Instagram Tag Media widget, like this:

Instagram-embed

The settings in the widget should be 8 (no less, no more), and you must include the # in the #-tag you wish to use. You can only defione one #-tag per widget.

Choose your #-tag with care, and make sure it contains pictures relevant for the page it will appear on. There are plans for expanding this functionality so that two #-tags can be used, with the first providing the results, and the second limiting them.

For instance, #norway will provide a large amount of elements, whereas adding #viking will limit the number shown to the reader to those that also contain this tag. No date is set for this functionality to be implemented, however.


Editorial map

The editorial map is intended for front pages only, as it is quite complex and heavy to load, display and set up. This is an example that shows how it might look:

editorial map - frontend

editorial map - structure 1editorial map - structure 2