WCMS Training | Alamo Colleges

Chapter 1 "Introduction"

1.1 Logging In

1.2 Logging Out

1.3 Browsing Pages

1.4 Publish Page

1.5 Preview Page

1.6 Revert To Published

1.7 Adding/Formatting Text

Chapter 2 "Hyperlinks And Anchors"

2.1 Types of Hyperlinks

2.2 Adding A Page Link

Note

Locate the text-box in your workspace.

1. Highlight the text you would like to hyperlink.

2. Select the “Insert/Edit Link” button located in your tools section. (A window will pop up)

3. Click on the “Page Link“ option

4. Browse for an internal page you want to link to and click “Okay”.

5. Click “Okay” again.

6. You are done. Your selected text should appear highlighted in yellow. (This means that it has been converted into a link)

2.2 Adding A Page Link

2.3 Adding a Media Link

Note:

Images of the first two steps will be the same as if you were adding a “Page Link“.

1. Highlight the text you would like to hyperlink.

2. Select the “Insert/Edit Link” button located in your tools section. (A window will pop up)

3. Click on the “Media Link” option.

4. Browse for an image or document, select it, and Click “Okay”.

5. Click “Okay” again.

6. You are done now. Your selected text should appear highlighted in yellow. (This means that it has been converted into a link)

2.3 Adding a Media Link

2.4 Adding an E-mail Link

Note:

Images of the first two steps will be the same as adding a ”Page Link”.

1. Highlight the text to hyperlink.

2. Select the “Insert/Edit Link” button located in your tools section. (A window will pop up)

3. Select the “E-mail Link” option.

4. Click “Okay”.

5. Now you are done. Your selected text should appear highlighted in yellow. (This means that it has been converted into a link)

2.4 Adding an E-mail Link

*Note: Yellow will not show on your published page.*

2.5 Adding an External Link

Note:

Images of the first two steps will be the same as adding a ”Page Link”.

1. Highlight the text you would like to hyperlink.

2. Select the “Insert/Edit Link” button located in your tools section. (A window will pop up)

3. Select “External Link” and fill the area with URL an external link.

4. Click “Okay”.

5. You are done now. Your selected text should appear highlighted in yellow. (This means that it has been converted into a link)

2.5 Adding an External Link

*Note: Yellow will not show on your published page.*

2.6 Adding an Anchor Link

Step 1: Insert Anchor

1. Select the text where you would like to place an anchor.

2. Select “Insert/Edit Anchor” button on your Toolbar.

3. In “Anchor Name”, type a name for the anchor. Don't use spaces.

4. Click “Insert”.

5. The anchor symbol should appear in the text box next to the selected text.

2.6 Adding an Anchor Link Step 1

Step 2: Link to Anchor

1. Select the text that will form the link.

2. Select “Insert/edit” link. In the window, keep the Web Page tab active.

3. In “Link title“, type the text that will be shown as a pointer to the link.

4. Select how the link is opened.

5. Select “Anchor” on this page as the link target.

6. In Anchor, select the anchor to which you want to link (All the anchors on the page are listed here).

7. Click “Okay”.

8. The link is displayed in the text editor with a yellow background.

2.7 Change Anchor

2.8 Removing a Hyperlink

Chapter 3 “Working With Media Files” (Images and Docs.)

3.1 Browsing media Nav.

3.2 Uploading Media

1. To upload a file you will need to first make sure your file is on your desktop or you can look for the document in “Finder” if you are on a mac and “My Computer” if you are on windows. (Remove spaces in your filenames, or use hyphens instead)

2. Click-hold and drag the file to the “Media” section. (A message will appear in the media folder saying to “drop files here to upload to your designated folder”).

Note:

Once completed you can now find it in your file structure or you can also search for the folder you used to drop the file in. For information on using the uploaded file on your page, please go to chapter 2.3. There, you will be shown how to implement different kinds of media to your page.

3.2 Uploading Media ESP. PDF’s.

3.3 Overwriting Media Files

To overwrite an existing media file, follow the same 2 steps in chapter 3.2. You MUST name your new file exactly same as the document you are replacing.

1. Once you have dragged and dropped the replacement for your file, a window will appear asking if you wish to proceed with these changes.

2. Click “Replace File” to confirm the changes.

3. Another window will pop up confirming that your new file replacement has been uploaded.

4. Click “Close”.

3.3 Overwriting Media Files

3.4 Naming Files

3.5 Adding an image

3.6 Finding stock images

3.7 Sizes used for Hero, Banner, Events & News

Chapter 4 “Working With Blocks”

4.1 Drop Zones

Drop zones are used to hold blocks, these zones are capable of holding content in different sections of the page.

4.1 Drop Zones

Content Area - Top of Page (1): Drop blocks here to display at the top of the page, between the main menu and the breadcrumbs.

Content Area -Main Body (2): Drop blocks here to display below the page title and main content, and to the right of the left column.

Content Area - Full Width (3): Drop blocks here to display at the bottom of the page, at the full content width (no left column).

Content Area - Left Column (4): Drop blocks here to display in the left column, below the sidebar menu.

Main - Main Content (5): Enter content in this built-in rich text field to display below the page title.

4.2 Types of Blocks

4.3 Opening Blocks nav.

4.4 Creating a new Block

The two methods to create a block are to click on a folder’s drop-down menu and select “New Block” or through the CMS dashboard and “Create A New Block”.

Method 1:

Open the blocks menu. Refer back to chapter 4.3.

1. Select the "Blocks" category.

2. Select the folder in which you would like to add a block.

3. Click the button on the right side of the folder to bring down the drop-down menu.

4. Select “New Block”.

5. Give your block a title and select the type of block you want.

6. Drag and drop your new block into the content area.

4.4 Creating a new Block

Method 2:

On the CMS dashboard page locate the content area you would like a new block.

1. Select “Create A New Block”.

2. Give your block a title and select the type of block you want.

3. Make your edits to the block and then click the “Create” button.

4.4 Creating a new Block

4.5 Editing a block

4.6 On this page vs. Blocks in folders

When creating blocks in the CMS dashboard, always drop the block into the corresponding folder to keep your files organized.

Otherwise, the files will automatically save in a section on your "Assets Pane", under "Blocks" called "For This Page".

To be able to reuse these blocks, they will need to be moved to an assigned folder. Also, doing so will help keep your folder structure well organized.

4.6 On this page vs. Blocks in folders