How to Edit the Page Body, Also Known as Page Content
Below the Permalink is the page body editor, shown in figure 1 below, which is where you will add and edit your page content. There are four buttons at the top of the page, which we will go over later in this training, followed by a series of buttons and drop down editing tools and the editing window.
In the top right corner of the editing window there are two tabs for selecting whether you want to edit in “Visual” or edit in “Text.” Visual mode acts similarly to editing a Microsoft Word document, where you will be able to find the images and style in the editing window. Editing in Text mode will be all in plain text, where you can find and edit the HTML. Most content editors will edit in Visual mode because Text mode is advanced.
Note: Even if you have HTML experience, please do not edit styling using HTML without consulting the web content management team for additional training or assistance, as in-line styling can affect the page accessibility.
The buttons and options at the top of the editing window function similarly to those in a word processor. Most editors will use the first 11 buttons on the top row (from left to right):
- bold text
- italic text
- unordered list
- ordered list
- quotation box
- page dividing line
- align left
- align center
- align right
- add a link
- remove a link
In the second row from right to left, the first selection allows you to change the format of an ordered or unordered list.
The second selection allows you to assign text as paragraph text or a heading text numbered 2-5.
The next button allows you to set your “paste” function to paste as unformatted text: This is an excellent button to turn on, because pasting in text with formatting from sources such as email or a document can unintentionally bring over unneeded HTML code that can create formatting problems for other elements on the page.
The fifth and sixth buttons indent your text to the right or left, because the Tab key does not function this way in the content editor as it would in Microsoft Word.
The seventh and eighth buttons allow you to undo and redo edits.
Note: You are also able to use all these functions when editing an existing page, which are found in the same areas on the “Edit Page” page.