Styling Text in Your 'U - Articles' Blog Posts using the WYSIWYG Editor.

How to use the styling options built in to the e360 WYSIWYG ( 'What You See is What You Get' )  blog editor.

The WYSIWYG Editor

The WYSIWYG Editor

In this tutorial, we are going to be looking at the Style drop-down menu, which is located in the WYSIWYG editor panel.

 

This is the best method for styling text in your blog posts as these options have fonts and sizing built in to match the existing text on the rest of your website.

Copying and Pasting Text - Paste from Plain Text

Copying and Pasting Text - Paste from Plain Text
  1. In your word document, select the text and copy it to the clipboard.
  2. Use the Paste from Plain Text icon - it looks like a little clip board with a Text doc attached. This actually works better than thePaste from Word button next to it.

(Note: Sometimes content pasted from Microsoft Word will insert extra code that will make it harder for you to edit the text of your blog post later on. This is why it is important to use the Paste from Plain Text button at the start - it strips out the unnecessary code for you.)

Paste Your Text from Word

Paste Your Text from Word

A new Pop-up window will appear labelled Paste Plain Text.

  1. Click in the text box and then use CTRL + V (or CMD + V on a mac) to paste the text you have copied from Word into the window.
  2. Click on the grey Paste button to insert the cleaned up text into your blog post.

Open the Style drop-down menu

Open the Style drop-down menu

Click on the drop-down menu in-between the font color picker and the font font drop-down menu. You will see a range of options for styling the text you have just inserted.

  1. Style drop-down menu
  2. Font drop-down menu
  3. Font colour picker.

Styling Headings

Styling Headings
  1. Highlight the text you wish to make into a heading
  2. Click on style drop-down menu
  3. Choose your heading style - Heading 1 is the largest by default. (Unless this has been previously styled by the e360 team to match the look of your site template)

Styling Paragraphs

Styling Paragraphs
  1. Highlight the text you wish to style as a paragraph.
  2. Click on style drop-down menu
  3. Choose Paragraph from the style drop-down menu.

Save Your Styled Blog Post

Save Your Styled Blog Post

Don't forget to save your post by clicking on the blue Update button when you have finished styling.