Editing pages

  • If you are viewing the site from the front end (and are logged in) you will see ‘Edit page’ in the black bar at the top
  • If you are already in the back end select Pages from the main left hand side menu
  • Here you will find the static pages of your site e.g. About, Contact us etc..
  • Click a page to edit it – a page with a dash before the title means it is a sub page of the one above.
  • Edit the text directly in the text box. The editing box is known as a WYSIWYG (What You See is What You Get) text editor, working similarly to Microsoft Word. It has controls for creating headings, links, justification, bullet lists (like this one!), etc. More information about how to use it can be found here https:// make.wordpress.org/support/user-manual/content/editors/visual-editor/ 
  • You can also add images and videos to the text area by clicking ‘Add media’ – See more on adding images in the ‘Images’ section.
  • You might not be able to see all the editing options at first – to make sure you are click the top right toggle, and a second row of options will appear:
    Editing tips editing panel
  • Here you will be able to change the heading weight by clicking the ‘Paragraph’ drop down menu:
  • Generally on a website ‘Heading 1’ is reserved for the title of the whole site. ‘Heading 2’ is for page titles and ‘Heading 3’ are sub headings within a page. Therefore in the editor you should use heading 3 for headings.
  • When copying and pasting from another document it is best to paste as ‘clear formatting’ this makes sure that no code has crept in from elsewhere. To do this select the clipboard with a T before pasting in any text:
    editing tip paste as text

    Landing pages

  • A landing page is used as an intro to a section – it is also known as a parent page which has child pages beneath it.
  • To set a page as a landing page select ‘Landing page’ from the drop down menu under Template in the Page attributes box on the right
  • For an alternative ‘listing’ style of child pages, choose  ‘Landing page list’ from the drop down menu under Template in the same box
  • This will make sure that the child pages from that section will appear as promos underneath the intro text
  • You can add to these promos by creating promos from the promo panels

    Child pages

  • To make the page you are editing a sub-page (known as a child page) of another page (known as a parent page) select the page from the ‘parent page’ drop down menu in the Page Attributes box on the right. For example the following image shows a page that is a sub page of Contact us:editing tip child page
  • You can order the sub pages manually by entering a number into the ‘order’ field. 0 will come out first and then 1,2,3 etc.. The easiest way to do this is to go back to the list of all your pages and click ‘Quick edit’ on each one and enter the number.
  • If the page you are editing is a landing page then its child pages will appear automatically as promos under the heading ‘In this section‘:
  • The intro text will pull through the first 200 characters or so from the body text of the page it is linking to.
  • You can override this text by editing the page the promo is linking through to and filling in the ‘Excerpt‘ field
  • To choose your own promos click the blue ‘Add new promo‘ button in the promos panel, you can also rename the section under ‘section title‘ to override the text ‘In this section’.
  • On the Categories box on the right hand side select which category the page belongs in – this will control what promo pages are shown under ‘In this section’ unless you override them

    See Also

  • Select which pages you want to add to the ‘See Also’ links by selecting from the panel on the right:
    1)  2) 
  • To add an external link instead tick ‘Add external link? Yes’ and fill in the link field (include the full url with the http//: ) and the descriptive text for the link in the second field.
  • If you can’t see this drop down, go to ‘Screen options’ in the top right corner and make sure ‘See also…’ is ticked.

nb. the ‘See also’ links are not currently set to be automatically populated. It can be changed so that they are. If so they will work like this:

  • The logic of the ‘See also’ links works as follows:1st admin selected page (if applicable)
    2nd admin selected page (if applicable)
    3rd admin selected page (if applicable)
    4th admin selected page (if applicable)
    5th admin selected page (if applicable)
    1st external link (if applicable)
    2nd external link (if applicable)
    3rd external link (if applicable)
    1st alphabetical page of the same category
    2nd alphabetical page of the same category
    3rd alphabetical page of the same category
    4th alphabetical page of the same category
    5th alphabetical page of the same category

    Pull quotes

  • To add a pull quote to the page add the text to the pull quote field
  • Add the name of the author to the ‘citation’ field
  • If you can’t see this field go to ‘Screen options’ in the top right corner and make sure ‘pull quote’ is ticked.
  • The pull quote will look like this on the front end:

    Feature panel

  • To give something more prominence than a regular promo you can add a full length feature panel to the page
  • Here you can choose to add just text or text and an image, include a promo directly to D-Day on your Doorstep or directly to the Collections search.
  • You can choose the background colour from yellow/grey/white
  • If you can’t see these fields go to ‘Screen options’ in the top right corner and make sure ‘Feature panel’ is ticked.

    Next and previous page links

  • This feature is only available on standard pages and not Landing pages
  • If you don’t edit these then the links will appear automatically as the next and previous child pages according to the order they have been set as in the order field.
  • You can choose to hide the links altogether or you can override one or both of the links on the page to one of your choosing.
  • If you can’t see these fields go to ‘Screen options’ in the top right corner and make sure ‘Next/previous links’ is ticked.

    Add an item from the collection into the page

  • To insert any item from the Collection into an editorial page click ‘Add Post Element’ above the editing box (next to ‘Add Media’)
  • This will bring up a panel where you can search the MODES collection by accession number
  • There a few options to customise how the item will appear on the page, e.g. you can add an image caption
  • If you add text to the description text this will only edit it on the website and NOT in MODES

  • When you have edited everything remember to click ‘update’ near the top right
  • To view the page on the front end click the ‘View page’ link at the top left of the screen (see image below) – it is best to always have the front end open in a different window when editing:
    editing tip view page
  • Remember if you are editing content from the back-end of WordPress you will need to refresh the front-end page to view the change you have made.
  • You can set the page to be visible to the public or private. This option is under ‘visibility’ in the publish panel:
  • Here you can also schedule when you want the page to be published by clicking the ‘Edit’ button under the published on date. If a date in the future is entered then the page will not be viewable by the public until that date. If a date in the past is entered then the sub-pages will order in publication date on the menu page – this is useful for older news items or events.
  • Clicking ‘Revisions’ will show you all the edits that have been made to that page, there is a slider where you can slide backwards and forwards in time to see the changes, this is useful if you deleted something that you wish to recover.