Editing Pages

Editing webpages in LiveWhale couldn’t be simpler. Once you’re logged in, just visit the page you want to edit, click Edit Page, make your changes, and click Save draft.

Editing Your Page

Whenever you’re on a page that you have the permission to edit, you’ll see an Edit Page link at top left. Click it, and the editable parts of the page (which are predefined by your core Web team) become editable. When you click into a highlighted content area, you’ll see an editing toolbar.

Text formatting buttons (from left):

  • Bold, italic, underline: Pretty self-explanatory; these work just like similar buttons in other programs.
  • Link: Select some text and then click this button to create a link. You can link to a page in your own site, a page elsewhere on the Nursing site, an outside URL, one of your files, or an anchor link on this page (see below).
  • Unlink: To remove a link, select the text and click this button.
  • Anchor: This button creates an anchor (“jump link”), which you can link to with the Link button.
  • Formats: This dropdown includes a list of customized text styles that you can use while editing text.
  • Paragraph, Heading 2, etc.: This dropdown shows block formats, primarily headers and paragraphs. To create subheaders, choose the appropriate header for the context (preview size is shown in a dropdown menu).
  • Add image: Displays the images in your image library for quick placement on your webpage. You can also upload images directly from your computer using this button.
  • Insert: This button opens a dropdown with more options for adding page content:
    • Image
    • Widget
    • Accordion List
    • Content Layout
    • Video/Media: Add a URL for any Web video (YouTube, Vimeo, etc.) and it will be automatically embedded on the page.
    • Slideshow:
    • Blurb
    • Form
    • Files
  • Bullets and Numbered Lists: Click and hold to see other list style options.
  • Table: Add and modify tables. To create a table with borders, add a table, go to the Formats menu, and select Data table.
  • Justification: Right, center, or left align text.
  • Indent/Outdent
  • Undo/Redo
  • HTML Source: Edit the HTML source of the editable region you’re in.
  • Horizontal Rule
  • Blockquote

Text Styles

This is a regular paragraph style with an in-text link.

Header 2

Header 3

Header 4

Header 5
Header 6

Bulleted lists look like this:

  • Item 1
  • Item 2
  • Item 3

While numbered lists look like this:

  1. Item 1
  2. Item 2
  3. Item 3

Here’s an example of some tabular data

Row 1/Column 1 Column 2 Column 3
Row 2    
Row 3    

Here’s an example of items in an accordion


Full width button

Basic button

Red button

Green button

Transparent button

Save Your Changes

After you have edited the text of your page and saved it as a draft, just notify nursingweb@nursing.upenn.edu that your edited page is ready to be published. The web team will act as another set of eyes for you, reviewing for any errors, and then your page will be live!