Content
Management System
Help
cms.evergreen.edu Tips, tricks and
basic tutorial on
Evergreen’s CMS
Contents
Content Management System Help
Vocabulary Login
Opening a page Editing a page
Creating a new page
Inserting internal and external links Inserting an image
Uploading and linking to a document Uploading a document or image
Publishing content
Editing and publishing a block Checking publisher status
Refreshing a document Renaming pages
1
2
3
4
5-6
7-8
9
10
11
12
13-14
15
16
17
Content Management System Help
1 3
2
4
Navigation Menu
1 2
Asset Tree3
Tabs4
Action BarText Editor Buttons
(most commonly used)LinkAdd Insert
Image Remove
Link Insert
Anchor Edit
HTML Insert Table Insert text
from Word
The CMS interface has four distinct sections.
Vocabulary
Login
Content Management System Help
1.
To login use your Evergreen login username and password.Tip: To login from on-campus type in the web address “CMS” when off-campus use “cms.evergreen.edu.”
Opening a page
Content Management System Help
1.
In the dashboard, select the Starting page or choose the folder you would like to work on by clicking on the plus to expand the “evergreen.edu“ folder in the Asset tree.2.
Once the folder expands, the subfolders and page assets are displayed in the same folder structure as the web server.3.
Select a page in the folder, such as home, which is indicated by the blue page icon to the left of the file name. By default, the web page will display in View mode inside the main system window, just as it would appear online.Icons
(most common)Block Doc, Images or Folder Media file
Web Page Expand
Cancel or Delete Required
Field
Editing a page
Content Management System Help
1.
Click on the page you would like to edit in the Asset tree.2.
Click Edit and edit the content.3.
After you’ve finished editing the page, click Submit to save your changes in the CMS.Note: The submit and cancel button are located below the WYSIWYG (What You See Is What You Get) editor.
4.
Click Publish and then click Submit to publish the page.Creating a new page
Content Management System Help
1.
To create a new page, copy an existing page by selecting a page with similar features as the one you plan to create from the Asset tree.2.
Click Copy, rename the system name. Click submit.4.
If necessary, click System and set the system name. This will be the name of the file in the Asset tree; the folder hierarchy on the left. It will also be part of the web address (make sure the Parent Folder is set to your main folder).3.
With the new page selected, create a title under Edit > Content.Note:
Titles are used as the page title with
“at Evergreen” automatically appended to the end and as the page heading (large red text).
Note:
System names must contain only lowercase alphanumeric letters, numbers and underscores with no spaces or special characters.
Tip: Alternately, click New in the navigation menu and choose Page from the “evergreen.edu” folder.
• Create a title.
• Follow Steps 4–7.
Creating a new page, cont.
Content Management System Help
5.
Click Content to add content to the WYSIWYG (What You See Is What You Get) editor.6.
Click Submit to save your changes (the submit and cancel buttons are located below the WYSIWYG editor).7.
Click the Publish tab and then click Submit to publish the page.Important: Follow through to “Submit” in the Publish tab or the process is not complete. Submitting while in the Edit tab will save the current changes to the CMS, but will not publish them.
Note:
• To save, click Submit while in the Edit tab.
• To save and publish, click Submit in the Edit tab and then click the Publish tab > Submit.
Inserting internal and external links
Content Management System Help
1.
When editing a web page, highlight the word or words to turn into a hyperlink.2.
Click the insert/edit link icon on the toolbar.3.
The insert link window will open with two tabs – one for internal links and one for external.Inserting Internal and external links, cont.
Content Management System Help
Internal Links (links to files you can see in the CMS):
• Make sure the default Internal tab of the insert/edit link window is selected.
• Next to the link field there are two icons – a red cancel/delete icon and a page icon. Click the page icon.
• Select the page or document you want to link to.
• Click Confirm.
• Click Insert.
• The window will close and the link will be created.
External Links (links to pages outside your access in the CMS):
• Choose the External tab of the insert/edit link window.
• Type or paste a URL (web address) into the Link field. This address will generally start with “http://”
• Choose New Window for the Target field so that the link opens in a new window if the link is a Word, PDF or Powerpoint file.
• Click Confirm.
• Click Insert.
• The window will close and the link will be created.
Inserting an image
Content Management System Help
1.
When editing a web page, place your cursor where you want the image, and click on the insert/edit image icon on the toolbar.3.
Next to the Image field, you will see two icons – a red cancel/delete icon and an image icon.Click on the image icon to open a new window that will allow you to select an image to insert.
2.
The insert/edit image window offers two tabs – one for internal images and one for external.For inserting an image already uploaded, use the Internal tab.
4.
Find and click on the image file you would like to insert by using the Asset tree to the left.5.
Click Confirm.7.
Click Insert to insert your image.6.
Next to the Alternate text field insert text about the image, this is used for screen readers and will appear when a cursor rolls over an image.Image Properties:
• Image Location - Required.
This shows the directory and name of the image.
• Alternate Text - Required.
This text is used for screen readers and will appear when a cursor rolls over an image.
Note:
Certain image properties, such as size, may be adjusted within the WYSIWYG itself. However, this method of resizing will not alter the file size or resolution and therefore should be used only for minor adjustments.
Use the style “left” or “right” to format your image.
Do Not Use
Tip: Alternately, to upload while inserting
• Use the Internal tab, select the images folder.
• Click Browse to choose an image from your computer.
• Click Upload.
Uploading and linking to a document
Content Management System Help
1.
When editing a web page, highlight the word or words to be linked to a document.3.
The insert link window will open with two tabs – one for internal links and one for external.2.
Click the insert/edit link icon on the toolbar.4.
Click the page icon to open a new window. Navigate and click the docs folder under the Parent folder you are working in.5.
Click Upload in the action bar. Click Browse to choose a file from your computer.Click Upload to confirm and upload your document.
7.
In the insert link window, change the Target field to New Window.Note: Select New Window when linking to a document or file (i.e. PDF, Word, Excel).
6.
After the document has uploaded, click Confirm.8.
Select Insert to insert your link.Note: Files cannot exceed 15mb in size within the CMS. As a general rule, images should be no larger than 30kb.
Uploading a document or image
Content Management System Help
Documents
(.pdf, .doc, etc.) once uploaded, can be linked as an internal link.Images
(.gif, .jpg, .png) can be embedded within the page.See “Uploading and linking to a document” for instructions.
Note: Select the appropriate folder: doc for documents, images for images.
1.
To upload a document or image, click on New in the navigation menu and choose Document or Image from the “evergreen.edu” folder.3.
Click System and in the System Name field, rename your file if necessary, to something that is descriptive and short. Do not forget the file extension (.gif, .jpg, .png, .pdf, etc.).Note:System names must contain only lowercase alphanumeric letters, numbers and underscores with no spaces or special characters.
2.
Click Browse to choose a file from your computer.4.
If you need to change the location, select the path next to Parent Folder and browse to the appropiate location.5.
Click Confirm.6.
Click Submit to upload the file.Note: Large files may take several minutes to upload, do not interrupt the upload process by closing the window or navigating away.
Note:
Files cannot exceed 15mb in size within the CMS.
As a general rule, images should be no larger than 30kb.
Publishing content
Content Management System Help
1.
To publish a web page, select the page from the Asset tree and click Publish.3.
Folders may also be published by following the same steps. All pages and subfolders within that folder will be published.2.
Check whether you would like a publish report generated. This report will appear in your dashboard under messages, and will alert you to any problems. Click Submit to publish the page.Notes:Blocks (Navigation, Contact, Hours, etc.) can not be published alone, see “Editing and publishing a block” for instructions.
When a web page is published, all of the elements that make up that page are sent to the live web server (also called the production server), enabling it to be accessed as part of the web page.
Editing and publishing a block
Content Management System Help
1.
Choose the block you would like to work with by selecting it in the Asset tree.2.
Select Edit.3.
Make the changes to the Block’s content.4.
Click Submit to save your changes.Editing and publishing a block, cont.
Content Management System Help
6.
By default, it will display all the page assets under the Parent folder you have chosen.5.
Select the Parent folder the block is associated with.7.
Use the Select All check box to select all the assets.11.
Click Submit.9.
In the dropdown at the bottom of the main view, select Publish.Select All Check Box
Notes:Using the technique to publish multiple pages select all and deselect the docs and images folder.
8.
Deselect the docs and images folders (this will speed up the publishing process).Choose Publish
Checking publisher status
Content Management System Help
1.
On the Navigation Menu click the blue button (below the Cascade Server logo and left of the Home button). Select Publisher > Active Jobs.2.
All Active Jobs will be displayed.Note: Not seeing changes on the live site?
Check the Publisher status to see what else might be in the queue.