Editing website pages using the LiveWhale CMS is simple. If you can use Word, you can edit pages.
Edit a Page
Once you log in, navigate to a page you have permission to edit, and click the yellow “Edit Page” button (top left). The editable areas on your page will be surrounded by yellow boxes. Editable parts of the page are predefined by the template in use). The editor’s toolbox appears (detailed below).
Hint: If you don’t see the “Edit Page” link, then you don’t have permission to edit that page. You can always leave a note for the page’s editor using the “Notes” tab in the black toolbar, and your note recommending an edit will be emailed to the page’s owner.
Place your cursor into the area in which you’d like to make edits. The toolbar options are outlined below.
Press the “Save and Publish” button (top right). Your edits will be live.
Page Editing Toolbar
Text Formatting Buttons
Bold / Italic / Underline
Self-explanatory; similar to other programs, select text and apply these styles by pressing the buttons in the editor toolbar.
Do not have similarly styled elements for different reasons.
Avoid confusing visitors with cognitive disabilities, by having similarly styled elements for different reasons. Example: if all links are bold, use italics instead to emphasize text in a paragraph.
Visual formatting does not help emphasize text for blind people.
Screen readers ignore all text formatting of this type, unless the user has explicitly changed the settings in the screen reader to read visual formatting.
Link/Unlink/Anchor Link
Link to other pages on your site, elsewhere on the Purchase site, or to an outside URL. Create simple text links or button styles.Visit the Links page for details.
Formats
This dropdown includes a list of custom styles that you can use, such as callout boxes, footnotes, jump links, or default color.
Font Treatment (Paragraph, Heading 2, etc.)
The options presented allow you to create hierarchies of information on the page, which is not only helpful to readers, it’s critical to sight-impaired users who use screen readers. Learn more about using headers and paragraphs here.
Right, center, or left align text. Use center and right-justify text sparingly. Ragged right text is the easiest to read, and in most cases, centering is not in compliance with our visual brand standards.
Indent / Undo Indent
Indent your content from the left margin and/or undo indenting.
Indented type lands here on the page.
Add Content Buttons
Add image
Click on the image icon and select your image to place. Visit the inserting an image page for further details.
Your video must be hosted online in order to place it on the page. You will need a URL or an embed code from YouTube, Vimeo, etc. Learn more about embedding video here.
All videos must be close-captioned.
Rev.com is the recommended captioning service. Videos can be captioned for $1/minute in 24 hours.
Slideshow
The slideshow option allows you to place one of your galleries onto the page. Select from slideshow, simple, mini, and carousel. Read more about creating galleries here.
The Form widget allows you to place one of your forms created in the dashboard onto your page. Collect information from users and gather the data in a database in the dashboard, via email, or both. Learn more about creating forms here.
Undo / Redo
Reverse the last change you made or re-apply the last removed edit.
HTML Source
This reveals the source code underlying the WYSIWYG presentation of your content. Those familiar with HTML are welcome to edit the source code. However, we recommend contacting webdev@purchase.edu if you would like help with manipulating the content presentation on your pages.
Horizontal Rule
Add a horizontal rule to your content area.
Blockquote
Use for quotes to set them off from regular page text.
Four score and seven years ago, our fathers brought forth upon this continent a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.
—Abraham Lincoln
Save a Draft
You can choose to save your edits as a draft and publish at a later time. If there is an unpublished draft, a message will appear above the editing toolbar.
The next time you edit that page, a prompt will appear asking to choose which version you’d like to edit.
The editable ares of a web page are collectively called the “tennis court.” You may choose to enter content into whichever fields result in the page layout you desire.
Things to Note
The type style for the Intro field defaults to Header 2 size in grey. We recommend using the Intro field for broader messages on landing and important pages only. It is unnecessary to have a larger message on all interior pages.
Use the half page columns to break up your text into shorter sentence lengths. If the box on the right is empty, however, the text will spread to full page width.
Use the Sidebar Content blurb type to place the same content in the sidebar on every page of your site. Good examples are office location, phone numbers, etc. You will not need to place a Sidebar Content widget—it’s built into the page’s template. Once you mark a Sidebar Content blurb “Live,” it will appear.
Widgets appear as blue boxes with their type displayed.
