Text Formatting

Basics of formatting text:

All of the options for formatting text can be found in the toolbar on the top of the text editor window.

Add Links button

Links can be added by highlighting text and clicking the add link button. From here, you will enter the link destination in the URL field. For example, if you would like the link to lead to Google, you would enter “http://google.com” in the URL field. Note that the “http://” is required when entering the URL.

If you would like the link to lead to a page from within your site, instead of entering the destination URL, you can link to existing pages by selecting a page at the bottom of the window, or using the search field.

It is important to note that for accessibility reasons, your link text needs to be meaningful. For example, a link that reads “click here” will be confusing to visually impaired visitors who require screen readers. Instead, you want the link to be a description of where the link leads. For example: Allegheny Bicentennial.

The button to the right of the add link button will break (remove) links that are highlighted in the visual editor

Lists:

There are two ways to create lists using WordPress:

unordered list button Unordered lists use bullets

  • Fruits
  • Veggies
  • Meat
  • Broccoflower

ordered list Ordered lists use numbers

  1. Item1
  2. Item2
  3. Item3
  4. Item4

In order to keep formatting correct for WordPress edits, it is important to use unordered lists and ordered lists.

Headings:

headings button
headings button

There are three types of text that can be used when creating a post: paragraph text (default), heading 3, and heading 4:

Heading examples:

Heading 3 (h3)

Heading 4 (h4)

Paragraph (p)


Headings generally are used as titles for a section of a document. For example, the main title of a page is a heading 2 (not available in the drop down), then your secondary title will be a heading 3, and then any child headings to that should be a heading 4. Refrain from using heading 1’s and 2’s, as they are reserved for use for site and page titles and are not supported in the actual page’s content.

Horizontal Rules


Screen Shot 2014-01-22 at 10.53.39 AMHorizontal rules are a faint gray line that is meant to separate thematic shifts in content. You can add horizontal rules from the first row of the visual editor menu. Add them by placing the blinking cursor directly after a paragraph and clicking the button:

Example of horizontal rule:


 Single and Double Spacing

While in WordPress’s Visual Editor, creating a new paragraph is done with the Enter (or Return) key and results in a double spaced break. In order to go to the next line (single spaced), you must hold shift while clicking enter.