Editing a Page

Edit a Page

In order to start adding or editing content on a page, you must first open the page you wish to work on. To do so:

  1. Use the left-hand Navigation Pane to locate your section of pages in the site.
  2. Click once on the parent of the page you want to work on so that it's highlighted in green.
  3. All child pages will appear in the right-hand Details Pane.
  4. To open a page in Edit Mode:
    1. Double-click on the child page; or
    2. Right-click on the child page and select Open.

Edit Mode

Pages in the CMS will open in Edit Mode, which is essentially a view that allows you to look at the page you're editing while also having access to content authoring tools and your digital assets that live in the Digital Asset Manager (DAM). Edit Mode is organized in four major sections:

  • Page
    • Main content space you will work in; this may be a blank webpage or one with preexisting content
    • The CMS is considered a "what you see is what you get" editor (WYSIWYG, pronounced wizzywig) so as you build your page you will have a preview of what it will look like for site visitors
    • Take note of the grey dashed boxes that say Drag components here
  • Sidekick
    • Contains the essentials for building your webpage
    • Moveable and collapsible (using the arrow in the upper right-hand corner)
    • There are five tabs along the top of the Sidekick and a few key icons on the bottom menu bar
    • Components tab
      • Looks like building blocks
      • Organized into three categories, where all components are located
    • Page tab
      • Looks like a sheet of paper with a globe
      • Access page properties
      • Activate page (best feature!)
      • Contains similar options to right-clicking on a page in the Details Pane while in Site Admin view
    • Information tab
      • Looks like a lock
      • Shows you a list (Audit Log) of everyone who has recently modified the page, which is helpful when there are multiple people editing a page
    • Versioning tab
      • Looks like a clock-face
      • Allows you to restore your page to a previously activated or saved state
      • This is an advanced feature, learn more about versioning here
    • Edit
      • Looks like a pencil
      • Returns you back to Edit Mode
    • Preview
      • Looks like a magnifying glass
      • Shows page from a site visitor's perspective
    • Websites
      • Looks like a globe
      • Returns you to the Site Admin
    • Reload
      • Looks like two arrows in a circle
      • Refreshes the content on your page
  • Asset Tray
    • Provides easy access to the most recently uploaded images in your DAM folders
    • Allows you to search through your DAM folders as well as a shared folder of stock photos provided by DigiComm
    • Collapsible by clicking the dark grey arrow along the right-hand side of the tray
  • Clipboard
    • Located inside the Asset Tray at its base
    • Displays a shorthand listing of any component you copy
    • Collapsible within the Asset Tray by clicking either the dark grey arrow along the top of the Clipboard or the icon with two  carets pointing down on the right-hand side of the Clipboard
    • To clear the Clipboard, click the double arrow in a circle on the far right-hand side of the Clipboard (looks similar to a refresh icon)
Exampe: Edit Mode

Rearrange Content

Components can be rearranged vertically on page by dragging and dropping them to a new location. To move a component horizontally, read the tutorial on using copy and paste with components.

  1. Select your component:
    1. Place your cursor on the outline of the component so that it becomes highlighted in green and click once to select; or
    2. For promos or any component with an edit toolbar, place your cursor along the grey edit toolbar and click once to select.
  2. Drag the component vertically to its new location.
  3. If the component is allowed in the new location, you will see a green checkmark.
  4. Drop the component into the desired location.
Step 1: Moving a component

Step 2: Moving a component

Step 3: Moving a component