WordPress Visual Editor

What is the visual editor?

The visual editor is a content editor that allows easy editing, creating, and formatting on your blog or WordPress site. This editor acts as the default editing mode of WordPress.com, however if you do not see that it is enabled, you may select the Visual tab in the top right corner of the editor area, as shown below.

wp1

There are two rows of editing icons within the visual editor. To find out what an icon means, simply hover over it with your mouse.

Row 1

When initially opened, the visual editor will display a single row of icons:

wp2

  1. Bold
  2. Italic
  3. Strike-through
  4. Unordered list (bullet points)
  5. Ordered list
  6. Blockquote (a way of displaying quoted text; each theme will style this differently.)
  7. Align Left
  8. Align Center
  9. Align Right
  10. Insert/edit link
  11. Unlink
  12. Insert More tag
  13. Proofread/Spell Check
  14. Toggle Distraction Free Writing
  15. Show/Hide Kitchen sink (enables the second row of editing icons)

 Row 2

To display the second row of icons, select the kitchen sink icon

wp3

  1. Style – various formatting styles defined by your theme
  2. Underline
  3. Align full
  4. Select text color – change the text color
  5. Paste as Plain Text
  6. Paste from Word
  7. Remove formatting
  8. Insert custom character
  9. Outdent – move text further left
  10. Indent – move text further right
  11. Undo – undo your last action
  12. Redo – redo your last action
  13. Help – display some information about using the editor, as well as keyboard shortcuts.

Alignment

Both text and images can be aligned using the appropriate icons:

wp4

Styles

The style drop-down menu allows you to change the formatting of any selected text. This includes various headings and other pre-defined styles built into your theme. Note that further style modification requires the Custom CSS Upgrade (and appropriate knowledge of CSS).

wp5

 

Text Color

To change text color you must first highlight a section of text:

wp6

Clicking on the down arrow next to the text color button will display a color selector:

wp7Selecting a color will apply that color to the selected text and make it the default color for the color button. Clicking on the text color button itself will apply the last default color. wp8

 

 

Leave a Comment