Pages - Surreal CMS
Contents
1. About Relabel Contact Duplicate Move Homepage Delete Services 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 Move 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 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 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 your designer 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 o2. also access it by going to Edit gt View Revisions Every time a page is saved in the CMS a Revision is created You can view all the revisions View Revisions of a page by going to Edit gt View Revisions 15 minutes ago Draft Katie Clark This will bring up the View Revisions dialog 4 hours ago History Joey Johnson 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 longer need Just remember that once a revision is deleted there s absolutely no way to get it back 17 Settings Updating Your Personal Info You can manage your account settings by selecting Settings from the main menu Account Name Options Katie Clark Email Change Password katie example com Change Language English 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 18 Help Submitting a Help Request The Help section is designed to expedite help requests to your designer To submit a help request select Help from the main menu Subject General Questions What site does this issue involve Please provide details about the issu
3. How to Edit Your Website A guide to using your Content Management System Overview Accessing the CMS Choosing Your Language Resetting Your Password Sites Favorites Pages Creating Pages Managing Files Viewing Analytics Page Options Editing O o aoa a A FP W N N N l h Editing Content k O1 Editing Page Properties inal O Publishing Pages 00 Settings wll 10 Updating Your Personal Info Help k Submitting a Help Request Overview This manual will help you edit your website using the Content Management System A content management system or 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 e Google Chrome e Firefox Internet Explorer 8 for a better experience use Internet Explorer 10 or above e Opera e Safari To access the CMS navigate to the following website in your browser http edit content com The login page will appear Login Email Password Remember me English 3 Forgot your password To login use your email address and password You may have already received your password If not contact your designer Choosing Your Language You can set your language preference from the login page and in the Settings gt Account section Your
4. ce optional but recommended and a Poster Image Width Height optional r i pepe r Cancel Submit 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 gt Media or double click on it Anchors let you deep link into a specific section Anchor of your page To create an anchor place your cursor in front of the heading you want to link to Name go to si and select Anchor This will bring up the Anchor dialog EO 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 A will appear as a on the live site symbol This allows you to identify and edit anchors but the symbol will not appear To edit an existing anchor place your cursor on it and select Insert gt Anchor or double click on it To insert a table into your page place your cursor a ase Insert Table inside an Editable Region go to and select Insert Table This will bring up the nser
5. e Send a copy of this request to your email address 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 If you d like to receive a copy of your request via email check the Send a copy of this request to your email box In most cases your designer will respond to you via email Feel free to write them back by replying directly from your email client 19
6. elected a site for editing you will be taken to the Pages page This section shows all the pages on your site that you are able to edit To edit a page select its label from the list What would you like to do Create a New Page Manage Files About View Analytics Visit Website Contact Homepage Services The sidebar on the left may have different options depending on how your designer 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 Create a New Page from the sidebar or select em This will bring up the Create a New Page dialog Label The following information is needed to create a Filename page Template Label A short descriptive name for the page that will only be used to reference it inside the EPN CMS f amp documents amp images inner Page b media Filename The name of the new page without Ba src an extension By default the name will be ia generated from the label you enter contact html index html i services html Template Your designer has included one or more templates that you can use for creating pages Select the one you want to use for your z new page Folder The location where the page will be created This will be your home folder by default Managing Files If your designer has enabled this feature a link will appear in the sidebar of the Pa
7. es 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 appear Rename index php Cancel Rename 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 appear Are you sure you want to delete the selected files To delete the selected files select Delete Be careful when deleting files from your server this cannot be undone If you re not sure about deleting a file ask your designer first Viewing Analytics If your designer has enabled this feature a link will appear in the sidebar of the Pages page called View Analytics Selecting this link will bring up the Analytics Dashboard Overview Visitors Content Traffic Technical 2013 04 01 2013 04 30 Visitor Overview a900 49 2 9 Tu 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 i Pages per Visit New Visits There are many reports available in the Analytics Dashboard Overview e Shows an at a glance view of your traffic for the specified date range e Visitors e Continent sho
8. f the page that have been enabled for editing by your designer They are indicated by gray edit bubbles S LOREM IPSUM DOLOR S 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 quas 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 10 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 The Paragraph menu lets you format entire blocks of tex
9. ges page called Manage Files Selecting this link will bring up the File Manager Bs documents Home Bs images Documents fs media Images Ba src Media about htm contact html Upload l index htm New Folder services htm Rename Delete Refresh Close 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 computer for files Once you ve selected one or more files they will begin uploading 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 The following form will appear New Folder Enter a name for the folder and select Create The new folder will then appear in the File Manager Good folder nam
10. 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 Forgot your password from the login page The Reset Password page will appear Reset Password Email Security Code tkm ic Enter your email address and the security code shown on screen and further instructions will be emailed to you If you don t receive an email after a few minutes please check your junk folder 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 back to this list your first website com your second website com your third website com To 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 easier access Sites in your Favorites list will appear on the left side of the Sites page Favorites your favorite website com Sy your first website com your second website com your third website net To remove a site from your Favorites just unstar it Pages Once you ve s
11. o 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 14 Repeatable Region the 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 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 will bring up the Gallery dialog aa You can add photos by selecting the Add to Gallery link To highlight a thumbnail click or tap on it To 2 i 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 na 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 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 highligh
12. or 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 Vv 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 your changes at Auto publish a specific date and time To Auto publish a page When would you like this page to be published go to ES and select Auto publish This will Date Time bring up the Auto publish dialog 2014 06 05 12 00 Enter the date and time that you want your Cancel Auto publish changes to be published and select Auto publish When you see the Vv symbol appear in the center of your screen your changes have been scheduled for publishing and you can safely exit the editor 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 Vv symbol appear in the center of your screen your draft has been saved and you can safely exit the editor 16 The next time you open the page for editing you ll be asked if you want to resume editing the draft You can
13. recommended as this will aide users who have images disabled users with text based browsers and users with disabilities that prevent them from seeing images anuig Submit M Resize image for smaller file size 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 12 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 for 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 cursor inside an Editable Region go to 5 and select Media This will bring up the Media dialog Source Media Source Advanced The CMS supports HTMLS videos YouTube pee videos and Vimeo videos z To insert an HTML5 video or audio file you will need to specify a Source an Alternative Sour
14. s 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 11 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 lil lil To insert a link to another page or file highlight Link the desired text go to F and select Link o This will bring up the Link dialog s Open in a new window Enter a URL or select to browse for a file on your server If you d like the link to open in a new sian las window check the Open in a new window box When you re finished select Submit to create the link 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 Editable Region go to and select Image This will bring up the mage dialog URI Image 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 Width Height Providing a Description is
15. t Table ee dialog Header on top Caption Header on left Enter the number of columns and rows for your new table 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 You can edit existing tables using the Jable menu To open it go to E 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 Regions FIRST REPEATABLE REGION on one or more of your pages These are useful Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque for many things as they allow you to add laudantium totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo remove and reorder blocks of content very easily SECOND REPEATABLE REGION Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt Repeatable Regions are indicated by a thin dashed border When your cursor is inside a THIRD REPEATABLE REGION Neque porr
16. t into headings paragraphs block quotes or pre formatted text Heading 1 Heading 2 To create a heading place your cursor inside an Editable Region and Heading 3 I l l Heading 4 select The Paragraph menu will appear Select the desired heading Heading 5 level and the block your cursor is in will turn into a heading You can also Headings format a paragraph as a block quote or as pre formatted text Paragraph To remove a block format place your cursor in the desired block and 33 Blockquote select Paragraph from the Paragraph menu Preformatted You can use keyboard shortcuts to create headings quickly Shortcuts appear to the right of each option in the menu To apply formatting such as bold italic and underline to text highlight the B Bold desired text and select Av The Text Formatting menu will appear Select the desired format and it will be applied to the highlighted text I Italic U Underline Strikethrough x Subscript To remove a format select it again from the Text Formatting menu To x Superscript remove all formatting select Remove Formatting E Code A Font Styles lf your designer has enabled Font Styles you can use this option to Custom Styles change the font size color and background color of text amp Remove Formatting Similarly you can use Custom Styles to select from a list of predefined styles that your designer has configured On websites underlining text i
17. t one or more thumbnails and select Delete from Gallery Note that this will not delete any files from your server When you re done editing your gallery select Submit to save your changes Editing Page Properties Edit Page Properties Page Properties include the Title Description and Keywords that are used to tell search engines information about each page If your designer has this feature 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 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 Page Properties dialog Title This is usually the first 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 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 maj
18. ws traffic by continent e Country shows traffic by country e City shows traffic by city e 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 e Content e 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 e Traffic Keyword shows which keywords visitors used to find your site Traffic Source shows where the traffic to your site comes from Referring URLs shows other sites that referred visitors to your site e 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 Screen Color shows the color depth of visitors devices 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 The Page Options menu will appear
Download Pdf Manuals
Related Search