WordPress
Training & Support at Georgia Southern

Adding Content Using the Visual Editor

The Visual Editor

The Visual Editor provides an editor similar to a word processor. It allows you to easily create, edit and format your content.

Content Editor

Add Media

To add a photo, document or PDF to your content, use the Add Media button. For more information, see our Using Images/Documents in Pages and News Posts guide.

Add Content Block

To add a Content Block to your content, use the Add Content Block button above the Editing Icons. A window will appear allowing you to pick which Content Block you want to display with the content of your Page or News Post.

Visual vs Text

At the top right of the editor are the two tabs: Visual and Text. The Visual tab is the default view for editing News Posts and Pages. The Text Editor enables you to view the HTML markup of your content. This is recommended only for more advanced users. For more information on HTML markup within the Content Editor, see the HTML Cheatsheet guide.

Editing Icons

There are two rows of editing icons. You can find the name of the icon by hovering over it with your mouse. If you do not see the second row of icons, refer to the Toggle Toolbar icon, which is the last icon on the first row.

Row One

Row one

Bold
Bolds highlighted text; example

Italic
Makes highlighted text italics; example

Strikethrough
Strikesthrough highlighted text; example

Unordered list (bullet points)

  • Item 1
  • Item 2

Ordered List

  1. Item 1
  2. Item 2

Blockquote (a way of displaying quoted text with indentions)

Georgia Southern uses YouTube to host and stream videos.  Official videos are posted to the University’s YouTube channel. You can also upload your own videos to YouTube to share on your website.

Horizontal Line
A line break that extends the full width of the content area (shown below)


Align Left
learn-more

Align Center
learn-more

Align Right
learn-more

Insert/edit Link
To create a link, select a word or phrase in your content and click the Insert/edit Link icon. The following window will be displayed:

Insert Link

Remove Link
Removes a link from the selected text

Insert Read More Tag
This option is used with an excerpt and creates a “Read More >>” link which opens the full article. This is useful to allow more News Posts on your News page.

Toggle Distraction Free Writing
Removes the Toolbar, and Dashboard Menu

Toolbar Toggle
Shows or hides the second row of icons

Row Two

Row two

Style
This is used to change highlighted text to a Heading 2, Heading 3, Heading 4, Heading 5 or Heading 6 using the dropdown menu. These styles are not only useful for your content hierarchy, but also for accessibility.

Paste as Plain Text
This option removes any unnecessary formatting, and isseful if you are copying content over from Google Docs or Microsoft Word.

Remove Formatting
Removed all extra markup and formatting (such as bold, italics, etc) from the highlighted text.

Insert Custom Character
Allows you to insert custom characters into your content; ƒ

Superscript
Creates a superscript from the highlighted text; example

Subscript
Creates a subscript from the highlighted text; example

Decrease Indent
Removes one level of indention from selected text.

Increase Indent
Increases one level of indention to selected text.

Undo
Undo your last action.

Redo
Redo your last action.

Table
This option allows you to create a table with your desired number of rows and columns. For more information, see our Working with Tables guide.

Keyboard Shortcuts
The visual editor has several keyboard shortcuts, which allow you to edit without relying on your mouse. To see a list of all available shortcuts, click the Keyboard Shortcuts icon. A window will appear showing you a list of all available keyboard shortcuts.

Last updated: 2/17/2016

WordPress Training & Support • Georgia Southern University