the User Manual
Contents
1. Insert Document x To insert a document into your page place the cursor where l URL you would like a link to the document to go and select the T Browse Description Insert Document button You can enter a URL manually or use the Browse button to OK Cancel upload and select a document from your site X xm DiscoverySquare 2012 www discoverysquare co uk How to Edit Your Website 13 IMAGES To insert an image into your page place the cursor where you Insert Edit Image x would like the image to appear and select the Insert Image Insert Edit image Image URL E button Image Description e Alignment NotSet v The minimum requirements to insert an image are the Image Se Zi ee Dimensions x URL and the Image Description You can enter a URL Border manually or use the Browse button to upload and select an Vertical Space image from your site Horizontal Space If you choose to set the Alignment the image will align itself accordingly in your content Insert Cancel When working with Dimensions keep in mind that changing these values will not affect the actual file size of the image Because of this larger images should be physically resized and re uploaded to your site The remaining values are Border which controls the width of the border in pixels and Vertical Space and Horizontal Space which affect the margin around the top bottom and left right of2. PUBLISHING When you are done editing you can publish your changes to the web by selecting the Publish Publish button Your changes will be published immediately so make sure you are truly ready to publish before doing so DiscoverySquare 2012 www discoverysquare co uk How to Edit Your Website 10 The Rich text Editor B I U 235S dp i x EE NX le The Rich text Editor appears when you select Paragraph e Syies e FortFamiy Forte ELA Um E certain types of content regions You will spend Let s Edit This most of your time using this tool The following is E J ludico homero soleat nec no Pro et liber ancillae luptatum virtute ancillae platonem ad cum Posse vivendum an an exam P e of th e ri ch text ed ItO r sh Owl ng all usu ex eirmod fabellas elaboraret eam Ex vis augue doctus tritani sed velit solet ut dolorum debitis adipiscing at options Your version of the editor may look me i i Cu dictas necessitatibus vel no est meis porro quaeque Ut nisl tibique ponderum vis ex justo eleifend mediocrem d iffe re nt d e pe n d l ng O n th e fe atu res yo u r d esign er pro te altera iai An pro cague laboramus persequeris qui ea fuisset maiestatis qui id copiosae accusamus Vix primis torquatos in has enabled Learn More Working with the rich text editor is very similar to working with popular word processing applications The following sections will cover OK Cancel many of
3. This will also keep the design of your pages consistent with the rest of the site At the same time if you make something a heading it should make sense structurally If you re goal is to make the selection bigger and bolder but the result doesn t add structural value to your page it is probably not an appropriate use of a heading DiscoverySquare 2012 www discoverysquare co uk How to Edit Your Website 11 CUSTOM STYLES Your designer may provide you with custom styles to use in your pages If these styles are available you will find them under the Styles dropdown These styles will vary in both name and appearance depending on how your designer has configured them If they are available you can apply them by highlighting the appropriate content selecting the Styles dropdown and selecting the style you want Only one style may be applied at a time You can remove a style by selecting it again from the Styles dropdown LINKS Insert Edit Link x To create a link to one of your pages or to another website highlight the appropriate text and select the Insert Edit Link es 2l n Link URL Link button The Insert Edit Link dialog will appear Target NotSet vJ Tite You can either type in a URL to another website or use Class Not Set the Browse button to select a page from your site Insert Cancel mailto user domain com f To link to an email address
4. more images editable selecting them will bring up the Image Editor You can use the image editor to safely swap out images and crop them without affecting the layout of your page To choose a new image select the Browse button and upload or select an existing file from your site The Full Source Editor This ts an advanced feature that most users will not have or require access to If you are not familiar with HTML CSS JavaScript and server side scripting languages you should probably avoid this feature to prevent damaging your pages To access the Full Source Editor select the Full Source lt gt button You can make changes to any part of the source code using this feature so be extremely cautious unless you know exactly what you are doing Most users should avoid this feature even if it s available 14 Featured Image x URL images butterfly jpg Browse Description Butterfly OK Cancel Keep in mind that revisions are not created when pages are modified using the Full Source Editor so it s important to keep a local backup of your pages if you plan on using this feature DiscoverySquare 2012 www discoverysquare co uk How to Edit Your Website 15 Account You can manage your account settings including your name email password and language settings by selecting the Account tab The Help amp Support section is designed to expedite help requests to your designer When
5. submitting a help request please select the appropriate reason for the request and the affected site Remember to provide as much information as possible to help troubleshoot the problem If necessary include details such as your operating system browser version and any steps they should take to experience 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 DiscoverySquare 2012 www discoverysquare co uk
6. the image respectively In most cases it s perfect find to leave these values empty MEDIA Insert Edit Embedded Media x To insert a video or other media into your page place the Bex CAN Ears cursor where you would like the media object to appear and General Type Video pL File URL select the Insert Media H button Dimensions 320 x 240 V Constrain Proportions Preview This dialog is more complex than prior ones but that s because there are many options when working with media files If you re not sure about something contact your web designer for help The minimum requirements for embedding media are the Type and the File URL fields You can enter a URL manually or use the Browse button to upload and select a media file from your site If necessary you can set the Dimensions and adjust more pond canos settings in the Advanced section HTML SNIPPETS If your designer has enabled this feature you can embed snippets of HTML from other sites into your pages Examples of this include snippets from Google Maps YouTube or any other site that provides embeddable HTML code for sharing content fo To embed content like this into your page select the Insert HTML Snippet paste the HTML code into the resulting dialog and select OK button Simply copy and DiscoverySquare 2012 www discoverysquare co uk How to Edit Your Website The Image Editor If your designer has made one or
7. use the following format You can use the Target dropdown to specify whether or not the link should be opened in a new window If you want a tooltip to appear when someone hovers over the link enter it into the Title field Finally the Class field is used to apply a custom style as mentioned in the previous section Se a To remove a link highlight it and select the Unlink button ANCHORS Insert Edit Anchor x Anchors let you deep link to a specific section of your page To create an anchor place the cursor in front of Insert Edit Anchor the heading that you want to link to and select the Anchor Name Anchor qp button The Insert Edit Anchor dialog anes will appear You will need to select a name for your anchor and it must follow these rules e Names must begin with a letter e Names must contain only A Z 0 9 dashes and underscores e Names cannot contain spaces or other symbols A good example of an anchor for a photo gallery would be photo gallery When linking to anchors in your page you will need to prefix the anchor name with a pound symbol For example to link to the photo gallery anchor your link should look like page html photo gallery DiscoverySquare 2012 www discoverysquare co uk How to Edit Your Website 12 Lists amp INDENTING You can create lists in the rich text editor by selecting the Bulleted List button or the Numbered List iz button To create a new list place
8. DRAFTS PAGE PROPERTIES Page properties include the title description and keywords that are used to tell search engines about each page If your designer has enabled this feature you can change these values for each of your pages by selecting the E Edit Page Properties button Each title should be brief and descriptive to attract potential visitors to your page Descriptions are used by most search engines to give potential visitors more information once you have their attention Keep them short and relevant as you are limited to a varying number of characters depending on each search engine Keywords should be 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 Every time a page is published a revision is created so you can review or revert your changes if the need arises All revisions are stored for a maximum of 180 days You can save your work and finish editing at a later time using drafts To save a draft select the Save Draft V button after you finish editing A draft is essentially a revision that has not been published e jl B e To recall a draft or a revision select the View Revisions button and look for your draft or revision in the resulting list When you click OK the revision will be displayed in the Live Editor It will not be published until you select Publish
9. Dashboard shana secoeees SURE IU bu RPM EM ME MEME m uM MM ME MESE 5 x 6 SBISEUIHS aTa Eaa E EESE S T E T A 6 Lsbelinse PICCE a E MEME E DM E GE 7 NEV PITE a tees 7 BE PC OS TE E E T E A A PEE E A TET 7 Move rr eras cas E E E A E E E E 7 Ed ONS en E EE E E E eee 7 Toe Live E dO eean a E 8 THER H E BNC i eE S E E E 10 Ehe cis e EI DE E 14 The Fulk sour eE A OF grer E E E NE SE E E E EE EA 14 ACCOUN 15 ul E 15 DiscoverySquare 2012 www discoverysquare co uk How to Edit Your Website 3 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 Internet Explorer 7 recommended version 9 e Firefox e Google Chrome e Safari e Opera If you are using Internet Explorer 7 or 8 it is highly recommended to install Chrome Frame when prompted as this will ensure you have access to all possible features In addition you will notice s
10. com 4 pages example website 3 com 20 pages example website 4 com 7 pages example website 5 com 4 pages Simply click on the site that you want to edit to see a list of pages DiscoverySquare 2012 www discoverysquare co uk How to Edit Your Website The Google Analytics Dashboard The Google Analytics Dashboard is an optional feature that may be enabled for one or more of your sites When enabled you can see important visitor information about your site including pageviews geographical data top content and more To access the analytics dashboard look for the View Site Analytics option from the sidebar of your site you don t see this option contact your designer to see if it can be enabled Here is an example of what the analytics dashboard looks like Overview E Visitors Content Traffic J Technical LN Lo Visitor Overview 7 500 5 000 BB Pageviews Bl visits 72 708 64 26 Traffic Sources Visits Bounce Rate e Search Engines 131 037 0 01 50 i Direct Traffic Pageviews Average Time on Site ll Feeds Twitter 1 80 73 77 Pages per Visit New Visits There are many reports available through the analytics dashboard e Overview e Visitors o Continent shows traffic by continent Country shows traffic by country City shows traffic by city Language shows what languages your visitors use O O O O Length of Visit shows how long visitors stay on your site o Depth of Visi
11. discovery square n How o Edit Your Website BH H 29 AA m m m m m A guide to using your Content Management System BEN sites cxampie webste ner_ x Yaad A Q f client cms com edit 1046 WIN User s Manual Sites example website net Homepage Ten pany b X Lj Publish Example Website Just another great example website to learn from HOME SERVICES SUPPORT ABOUT CONTACT L Lets Edit This 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 How to Edit Your Website 2 Table of Contents elu V 3 Accessing the CMS ed ee eee eee 3 Ford cs cea ec re anne cee 4 Sette Your Lane Ware Pre rN B erp En uibus eeshusche impo Mi E E NEE D tuu UED UM UN MEE 4 avc adi Your cct arr P 4 Jj m 4 eI SUS A ICO t 4 The Goosle Analytics
12. e very careful and make sure that you really want to delete a page for good before doing so To delete a page select the Delete e button You will be prompted to confirm your action before the page is deleted Moving Pages If your designer has enabled this feature you can move pages from one folder to another To move a 3 page select the Move button Navigate to the folder that you want to page to be moved to and select OK Be very careful when moving pages as this will cause their URLs to change and may break any links that have been made to them You may wish to consult your designer before using this feature DiscoverySquare 2012 www discoverysquare co uk How to Edit Your Website The Live Editor Once you ve selected a page to edit you will be taken to the Live Editor The Live Editor is a non functional version of your page that will show you what your page will look like once it is published By design you will not be able to interact with your page in the Live Editor That is you will not be able to follow links click buttons etc Here is what the Live Editor looks like with an example site User s Manual Sites example website net Homepage gt amp gt amp io o X la Publish Example Website 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 pla
13. ignificant visual enhancements and performance increases To access the CMS navigate to the following URL in your browser http cms discoverysquare co uk You should see the following login form Login Email pO Password _ Remember me forgot my password amp Login English DiscoverySquare 2012 www discoverysquare co uk How to Edit Your Website 4 Logging In To login use your email address and password You may have received a password via email already If not contact your designer Setting Your Language Preference You can set your language preference from the login screen and also from the 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 forgot my password Simply enter your email address and the CAPTCHA code and a new password will be sent to you If you don t see the email within a few minutes please check your spam folder Selecting a Site The CMS is capable of managing multiple websites so if you have access to more than one you will see a list of them when you login At any time you can select the Sites tab to come back to this list If you only have one site you will be taken directly to that site instead Sites 5 a example website 1 com 4 pages example website 2
14. mply click on it This will take you to the Live Editor described in the next section DiscoverySquare 2012 www discoverysquare co uk How to Edit Your Website 7 Labeling Pages T Page labels are used to identify pages inside the CMS To change a page label select the Relabel button You will be prompted to enter a new label for the page Remember that labels are only used inside of the CMS and have no effect on the live page Creating Pages ET If your designer has enabled this feature you can create Label pages using templates To create a new page select Create PO a New Page from the sidebar Template nmerPage J Enter a label and select the appropriate template from the Create page in this folder resulting dialog If necessary select a folder in which to mm documents create the new page d bec Lj includes When creating pages please select brief and descriptive labels E media The label you select will be converted to a web safe filename e aboutphp For example the label About Us will become about us html 9 PnP amp favicon gif l l favicon Please be attentive when creating pages and make certain to aia e index php place them in the most appropriate folders to keep your site jj services php organized l supportphp Deleting Pages If your designer has enabled this feature you can delete pages from your site This action is permanent and cannot be undone so b
15. t shows how many pages visitors access while on your site e Content o 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 O O O Second Page Visited shows the second page that visitors go to on your site DiscoverySquare 2012 www discoverysquare co uk How to Edit Your Website 6 e Traffic o Keyword shows which keywords visitors used to find your site o Traffic Sources shows where the traffic to your site comes from o Referring URLs shows where visitors were immediately before your site e Technical o Browser shows which browsers your visitors use Browser Version same as Browser but organized by version Operating System shows which operating systems your visitors use Operating System Version same as Operating System but organized by version Screen Color shows the color depth of visitors devices O O O 0 Screen Resolution shows the screen size of visitors devices Selecting a Page This section shows all the pages on your site that you can edit Depending on your account privileges the options you see in the CMS may differ from those shown below Pages 5 a e B e oona elole a c IBe Mieebocinnes 2 J J e Messen B e To select a page to edit si
16. the cursor in an empty paragraph and select the appropriate button To turn one or more paragraphs into a list highlight them and the select the appropriate button To change the level of a list item use the Indent and Outdent buttons TABLES You can edit tables in the rich text editor very easily To change the content of a cell simply select it and m edit it like any other part of the page For more complex table editing use the Table button The left side of the button will insert or edit a table while the right side of the button shows options for working with rows columns and cells REPEATABLE REGIONS Your designer may configure Repeatable Regions on one or more of your pages These are useful for many things but essentially they allow you to add remove and reorder structured sections of your page very easily When your cursor is inside of a repeatable region the repeatable region buttons become available You can usually tell a repeatable region by the dashed borders they have that turn solid when you select them To add a new region select an existing region and click the Add Region button To delete one select the Delete Region button You can also move regions up and down to reorder them Here are some keyboard shortcuts that you can use while working with repeatable regions e Add Region ALT e Delete Region ALT e Move Region Up ALT UP e Move Region Down ALT DOWN DOCUMENTS
17. the most common features you will use UNDO amp REDO The Undo and Redo lt buttons let you step through your changes while editing You can also use CTRL Z to undo and CTRL Y to redo if you prefer to use the keyboard Mac users should replace CTRL with CMD TEXT FORMATTING As in many popular word processing applications you can change the format of text by selecting one or more characters and clicking on the appropriate formatting option For example if you want to make DPI B e something bold or italic highlight the appropriate text and select the Bold or Italic button You can also underline text select a different font specify the size of the font and add a foreground and background color using the toolbar Most users expect underlined text on your pages to be links While this option may be available to you it is generally not recommended to use in most situations as it may confuse users TEXT ALIGNMENT You can justify your text in four different ways Align Left Align Center Align Right and Align Full Simply highlight the paragraph s you want to align and select the appropriate button from the toolbar STRUCTURING YOUR CONTENT The Format dropdown lets you structure your content using headings paragraphs and other types of block level elements These elements help keep your page organized so make sure you use headings instead of just highlighting a line of text changing its size and making it bold
18. tonem 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 SELECTING A CONTENT REGION Editable content regions are indicated by an edit bubble in the Live Editor It is normal for some sections of your page to not be editable Please contact your designer for any changes that cannot be made using the Live Editor As you hover over a content region the Live Editor will focus on that area to highlight the region To edit the region simply click on it If a region is hidden you can select it using the Region Selection button in the toolbar DiscoverySquare 2012 www discoverysquare co uk How to Edit Your Website Edit Page Properties Title Example Website Description This is a description of your site Keep it brief and relevant to that content that is on the page you are editing Keywords example website tutorial help Search Engine Preview Example Website This is a description of your site Keep it brief and relevant to that content that is on the page you are editing http example website net index php W OK 3 Cancel REVISIONS amp
Download Pdf Manuals
Related Search