Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Website - Getting Started

Table of Contents
maxLevel1
outlinetrue
stylenone
classtoc

Overview

The Editor is the main editing tool used anywhere content and imagery is placed throughout the website.

Use Case(s)

Website Admins and Editors will use the Editor when updating content and imagery on the website.


Video

This video provides an overview of how to use the Editor.

Note: Sections of the video have been referenced below with corresponding times in the video for ease of access

Total Video (Length)9:39
   



Accessing the Editor0:48
 

Styling Imagery6:02
Editor Tools Overview1:16
 

Adding Hyperlinks6:40
Adding Content5:01
 

Adding Tables7:46
Styling Content5:31
 

Styling Tables8:00
Adding Imagery5:48



 

...

 

 

Widget Connector
width560
urlhttps://www.youtube.com/watch?v=QygJgN-P88E#action=share
height315

Content

Table of Contents
maxLevel4
minLevel2
excludeAxis - Editor

 

Accessing the Tool 

Click to Edit: Access the Editor by clicking on any Click to Edit button on the website.

 


Editor Tools

The Quick Tab Toolbar and the Menu Bar of the Editor contain the main tools that will be used to edit content.

...

Save: Sets changes live immediately.

 


Undo/Redo: Reverse to previous step, or re-do previous undone step.  Click the small down-arrow to the right of the buttons, to see (and optionally select) a list of the latest steps to undo or redo.

  


Cut/Copy: Cut and Copy content within the editor.

  


Paste as Plain Text: Effective June 5th, 2017, Paste as Plain Text is on by default, which means that all formatting will be stripped from outside sources by default. In order to keep formatting, click the Paste as Plain Text in order to keep formatting.

Image Modified


Style Tags: Font options that were determined during the design phase. Apply Style Tags to change the font throughout the content.

 Image Modified


Font Options: Additional font options that may be used.

 Image Modified

 

Image Explorer: Opens the Image Explorer for adding imagery to the content area.

...

Save as Draft: Save page changes for later. This will not publish the changes live, and allows the page to be worked on at a later date.  Once saved, Drafts are stored (and retrievable) under Revisions.

Image Modified
 
 


Image Modified



Save as Template: Save Pages as Templates.  A Template is a pre-formatted file that serves as a starting point for a new document in the future.  Oftentimes, templates are used in conjunction with Email.

  


To save new template, name the template, click on the desired folder location to save template, and then click Save Template.

...

  • Choose the Folder in which your image is located.

  • Double click on the Image Name to Insert onto page.

...


Styling Images

Add styling Images such as wrap text and padding.

...

    • It is best to assign a 100% width to the table so it spans the full content area.

  

 



  • Adjust Cell Width or Height by adding a percentage or pixels 
    • Useful when wanting each cell to have a fixed width or height 

 


  • Apply content position to the table.

  


  • Apply content position to the cells.

...

When finished editing, click Save to publish changes and exit the Editor.


 

 

FAQs

 

Q: I copied content into the editor, but the font does not match the styling of the website font.

...

A: First, the image must be added to the Image Explorer. After the image in in the Image Explorer, you can then use the Insert > Image function in the editor which will access your library database from the Image Explorer.


Best Practices

 


  1. When copying content from an outside source, always use the Paste as Plain Text function to strip outside formatting. This will ensure that the proper pre-defined font options are applied to the content.

  2. Using additional font options is not recommended as it is best to streamline content font. It is best to only use the Style Tags option.

  3. Resize and Crop Images prior to using imagery on the website to ensure the proper dimensions rather than resizing on the page.

  4. Remember to Save after edits are made or edits may be lost. Once Saved, the changes will publish live.

 


Downloadable Guide

...


Editor Guide

Next Lesson: Image Explorer

...