user manual - Documentation
Contents
1. Delete To permanently remove a page from your server select the Delete option The page will be removed from the CMS and deleted from the server Be careful when deleting pages from your site this cannot be undone If you re not sure about deleting a page ask us first Editing Once you ve selected a page to edit you will be taken to the Live Editor The Live Editor is a limited version of your page that lets you edit content and shows what changes will look like once they re published By design you will not be able to follow links or navigate away from the page while editing your site in the Live Editor Editable Regions are sections of the page that have been enabled for editing They are indicated by gray edit 9 LOREM IPSUM DOLOR SED UT PERSPICIATIS UNDE OMNIS ISTE Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea Nemo enim ipsam voluptatem quia commodo consequat Duis aute irure dolor in reprehenderit in voluptate velit esse cillum voluptas sit aspernatur aut odit aut fugit dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident sunt in sed quia consequuntur magni dolores eos culpa qui officia deserunt mollit anim id est laborum qui ratione voluptatem sequi nesciunt At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium Neque porro quisquam est qui dolorem voluptatum deleniti atque corrupti quos dolores et quas2. MS made easy How to Edit Your Website A guide to using your CMSmadeeasy eco j Sites example website ne Q fF dclient cms com edit 1046 A User s Manual Sites example website net Homepage m9 Rol X kj Publish Example Website e Just another great example website to learn from HOME SERVICES SUPPORT ABOUT CONTACT ludico homero soleat nec no Pro et liber ancillae luptatum virtute ancillae platonem ad cum Posse vivendum an usu ex eirmod fabellas elaboraret eam Ex vis augue doctus tritani sed velit solet ut dolorum debitis adipiscing at nec Cu dictas necessitatibus vel no est meis porro quaeque Ut nisl tibique ponderum vis ex justo eleifend mediocrem pro te altera option eum An pro tibique laboramus persequeris qui ea fuisset maiestatis qui id copiosae accusamus Vix primis torquatos in CMSmadeeasy com How to Edit Your Website A guide to using your CMSmadeeasy Overview Accessing the CMS Choosing Your Language Resetting Your Password Sites Favorites Pages Creating Pages Managing Files Viewing Analytics Page Options Editing Editing Content Editing Page Properties Publishing Pages Settings Updating Your Personal Info Help Submitting a Help Request CMSmadeeasy com 9 0 00 tA tA tA Aa 4 10 10 15 15 17 17 18 18 Overview This manual will help you edit your website using the Content Management System A content management system or
3. CMS pronounced C M S is any software that gives you the ability to update content on your website Accessing the CMS To access the CMS you will need a web browser and an Internet connection All modern browsers are supported including Google Chrome e Firefox Internet Explorer 8 for a better experience use Internet Explorer 10 or above Opera e Safari To access the CMS navigate to the following website in your browser http www cmsmadeeasy com login The login page will appear To login use your email address and password Choosing Your Language You can set your language preference from the login page and in the Settings gt Account section Your language preference will be saved in a cookie on your computer so if you use another computer or clear your cookies you will need to set it again Resetting Your Password If you forget your password you can reset it by selecting Forgotten password from the login page The Reset Reset Password Email Security Code Q tkJ2m Password page will appear enter details and we will send an email CMSmadeeasy com Sites The first page you will see when you login will be the Sites page Since the CMS is capable of managing multiple websites your list will contain all of the sites you have access to At any time you can select the Sites tab to come your first website com your second website com your third website com back to this list To
4. edit a site select the appropriate one from the list This will take you to the Pages page where a list of pages you can edit will be shown Favorites If you have access to more than one site you may want to star the ones you ll be working with frequently for Favorites your favorite website com v your first website com your second website com your third website net easier access Sites in your Favorites list will appear on the left side of the Sites page To remove a site from your Favorites just unstar it CMSmadeeasy com Page 4 Pages Once you ve selected a site for editing you will be taken to the Pages page This section shows all the pages on What would you like to do Create a New Page Manage Files About View Analytics Visit Website Contact Homepage Services your site that you are able to edit To edit a page select its label from the list The sidebar on the left may have different options depending on how we setup your site If you don t see an option mentioned here it is not enabled for your site Creating Pages To create a new page select Create a New Page from the sidebar or select E3 This will bring up the Create a New Page dialog The following information is needed to create a page Label A short descriptive name for the page that will only be used to reference it inside the CMS Filename The name of the new page without an extension By default the
5. your changes at a specific date and time To Auto publish a page go to ES and select Auto publish This will bring up the Auto publish dialog Enter the date and time that you want your changes to be published and select Auto publish CMSmadeeasy com Auto publish When would you like this page to be published Date Time 2014 06 05 12 00 Cancel Auto publish Page 15 v publishing and you can safely exit the editor When you see the symbol appear in the center of your screen your changes have been scheduled for If you want to save your changes but don t want to publish them to the live site yet you can save a Draft To save a draft go to ES and select Save Draft When you see the v symbol appear in the center of your screen your draft has been saved and you can safely exit the editor The next time you open the page for editing you ll be asked if you want to resume editing the draft You can also access it by going to Edit View Revisions i i ind View Revisions Every time a page is saved in the CMS a Revision is created You can view all the revisions of a page by 15 minutes ago Draft Katie Clark going to Edit View Revisions This will bring up the 4 hours ago History Joey Johnson View Revisions dialog z 1 day ago History Katie Clark To open a revision for editing simply select it from the list Delete Delete Delete Close You can also delete revisions you no long
6. dow check the Open in a new window box When you re finished select Submit to create the link CMSmadeeasy com Page 11 To edit an existing link place your cursor on it and select Insert gt Link You can save time and bypass the Insert menu by using CMD K Mac or CTRL K Windows Linux to insert and edit links To insert an image place your cursor inside an Image Editable Region go to um and select Image This will bring up the mage dialog m Description Enter a URL or select to browse for a file on your server After a URL has been entered a preview of your image will appear on the right side of the dialog Het Providing a Description is recommended as this will a eae HMM D aide users who have images disabled users with text based browsers and users with disabilities that prevent them from seeing images Sansa Submit Once you ve entered a URL and a description select Submit to insert the image into your page To edit an existing image place your cursor on it and select Insert gt Image or double click on it If desired you can crop an image by dragging a selection over the preview in the mage dialog When an image is cropped the original file is left intact and a new one is created By default images will be physically resized when a smaller width or height is entered This optimizes them so they load faster but the option can be disabled by unchecking the Resize image fo
7. er need Just remember that once a revision is deleted there s absolutely no way to get it back CMSmadeeasy com Page 16 Settings Updating Your Personal Info Account Name Options Katie Clark Email Change Password katie example com s adsis Je Change Language English lt gt You can manage your account settings by selecting Settings from the main menu To make changes simply update your name email and or language and select Update You can also change your password by selecting the Change button on the right side of the page Your language preference will be saved in a cookie on your computer so if you use another computer or clear your cookies you will need to set it again CMSmadeeasy com Page 17 Help Submitting a Help Request The Help section is designed to expedite help requests To submit a help request select Help from the main menu When submitting a request please select the appropriate reason for the request and the affected site Remember to provide as much information as possible to help troubleshoot your problem If necessary include details such as your operating system e g Windows or Mac your browser browser version and any steps they should take to reproduce the problem In most cases your designer will respond to you via email Feel free to write them back by replying directly from your email client CMSmadeeasy com Page 18
8. highlight the I italic L desired text and select 7 The Text Formatting menu will appear Select the i Underline desired format and it will be applied to the highlighted text alae x Subscript x Superscript To remove a format select it again from the Text Formatting menu To remove all im formatting select Remove Formatting A Font Styles amp Custom Styles If we enabled Font Styles you can use this option to change the font size color and background color of text Remove Formatting Similarly you can use Custom Styles to select from a list of predefined styles if your website has them On websites underlining text is typically reserved for hyperlinks and may be considered bad usability When you need to emphasize text consider using bold or italic instead Use the Alignment buttons in the Live Editor s toolbar to align text left right center or justified You can also use the alignment buttons to float an image left or right L i lul lil Use the List buttons in the Live Editor s toolbar to create ordered and unordered lists Make nested lists using the ndent and Outdent buttons Link To insert a link to another page or file highlight the B desired text go to m and select Link This will Lu bring up the Link dialog Open in a new window Enter a URL or select to browse for a file on Cancel Submit your server If you d like the link to open in a new win
9. led View Analytics Selecting Overview Visitors Content Traffic Technical 2013 04 01 2013 04 30 Visitor Overview 009 9 489 9 488 9 488 Bl Pageviews visits Traffic Sources 51 494 72 0 Visits Bounce Rate Direct Traffic 84 818 0 01 23 Pageviews Average Time on Site Referring Sites 83 41 83 4 Search Engines d Pages per Visit New Visits this link will bring up the Analytics Dashboard There are many reports available in the Analytics Dashboard Overview Shows an at a glance view of your traffic for the specified date range Visitors Continent shows traffic by continent Country shows traffic by country City shows traffic by city Language shows what languages visitors use Length of Visit shows how long visitors stay on your site Depth of Visit shows how many pages visitors access while on your site Content Top Content by Path shows the path of the most popular pages on your site Top Content by Title shows the title of the most popular pages on your site Top Landing Pages shows which pages users come to first on your site Top Exit Pages shows which pages users leave your site from Second Page Visited shows the second page that visitors go to on your site Traffic CMSmadeeasy com Page 8 Keyword shows which keywords visitors used to find your site Traffic Source shows where the traffic to your site comes f
10. ll bring up the Gallery dialog You can add photos by selecting the Add to Gallery link To highlight a thumbnail click or tap on it To select more than one thumbnail at a time press CMD or CTRL while clicking or tapping You can also select a range of images by holding down SHIFT When a thumbnail is selected the Link and Description fields will become available You can use these fields to customize where each photo links to Gallery a Link Add to Gallery butterfly jpg z Delete from Gallery h Move Up Description b Move Down Butterfly usually the full size version of themselves and the description that visitors will see for each photo To reorder photos highlight one or more thumbnails and select Move Up or Move Down You can also drag and drop on desktop devices To delete photos from the gallery highlight one or more thumbnails and select Delete from Gallery Note that this will not delete any files from your server CMSmadeeasy com Page 14 When you re done editing your gallery select Submit to save your changes Editing Page Properties Page Properties include the Title Description and Keywords that are used to tell search engines information about each page If this feature is enabled you can change these values for each of your pages by going to Edit gt Edit Page Properties This will bring up the Edit Page Properties dialog Title This is usually the first
11. mit Enter a name for your anchor Since anchors must follow a special naming convention the CMS will automatically convert the value you enter into a compatible name Anchors are normally not visible on webpages so once an anchor has been inserted into your page it will appear as a symbol This allows you to identify and edit anchors but the symbol will not appear on the live site To edit an existing anchor place your cursor on it and select Insert Anchor or double click on it To insert a table into your page place your cursor Insert Table inside an Editable Region go to HB Y and select Columns Rows Insert Table This will bring up the nsert Table dialog Header on top Caption Header on left Enter the number of columns and rows for your new table Cancel If you want your table to have a header that spans across the first row of your table check the Header on top box If you want your table to have a header that spans across the first column of your table check the Header on left box To add a caption to your table check the Caption box Once you ve configured the table options select Insert Table to insert the table into your page CMSmadeeasy com Page 13 You can edit existing tables using the Table menu To open it go to and select the appropriate option You can add and remove rows and columns merge and split cells or delete the table entirely Your designer may configure Repeatable Regi
12. molestias excepturi sint ipsum quia dolor sit amet consectetur occaecati cupiditate non provident similique sunt in culpa qui officia deserunt mollitia adipisci velit sed quia non numquam eius animi id est laborum et dolorum fuga Et harum quidem rerum facilis est et expedita modi tempora incidunt ut labore et dolore distinctio magnam aliquam quaerat voluptatem bubbles Editing Content To edit a region select an edit bubble or place your cursor anywhere inside an editable region Depending on the region various features will be made available in the Live Editor s toolbar Headings amp Paragraphs The Paragraph menu lets you format entire blocks of text into headings Heading 1 1 paragraphs block quotes or pre formatted text Heading 2 382 Heading 3 363 CMSmadeeasy com Heading 4 384 Heading 5 d 5 Heading 6 SP6 nmm m ncn m Ee ELO 4 Select the desired heading level and the block your cursor is in will turn into a heading You can also format a To create a heading place your cursor inside an Editable Region and select The Paragraph menu will appear paragraph as a block quote or as pre formatted text To remove a block format place your cursor in the desired block and select Paragraph from the Paragraph menu You can use keyboard shortcuts to create headings quickly Shortcuts appear to the right of each option in the menu Bold B To apply formatting such as bold italic and underline to text
13. mputer for files Once you ve selected one or more files they will begin uploading CMSmadeeasy com Page 6 Please allow sufficient time for uploading to complete especially with larger files Since files are uploaded to the CMS first and then to your website this could take a bit longer than usual The maximum combined file size for uploading is 50MB You can create new folders to help organize files on your server To create a new folder select the New Folder link New Folder The following form will appear Enter a name for the folder and select Create The new folder will then appear in the File Manager Good folder names are short and descriptive Try using all lowercase letters and use dashes or underscores instead of spaces A file can be renamed by checking it off in the File Manager and selecting Rename The following form will Rename index php Cancel Rename appear Enter a name for the file and select Rename Be careful to not remove the file extension Files can be deleted by checking them off in the File Manager and selecting Delete The following confirmation will Are you sure you want to delete the selected files appear To delete the selected files select Delete Be careful when deleting files from your server this cannot be undone CMSmadeeasy com Page 7 Viewing Analytics If we have enabled this feature a link will appear in the sidebar of the Pages page cal
14. name will be generated from the label you enter Template We can include one or more templates that you can use for creating pages Select the one you want to use for your new page See duplicate p9 Folder The location where the page will be created This will be your home folder by default Managing Files CMSmadeeasy com Create a New Page Label Filename Template Inner Page Folder ig documents amp images amp media B src about html contact html index html services html Q Page 5 If we have enabled this feature a link will appear in the sidebar of the Pages page called Manage Files Selecting 8g documents Home Ba images Documents Bg media Images src Media about html contact html Upload l index html New Folder services html Rename Delete Refresh Close this link will bring up the File Manager The File Manager gives you direct access to your web server You can upload delete and rename files You can also create new folders The File Manager features shortcuts that quickly link you to the folders where documents images and media are stored Always try to use these folders to organize your files and refrain from uploading them to the home folder Before you can link to documents images and other files on your site you need to upload them to your server To upload a file select the Upload link A window will appear allowing you to browse your co
15. ons on one or more of your pages These are useful for many things as they allow you to add remove and reorder blocks of content very easily Repeatable Regions are indicated by a thin dashed border When your cursor is inside a Repeatable Region the cum button will become available in the Live Editor s toolbar Selecting this button will bring up the Repeatable Regions menu which has options to add remove and reorder blocks of content FIRST REPEATABLE REGION April 4th Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo SECOND REPEATABLE REGION April 20th Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt THIRD REPEATABLE REGION April 30th Neque porro quisquam est qui dolorem ipsum quia dolor sit amet consectetur adipisci velit sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem If you find yourself working with Repeatable Regions often take note of the shortcut keys shown in the menu They can save you quite a bit of time If your site has a photo gallery your designer may have set it up to be editable in the CMS To edit a photo gallery select it by clicking or tapping on it This wi
16. r smaller file size box When cropping or resizing an image the original file will never be modified Instead a new file will be created with the dimensions appended to the filename This lets you undo your changes anytime by reverting back to the original image To insert a video or audio file into your page place your te cursor inside an Editable Region go to Tr and select Source Advanced Media This will bring up the Media dialog The CMS supports HTMLS videos YouTube videos and Vimeo videos Alternative Source Poster Image Width Height CMSmadeeasy com To insert an HTMLS video or audio file you will need to specify a Source an Alternative Source optional but recommended and a Poster Image optional To maximize browser compatibility for videos use an MP4 format for your Source and a WEBM format for your Alternative Source To insert a YouTube or Vimeo video copy the full URL from your browser s address bar into the Source field You can also paste the embed code into the Embed Code field under the Advanced tab To edit an existing video or audio file place your cursor on it and select Insert Media or double click on it Anchors let you deep link into a specific section of na your page To create an anchor place your cursor in front of the heading you want to link to go to A Name and select Anchor This will bring up the Anchor dialog Cancel Sub
17. rom Referring URLs shows other sites that referred visitors to your site Technical Browser shows which browsers your visitors use Browser Version same as Browser but organized by versions Operating System shows which operating systems your visitors use Operating System Version same as Operating System but organized by versions e Screen Color shows the color depth of visitors devices e Screen Resolution shows the screen size of visitors devices Page Options Each page has a dropdown menu with various options To access the menu select next to the appropriate page About Relabel Contact Duplicate Move Homepage Delete Services The Page Options menu will appear Page labels are used to identify pages inside the CMS To change a page label select the Relabel option and enter a new label for the page This option allows you to create a new page by duplicating an existing one To duplicate a page select the Duplicate option and enter a new page label and filename see Creating Pages for more details Moving pages allows you to organize them in folders To move a page select the Move option You will be prompted to browse for the folder you want to move the page to CMSmadeeasy com Page 9 Be careful when moving pages as this will break any links you have that point to the affected page If you do move a page double check that you ve updated all your links afterwards
18. thing people see when viewing your site in a search engine so make it interesting but not too long Description This typically appears under the Title in Edit Page Properties Title Your Page Title Description This is how your page will look in most major search engines Search Engine Preview Your Page Title This is how your page will look in most major search engines http example website net homepage php a search engine s results Keep them short but relevant Remember that you are limited to a varying number of characters depending on the search engine a potential visitor may be using Keywords A list of comma separated words and phrases that relate to the content of your page You may add as many keywords as you like but three to five are usually sufficient Search Engine Preview This will show you what your page will look like in most major search engines The maximum lengths for titles and descriptions will vary but this will give you a good idea of how potential visitors will see your page when browsing a list of search results Publishing Pages When you re finished editing a page you ll need to publish your changes before they appear on the live version of your site To publish a page go to ES and select Publish When you see the wv symbol appear in the center of your screen your page has been published and you can safely exit the editor You can tell the CMS to publish
Download Pdf Manuals
Related Search