Transcript
Page 1: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

CMS I – BASIC WEB EDITING INTRODUCTION

TO THE CMS Presented By:

Rodneikka Scott, MS – Implementation Project ManagerLila Elliott, MA – Manager Client Support

Page 2: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

2

Learning Objectives of Presentation• What is a CMS?• Understanding Inputs on Core

Admin Pages • Adding, hiding and moving

content items• HTML Content Items and the

WYSIWYG Editor

• Who sees what & who can do what

• Adding text, images, links using within the HTML (WYSIWYG) editor.

• How pages are constructed• Updating a Page

Page 3: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

3

CMS I –Exercise Guide• After the session, download the CMS I – Web Editing PowerPoint

and “How To Guide” from the HUG Super Forum 2013.• The exercise guide contains:

• Examples and screenshots of the topics covered in CMS I• Detailed directions to assist you in applying your newly acquired CMS

knowledge• Active links that point to the Support and Documentation site

http://support.higherlogic.com/ • Additional HUG training opportunities including Higher Logic Academy

and training webinars.

Page 4: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

4

• Abbreviated as CMS, a Content Management System

• It is a web application designed to make it easy for non-technical users to add, edit and manage a website.

• It is a system for managing content in a web site that doesn’t require special software for uploading pages.

What is the CMS?

Page 5: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

5

CMS Basics• Today we will learn by editing the

microsite for Super Forum CMS 1.

• The Higher Logic Platform is based on Microsites CMS – our Content Management System.

• The CMS provides Super Admins with the ability to edit the website's navigation, content and branding.

Page 6: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

6

• From the home page of your site login as a super administrator.

• You will know that you have super admin credentials by seeing the following options.

Getting Started• All icons will take you to a different

area of the CMS Admin.

• However, by selecting the CMS admin gear you will be taken to an area to quickly access site wide options.

Page 7: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

7

CMS aka NavigationNavigate to your site and then click “Edit Navigation.” This screen is referred to as the

“CMS” or “Navigation.”

• Navigation Items/Pages are on the left. • Content Items (for the highlighted page) are on the right.

Page 8: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

8

The Navigation• Each tab on the Primary

Navigation is represented by a folder in the Navigation Menu accessible via Edit Navigation.

• Expand each folder (or Parent item) to view the sub-tabs (or Child items)

Page 9: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

9

Navigation Tools and Functions

• New. Creates a new page/folder. • Create a New child. Also creates a new page/folder. Folders appear at the

bottom of child folders.• Edit. Opens the “Navigation Edit” window for the page folder selected.• Delete. This permanently deletes a page folder and all it’s children.• Cut. Cut is the first step to moving a page folder to another part of the site. • Copy. Allows you to create a “clone” of the page.• Paste. Relocates a folder that has been cut or copied.• Paste as Child. Nests a cut or copied file/page under a parent.

Page 10: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

10

Edit the NavigationClick the “Edit” button in the left column

toolbar.

• The Navigation Title will display in the navigation and on the page. If you want a different title to display on the page, enter it into the Page Title field.

• The URL Name is used in the full URL path. Example: http://hug.higherlogic.com/Profile1/Profile/?UserKey=62c701ce-ba17-45d0-902a-4537781e83f3

• The Page Code Name must be unique.

• Page Code link http://hug.higherlogic.com/rodneikka

• The Security Roles Required to View field is used to restrict access to Navigation Items/Pages.

• The Page Layout selection determines the content item sections available for that page.

• Show/Hide Navigation. Do not delete Navigation items.

Page 11: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

11

Adding Content Items• You can create a new content item on a page by:

• Otherwise, you could navigate to the page where you would like to add a content item to and click the icon that is for Add to this Page.

• Highlight the page(folder) where you would like to add a new content item. On the Content Menu, click “New.”

Page 12: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

12

Content Tools & Functions

New. Create a new Content Item.Edit. Opens the add/edit content page for the page folder.Delete. This permanently deletes a content item. There is always a warning before you delete a content item.Cut. Cut is the firs step to moving a content item to another area.Copy. Allows you to create a “clone of a content Item. Paste. Relocates a Content Item that has been cut or copied.

Page 13: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

13

Moving Content ItemsYou can move a content item into a different section on the page by:

Double-clicking the content item to edit it, and then using the arrows to change the content item section number;

OR1. highlighting the content item you want to move,2. clicking the “Cut” button,3. highlighting the content item you want the cut content item to appear under,4. clicking the “Paste” button.

Page 14: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

14

Entering/Editing a Content Item• Name/Title. Required even if you chose

not to show it.• Show Content In Section. Required. It

will determine where the item is placed.• Hide this content item. Allows you to

hide unused content items vs. deleting them.

• Content is available to. Required. The default is everyone.

• CSS Class. Try Adding HLLandingControl or Shadow. You may also add a custom class.

• Type of Content. There are 6 different types of content items allowed.

Page 15: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

15

• HTML *• Uploaded File *• Hyperlink *• User Control *• Syndicated Content• JavaScript

Content Types

Page 16: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

16

Optional – Create a Sandbox Site For Practice• CMS Admin (Gear Icon) > Site List > Copy Site > Name it “Sandbox”

• Not seeing the “Site List” icon? Then enter this suffix to your site url, and “Copy Site”: http://hug.higherlogic.com/HigherLogic/Microsites/SiteList.aspx?

Page 17: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

17

Demo Time!

• Go to your sandbox site • Follow along using this exercise guide • No sandbox site? no worries! Just watch, learn and relax

http://hlsandbox.connectedcommunity.org/hugsfcms1

Page 18: CMS I –  BASIC WEB  EDITING  INTRODUCTION TO THE CMS

Rodneikka Scott, MSImplementation Project ManagerEmail: [email protected]

Lila Elliott, MAManager Client SupportEmail: [email protected]


Recommended