Museums Sites Quick Start Guide

Transcription

1 Museums Sites Quick Start Guide 1. Customise your website. 2. Edit a page. 3. Use templates. Current revision and date Revision A 25/06/2012 Author Keepthinking Ltd info@museumssites.com

2 1 Customise your website Learn how to change the logo, colours, contact details and make the website your own. 1. Introduction Using the standard set up templates, you can customise your site and make it unique through a series of actions and possibilities. / You may change the entire colours scheme of your site. / You may upload your own logo, building image and contact and address details The single, most important factor to achieve uniqueness is, however, your content. Your text and your images will make a crucial difference to make your Museum Site stand out from the crowd. Most of the standard customisation is carried out from the Admin Section of your site (your Content Management System, also called Qi). You access the admin section by adding /qi to your unique subdomain. So if you choose mymuseum as your subdomain, you may find Qi at: From there, click/tap on Preferences on the right of the top menu bar to access a range of customisable options. Link to preferences in Qi 2. Add your logo You will need two logos that are needed: one for large screens and another one for the small screens. In Preferences, choose: / Images: Logo, desktop interface the standard logo for large screens. The logo should be 190 pixel wide x 120 pixel high. / Images: Logo, mobile the logo for mobiles. The logo should be 170 pixel wide x 50 pixel high. In both cases, select the preference and then click on Images, click on Edit in Media Library and replace the existing image with your own. Museums Sites / Quick Start Guide/ Revision A 2

3 Click Edit in Media Library on the top right Replacing a file in the media library 3. Add your museum image and contact details In Preferences, choose Image: building to upload a picture of your museum. This will appear anywhere apart from the home page, after the secondary navigation (this is not featured on the mobile version of the site). You may follow the same procedure as for the logos. There are other dedicated settings for contact details and address. They are: / Main: Museum name / Main: Opening times / Contact: address / Contact: address (This is also the receiver of s send through the Contact us form) / Contact: telephone number Please edit as appropriate. 4. Change the colours scheme In Preferences there are 8 colours you may change to fully customise your site. Each setting has an associate picture to clarify what page elements you are affecting when changing a value. For each colour you need to enter the full HEX code, such as #FFFFFF for white (we know this is not ideal and are working on a super-funky interface and colour picker). You can get HEX codes from popular software such as Photoshop or from this website: Museums Sites / Quick Start Guide/ Revision A 3

4 The W3Schools Colour Picker The colours you may control are: Colour: accent. This is the colours used for the selected menus and social media icons. It should be a contrasting colour compared to the rest of the colour scheme. Colour: background. The overall background colour of the entire site. Colour: bodytext background. The background colour of the main body of each template. Museums Sites / Quick Start Guide/ Revision A 4

5 Colour: secondary. This is the colour used for the background of the footer, links and documents. Colour: filter. The colour used for the background of filters (e.g. type of event). Colour: hover. The colour displayed when hovering over an active link. Colour: dark text. When using dark text, this is its colour. Colour: light text. When displaying text on a dark background. Museums Sites / Quick Start Guide/ Revision A 5

6 2 Edit a page Learn how to edit the text of a page, add images, documents and links. 1. Introduction Your new Museums Site will be initially populated with a typical museum site map content that you may edit, delete and add to. We have done lots of research in trying to create an information architecture, which will be a great starting point for most museums. But of course everyone is different and you will want your own. To help you with the process we have included links to the admin area of your website for each of the pages/sections of your websites. The following is an outline of some actions you will need to make to fully edit your website. 2. Edit the content of an existing page Go to the page you want to edit on your website and click on the link provided. The Become a member page on your website The link will take you to that page on the admin section of your website where you can change the text, images documents and links for that page. Museums Sites / Quick Start Guide/ Revision A 6

7 The Become a member page in Qi Museums Sites / Quick Start Guide/ Revision A 7

8 3. Remove/Replace an image or a document To remove an image select the Images tab and then click on the icon on the right side. You can then either Upload New Media or Add from Media Library if you already an image there you would like to use. If you want to replace an image, click on the Edit in Media Library link and replace the image from there. Be aware that if the image is used in other sections this action will replace it everywhere it is used. The Become a member page images in Qi The same applies to documents, you just need to select the Documents tab. The Become a member page documents in Qi Museums Sites / Quick Start Guide/ Revision A 8

9 4. Remove/Replace links At the bottom of the Content tab you can see the list of all existing relationships. To remove one Just click on the icon. If you want to add on click on the Add new relationship button. You could also click on the green online icon to make the relationship offline, this action doesn t delete the relationship but makes it immediately unavailable for the public. The Become a member page relationships in Qi 5. Delete a page Deleting content or list records is a two-stage process, as it requires approval. / First you mark an record for deletion by clicking on the icon next to the record name (requires delete permission). Then the icon will turn red, flagging a record for deletion. / A user with approval rights will have to approve the deletion from the Review section of Qi. Clicking again on the red icon will unmark the record as pending deletion. 6. Online/offline Clicking on the green online icon next to an record name will put the record offline and change the icon to red, making it immediately unavailable for the public. Clicking on the same icon, now red, will restore the record online. The list of pages in the Support section/node in Qi Museums Sites / Quick Start Guide/ Revision A 9

10 3 Use templates Learn which are the available templates and how to use them. 1. Introduction On every record of the type page there is a drop field called Template. The template defines the behaviour of the page on your website. These are the templates available: / Home page. Only one page should use this template and should be the only online page in the Homepage section. The page with this template will list all the approved Homepage features. / Landing page. Only one page should use this template on each section. The page with this template will list all the approved Landing page features of this section. / Standard page. You can have as many Standard pages as you want in any section. Pages with this template can have multiple images, documents and relationships. / Browse the collection. Only one page should use this template and should be in the Collection section. The page with this template will list all the approved Collection / Objects. / Search the collection. Only one page should use this template and should be in the Collection section. The page with this template will display a search field to search the collection. / Artists. Only one page should use this template and should be in the Collection section. The page with this template will list all the people which are linked to Collection / Objects with their role defined as Artist. / Themes. Only one page should use this template and should be in the Collection section. The page with this template will list all the approved Collection / Themes. / At a glance. Only one page should use this template and should be in the What s on section. The page with this template will list all the current and upcoming exhibitions and the next 5 events. / Exhibitions. Only one page should use this template and should be in the What s on section. The page with this template will list all the approved current and upcoming exhibitions. / Events. Only one page should use this template and should be in the What s on section. The page with this template will list all the approved current and upcoming events. / Contact Us. Only one page should use this template and should be in the About section. The page with this template will display the Contact us form. / News. Only one page should use this template and should be in the About section. The page with this template will list all the approved and online news. Museums Sites / Quick Start Guide/ Revision A 10

11 The list of templates in a record in Qi The Homepage template wireframe, design for desktop and design for mobile To see the design for all the available templates go to Museums Sites / Quick Start Guide/ Revision A 11