Support/ User guide HMA Content Management System
Contents
1. HMA Digital Marketing Support User guide HMA Content Management System www hma co uk HMA Digital Marketing Contents Access Page 3 Editing Pages Page 4 Adding Editing Text Page 7 Adding Editing Images Page 9 Adding Editing Files Page 11 Adding a Page Page 12 Homepage News Page 14 Image Library Page 15 File Library Page 16 www hma co uk Access To log in to the Content Management System visit http www yourURL co uk manage Login aspx The content management system is a Javascript based application In this respect some proxy servers may block access initially In this situation please contact your IT department and ask them to ensure the domain name of the website is added to your safe list to ensure access A sample of the log in screen is below for reference AHMA Remember Username You should have been supplied with a Username and Password to access the site If you do not have these or would like the details to be reset at any point or have any questions about the CMS in general please contact HMA on 01226 209450 or email enquiries hma co uk Editing Pages Once logged in the page structure on the left hand side represents the navigation on the website The 4 University HMP u Sheffield f mage Library Ej File Library Currently logged in as hma Theme Default Blue v il Logout Site Pages Welcome Sj Site Root E Home Welcome to the HMA Content Man2. a folder e The page will not be shown in the site s menu e The page will not redirect to a seperate page e The page will use the News Detail template If you are happy with these details please dick Finish to add this page to the site otherwise please dick Previous to correct any errors All pages added will automatically be hidden from the site until populated You can unhide a page by unticking the Is Hidden and ticking the Is Approved box on the Generic Page Information section e Hints and Tips If adding a page similar to one that has already been created copy the Template and format of that page when creating the new one Pages can be deleted by right clicking on the page and selecting Delete Page Pages can be moved up and down using a drag and drop facility If you need to change the file name of a page then right click on the page and left click on Change Page File Name If you need to change the Page details of a page you have created right click on the page in the navigation and then left click on Edit Page This will then take you to a box where you can o Add a redirect Choose to open the redirect in a new window Make the page a folder Hide Subpages Change the page to show in menu O O O Remember to always Save Changes in the bottom right hand corner Homepage News The news item that appears on the homepage is the news story that appears at the top of the list in the News a
3. a new window or Open link in the same window See hints amp Tips on page 8 Click Update save changes and check 11 Adding a Page To add a page to the site e Right click on the relevant folder on the right hand side to add it to e Left click to select Add Page University HMP _ 3 of Sheffield f mage Library Ej File Library Currently logged in as hma Theme Default Blue vw i Logout Site Pages Welcome 353 Site Root E Home Welcome to the HMA Content Management System 3 E About Us I Facilities 3 News amp Even T Shetfieid J Ld Add Pogo E CSI Centre Edit Page E New Comf st Change Page Filename E NAMRC Bu Gj Delete Page 2 Two OBE Z Composites at Sheffield take off I Ballistic and Smart E Contact Us D Accessibility Enter the following information as requested e Page Details Page Name Should contain alphanumeric characters only do not include any characters such as amp etc Make Page a Folder this should be selected if the menu item should automatically take the user to the first sub page in the folder i e About Us may be a folder which goes automatically to an Introduction page Show in menu Select Yes if it should appear in the navigation Select No if the item appears within the page Hide Child Pages select this if you automatically want to hide any sub navigation items at once 12 B HMA CMS Ad
4. agement System 3 E About Us I Facilit Facilities a C News amp Events Contact Us Accessibility Where sub pages are present the sign to the left of each folder can be clicked on to reveal these To edit a page e Left click on the page you wish to edit This will then reveal current and previous versions of the page e Left click on the version you wish to edit More often than not this will be the top live version e Click the Edit Page Version button f NM A Microsoft Welcome to the HMA Content Management System E Choose Page Version x aa News amp Events Page Versions Approved Future Versions n Approved Live Name Publish Date By m ymposit Sheffield welcomes you to 14 Feb 2011 4 54 pm hma m uildint amp Sheffield welcomes you to 14 Feb 2011 12 33 pm hma Es affiliated with x Sheffield welcomes you to 14 Feb 2011 11 49 am hma Daren Ek oki te Sheffield welcomes you to 11 Feb 2011 3 26 pm hma g bat X Q Sheffield welcomes you to 11 Feb 2011 3 26 pm hma Edit Page Version Preview Page Version Change Definition Ordering As there is no hierarchy of access to this CMS the Approved Future Versions functionality is not in use e Page information will be displayed on the screen in a tabbed format ready for editing Please note that multiple pages can be edited at the same time e Generic Page Information will general
5. ally select the address click on the link tool and insert the mailto emailaddress domainname co uk the mailto element is essential to ensure the system knows it s an email address and not a website link When entering content into the content box if you return after the last line and then delete that return this will ensure that the formatting is changed from format to paragraph and so will render correctly on the front end If the formatting of an update looks strange visit the HTML button in the relevant text area to check that no untoward formatting has been copied over If in doubt copy the text and paste it into the HTML area to re format lt p gt and lt p gt tags are relevant and are ok to be in the HTML area Adding Editing Images When a template provides the ability to add edit an image a separate tab will appear when editing the page To add an image to a page e Edit the page as instructed in section 1 e Within the Images section of the page this can sometimes be within another tab say main content for example left click Add New Image this will bring up the image library See Image Library for more information e If the image has already been uploaded it can be used in multiple places search and select the image you want click ok and insert an appropriate Picture Label this is inserted for accessibility reasons It should contain alphanumeric characters only and describe the con
6. category of your choice 15 File Library Choose a File x Categories B B ia Filter Type here to filter t HEJ General l No files match the specified filter 2 Downloads Eg ga E cA Pag 1 of i No files to display Use Selected Cancel Here is where you can store and manage all your files e Click to add new files e Click z to edit selected file e Click Ld to delete selected file e Click to create a link for a selected file you can use this link within content add it to text etc Use the filter option to search for the file you need but to make it easier you can categorise your files into folders e Under Categories on the left hand side click E to add a new folder e Click s to edit a folder e Click o to delete folder Once you have your folder categories created when adding a file or editing a file you can add them to the category of your choice 16
7. d New Page t Page Name Would you like this page to automatically redirect to its first child page Make page a folder No vw Please enter the title of the new page you are adding 27 Would like this page to appear in the sites navigation Show in menu Redirect Yes Hide child pages No vw vw Would like to prevent any of this pages child pages from showing in the menu Cancel Enter a destination URL with the http prefix if the menu item should redirect to another page within the website or even a 3 party site Open ina New Window if the redirect is to a third party website Q HMA CMS Add New Page 4 Redirect Url Open in a new window No Would you like this redirect to open in a new window w lt Previous If you would like this page to redirect to another please enter the URL below Next gt Cancel Template will depend on what type of page you are adding News detail _ HMA CMS Add New Page About Us News Detail Home Partners lt Previous 13 Please choose the template for this page from the selection below Contact Next gt m Cancel e Summary review the page you ve added before confirming to proceed HMA CMS Add New Page x t New Page Summary You will be adding a page with the following details e The page will be called test e The page will not be
8. e image sits on the site the system will do one of two things 1 Crop the image to the relevant size the system will automatically retain one of the proportions of the image in relation to the original size and then centrally crop the other dimension 2 Resize to fit into the appropriate area normally to a fixed width with variable height e File names and Picture Labels should contain alphanumeric characters only do not include any characters such as amp in these There are more buttons within the Image Library that we haven t covered here Please see Image Library section for more details 10 Adding Editing Files To create a link to a file from text you need to 1 Add the file to the File Library 2 Find the file within the library and select the file highlighting it Click to reveal the window below O File Download Link x The selected file can be downloaded from the following URL http preview11 hma co uk downloads 6 0 Device Fabrication Sheffield pdf aspx OK Highlight the files address and copy ctrl C Open the Content Block for the text you want to edit See page 7 Highlight the text you want to be a link within the Content Block and select the button to reveal Insert edit link x Insert edit link Link URL Target Open linkin a newvindow lt Title Paste the link into the Link URL field and enter a suitable title in the Title field Select Open link in
9. herefore you will only be able to edit content in the News Article tab of the News Detail template Adding Editing Text Where a template provides the ability to add edit text this will be done in one of two ways e PLAIN TEXT FIELD There are no formatting tools available on these areas for one of two reasons The text automatically generates a graphic on the front end for which formatting will become redundant The style set on the front end is conducive to search engines crawling the site and as such formatting tools would overwrite this style The VID Microsoft Sq University ERTIFIEL X u v3 Of Sheffield ta Image Library B File Library Currently logged in as hma Theme Default Blue v a Logout Site Pages hl Welcome B Sheffield welcomes you to Cambridge Sj Site Root Generic Page Information News Article E Home i A a C About Us News Details B Facies Headi Sheffield wel to Cambrid ing m mbr JE News amp Events eading emeid welcomes you to ge 2 Sheffield welcomes you to Cam Summary I CSI Centre in Bioincubator E New Composite Centre New Co B NAMRC Building Site Z Two OBEs affiliated with Compc 2 Composites at Sheffield take off I Ballistic and Smart E Contact Us Body Copy D Accessibility Add New Content Block Edit Content Block T l Sj Delete Content Block CSI Centre and Cambridge University have organised a joint conference
10. hoose this option View Page and Close Shows you a preview of the page you have edited within the CMS When you close this it won t need closing elsewhere Close Just closes the page with no preview option Always remember to check the front end of the website once changes have been made to ensure the formatting and content is correct A The 4 University HMP Sheffield f mage Library File Library Currently logged in as hma Theme Default Blue v Logout Site Pages Welcome B Sheffield welcomes you to Cambridge 3 63 Site Root 39 Generic Page Information News Artide B Home l a C About Us Page Information B Template Currently set to News g News amp Events Detail 3 Sheffield welcomes you to Cam Change Template B CS Conie m PRE HTML Title Sheffield welcomes you to Cambridge E New Composite Centre New Co gt NAMRC Building Site Nav Title Sheffield welcomes you to Cambridge Two OBEs affiliated with Compc Page Title Sheffield welcomes you to Cambridge Z Composites at Sheffield take off 3 Ballistic and Smart Meta Enter Meta Content Tags here les Halstic a ai Content E Contact Us D Accessibility Meta Enter Meta Description Tags here Description Publishing Information Start Date 16 02 2011 Ca Start Time 09 25 v End Date ca End Time v Is Hidden Is Approved V m s Ejsave Changes le Preview Changes News amp Events is the only content manageable page t
11. in the field of composite materials Deformation and Fracture of Composites Celebrating 20 years and Structural Integrity 5 DFC11 S15 DFC11 S15 website Add New Content Block F T 4 Gi m The Conference will be held in Queens College Cambridge with the welcome reception at 7pm on 12th April 2011 The College situated along the picturesque Backs on the River Cam was founded in 1448 and offers the very best of conference facilities of any of Cambridge s most conducive of historic Colleges The Meeting will take place at the Fitzpatrick Hall The Conference Dinner to mark the retirement of Dr Peter Beaumont Cambridge Don will be held in The Old Hall dined in by Fellows and students for over 500 years Image ig Add New Image Ej T 4 on ni Cambridge br 4 m p 44 Save Changes A Preview Changes e CONTENT BLOCK Microsoft based formatting tools available To add or edit content this way click on the Add New Content Block or to edit click on the content block you wish to edit and click the Edit Content Block button Edit Content x The Conference will be held in Queens College Cambridge with the welcome reception at 7pm on 12th April 2011 The College situated along the picturesque Backs on the River Cam was founded in 1448 and offers the very best of conference facilities of any of Cambridge s most conducive of historic Colleges The Meeting will take place at the Fitzpatric
12. k Hall The Conference Dinner to mark the retirement of Dr Peter Beaumont Cambridge Don will be held in The Old Hall dined in by Fellows and students for over 500 years Format A B I U a s 3 HTML Update Content Cancel Where you can change the format of your text whether it be to a title etc A Change the colour of the text B Z U Bold Italics Underline Strikethrough Add a link to highlighted text within the content box i Bullets Numbering Back Forward BE if you are copying text from other places say a word document or email or another site then you will need to strip it of its current formatting To do this paste the text into this HTML box and then click update Your content will be added and you will need to add your format to it This ensures it looks correctly on the front end e a 37 3 gt ram These buttons are for use whilst adding or editing tables If you hover over the buttons they will inform you of what they do they are standard table buttons Hints and Tips When using the CMS in Internet Explorer links to website and email addresses are automatically formatted as in Microsoft Word If inserting a link manually ensure you select the text click on the link tool and insert the relevant information Pages within the website should open in the same window Links to 3 party sites should open in a new window If inserting an email address manu
13. ly remain the same throughout the update process below are details of the relevant fields in this area Template The page style that is used this should be selected carefully when adding a page however mistakes can be rectified by using this facility HTML Title the title that appears at the top of your browser above the address bar Nav Title the text that appears in menu on the website Because the top level of navigation is graphical only the sub navigation items can be edited in this respect Page Title the text that appears on the page If there is a Title field within the Main Content area this will take precedence over the Generic Page Information Meta Content used by Search Engines Should contain comma separated key phrases relating to that page Meta Description used by Search Engines Should contain a short description of the content on that page Publishing information Start date time set a page to go live in the future End date time set a page to be removed in the future Is Hidden should be ticked if the page should not be displayed on the website Is Approved should be ticked if the page should be displayed on the website e Left click Save Changes bottom right hand corner for changes to take effect The Save Changes will take you to one last box View Page Shows a preview of the page you have edited within the CMS You will still need to close this page if you c
14. mp Events folder in the content management system To change this select the relevant news story and drag and drop it to the top of the folder See position of Sheffield welcomes news story in screenshot below Site Pages Welcome 33 Site Root E Home Welcome to the HMA Content Management System a About Us 2 Facilities J amp E News amp Events B Sheffield welcomes you to Cambridge E CSI Centre in Biolncubator E New Composite Centre New Collaborations E NAMRC Building Site 14 Image Library Choose an Image Categories I General I Central B Rotating Eg a Eg 2 B Ha r En 3 en Cambridge br Cambridge jpg Bronwyn Fox a Geoffrey jpg NAMRC buildi 1 of1 amp CSIC in Biol Filter Type here to filter by name CSIC_amrc jpg Displaying images 1 70f7 Use Selected Cancel Here is where you can store and manage all your images e Click to add new images e Click z to edit selected image e Click to delete selected image e Click to create a link for a selected image Use the filter option to search for the image you need but to make it easier you can categorise your images into folders e Under Categories on the left hand side click E to add a new folder e Click Pr to edit a folder e Click Eg to delete folder Once you have your folder categories created when adding an image or editing an image you can add them to the
15. tent of the image e If the image needs to be uploaded please see image below Left click Left click Add File Select file from your computer Assign the image to a category please see Image Library for more details and insert a short description if applicable This can be repeated as many times as necessary to create a list of images to upload Left click Upload and wait for confirmation that this process is complete Close the Upload dialog box which will return you to the image library Select the image you wish to use either by browsing searching by category or filtering by the first few letters of the file name Left click Use Selected and insert an appropriate Picture Label Choose an Image x Categories Ea ig fa Filter Type here to filter by name C General e m s Ge g 2 3 Bronwyn Fox Cambridge br Cambridge jpg CSIC in Biol CSIC_amrc jpg gt Geoffrey jpg NAMRC buildi 2 g M amp Eg a Eg Displaying images 1 7 of 7 Use Selected Cancel Hints and Tips e Only upload RGB jpegs to the system this is the best format for web use e The system stores all original versions of images and then resizes and scales to a web ready format suitable for anywhere on the website In this respect it is advised that you upload low resolution shots to the system to effectively manage the space you take up on our web server e Depending on where th
Download Pdf Manuals
Related Search