3heads-gear3headschatchecklistglobehead-lockhead-plusimaclife-ringlogo-cornelllogo-melbournelogo-northhamptonlogo-portsmouthlogo-small logo-vancouverlogo-yokohamamail-line mail-wings pdf pie-chartplayplugprinter skype website
Print Friendly

The area where you write your post is by default in Visual Editing mode which uses WYSIWYG (What You See Is What You Get) option for formatting.

Visual Editor

It works similar to any Word processing software.

Simply write your post (or page), highlight any text you want to format and then click the appropriate icon in the toolbar to add formatting such as bold, italics, number list.

A small tool tip appears describing the icon and its purpose when you hover your mouse over an icon in the visual editor.

Visual Editor Video


There are two rows of icons contained on the visual editor.

The visual editor displays a single row of icons when it is initially opened and you use the Toolbar Toogle icon to view the advanced formatting options contained in the second row.  The advanced formatting options include heading styles, underlining, font color, custom characters, undo, redo.

Toolbar Toogle

 

First Row

The visual editor displays the following single row of icons when it is initially opened.

Standard Toolbar

1.  Bold

2.  Italics

3.  Strike through

4.  Bullet points (unordered list)

  • Notebook
  • Calculator
  • Pen/Pencil
  • Ruler

5.  Ordered list

  1. Lab work 30 %
  2. Assignment 30 %
  3. Exam 40 %

6.  Block quote: used to display quote text.  Each theme styles block quotes differently.

Insanity: doing the same thing over and over again and expecting different results –  Albert Einstein.

7.  Horizontal line

8.  Align left: used to align text or images left.

9.  Align Center: used to center align text or images.

10.  Align Right:  used to align text or images right.

11.  Insert/edit link

12.  Unlink

13.  Insert More Tag

14.  Toolbar toogle: used to enable the second row on your visual editor.

15.  Enable Distraction free writing

Second Row

Clicking on the Toolbar Toogle icon reveals the following second row of icons on the visual editor.

Advanced formatting toolbar

1.  Styles: allows you to change the formatting of selected text including heading styles.

2.  Underline

3.  Align full: used to apply full alignment to text only and aligns both sides of the text.

4.  Change text color: used to change the color of selected text.

5.  Paste as plain text

6.  Remove formatting

7.  Insert custom character

8.  Outdent: move text further left

9.  Indent: move text further right

10.  Undo: undo your last action.

11.  Redo: redo your last action.

12.  Help: used to display information about using the editor.

Lists

List icons

Unordered lists (bullet points) and ordered lists help make your posts easier to read and can make them more visually appealing.

Bullet points (unordered list)

  • Notebook
  • Calculator
  • Pen/Pencil
  • Ruler

Ordered list

  1. Lab work 30 %
  2. Assignment 30 %
  3. Exam 40 %

Distraction free writing

Distraction free writing mode

When you click on the Distraction free writing icon you’ll see a minimal writing interface with a minimal toolbar, your post title, your post (or page content).  Everything works exactly the same as in your visual editor and its purpose is to provide a distraction free writing interface.

The toolbar, word count and borders of the writing area fade away while you are writing and you can access them again by moving your mouse above the post title.

Distraction free

Styles

The style drop down menu allows you to change the formatting of selected text.   The most commonly reason why you use the styles drop-down menu is to apply headings to text.

Headings are used to break posts into manageable bite size chunks making it easier to read.

Creating a heading is as simple as:

  1. Highlight the text you want to change into a heading
  2. Select the Heading Style you want to apply – for most themes your best option is Heading 3
  3. Preview your post to make sure that headings you used has broken your post into manageable chunks

Adding heading styles

Text Color

Changing the color of text is as simple as:

  1. Highlight the text you want to change
  2. Select the text color you want to apply
  3. Preview your post to make sure the text is readable and you like the color

Changing color

Paste as plain text

Paste as plain text

You can find when you copy and paste text from another web page or Word Processing software into your visual editor that text might display badly when the post is published.   This is because when you copy and paste text from other sources it can paste HTML tags that change how the text is displayed.

One way of preventing this from happening is use the Paste as plain text window  to add the copied text.  The Paste as Text window applies a special clean up process designed to remove the HTML tags.  Select the ‘Keep linebreaks if you want to keep the paragraph formatting.

Paste as plain text

Remove formatting

Remove formatting

The remove formatting icon removes all formatting such as bold, italic, color for a highlighted section of text.

Removing formatting from text is as simple as:

  1. Highlight the text you want remove the format from
  2. Click on the Remove Formatting icon.

Removing formatting

Insert custom character

Insert Custom Characters

The insert custom character icon allows you to insert special characters into your post.

Adding a special character is as simple as:

  1. Place your cursor where you want the special character to appear.
  2. Click on the Insert Custom Character icon.
  3. Click on the character you want to insert.

visual74