Format your text

Formatting

There are two modes of editing: Visual and Text. Choose the mode by clicking on the appropriate tab. Visual mode gives you a WYSIWYG editor. The Text mode allows you to enter HTML along with your post text.

Screen Shot 2014-01-10 at 2.25.35 PM

Our instructions below are based on using the “Visual” mode so make sure that tab is active before you move ahead.

In Edit Page or Post view, you have a formatting panel that you use to format your text.

Screen Shot 2014-01-10 at 2.15.42 PM

When you highlight a selection of text, you can apply various formats or functions to that text using the tools in the formatting toolbar. Note! You must have the text highlighted for the formatting to apply to it (see sample below).

Screen Shot 2014-01-10 at 2.17.12 PM

These are the available options, top left to bottom right:

Top row of tools:

  • Screen Shot 2014-01-10 at 3.02.16 PM – Bold
  • Screen Shot 2014-01-10 at 3.02.20 PM – Italic
  • Screen Shot 2014-01-10 at 3.02.25 PM – Strike through
  • Screen Shot 2014-01-10 at 3.02.29 PM – Bulleted list
  • Screen Shot 2014-01-10 at 3.02.33 PM – Numbered list
  • Screen Shot 2014-01-10 at 3.02.37 PM – Quote (creates a block of text that stands out – the look of this on your own website may look different as each website has its own custom fonts and layout:)

Quote Sample: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

  • Screen Shot 2014-01-10 at 2.21.23 PM – left, center and right justified.
  • Screen Shot 2014-01-10 at 2.22.34 PM – Link and unlink tool. More info here »
  • Screen Shot 2014-01-10 at 2.23.40 PM – Read more link and distraction free writing – not used much.
  • Screen Shot 2014-01-10 at 2.33.33 PM – Show/hide second row of formatting (click this if you don’t see the following tools)

Bottom row of tools:

  • Screen Shot 2014-01-10 at 3.03.54 PM – explained in detail below
  • Screen Shot 2014-01-10 at 3.03.59 PM – Underline
  • Screen Shot 2014-01-10 at 2.35.33 PM – Justify text (even right and left margin)
  • Screen Shot 2014-01-10 at 2.36.06 PM – Text color
  • Screen Shot 2014-01-10 at 2.38.56 PM – Paste as Plain text (T) or Paste from Word (W). Copy text from RTF or Word files and paste into these tools to keep formatting when inserted.
  • Screen Shot 2014-01-10 at 2.40.52 PM – Remove formatting. If you paste text directly from another webpage or Word it sometimes bring with unwanted formatting. Highlight the text and use this tool to remove all formatting.
  • Screen Shot 2014-01-10 at 2.42.05 PM – Inserts special characters into your text.
  • Screen Shot 2014-01-10 at 2.42.09 PM – Indent/outdent one step
  • Screen Shot 2014-01-10 at 2.43.49 PM – Undo, Redo and Help

Paragraph format samples – NOTE, each website has it’s own custom formatting set for these formats. But this gives you the idea even if your website’s fonts might be very different from what’s shown below:
Screen Shot 2014-01-10 at 2.44.27 PM

Paragraph: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

Address:
Company
P.O. Box 1234
Stateline, NV 89070
preformatted

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

About HighmarkDesigns

Hanna Bernard – Graphic Designer: After almost ten successful years in Sweden, Hanna moved to the Bay Area/Silicon Valley and took her company with her. In the Bay Area, she had the pleasure to work on several projects for some of the biggest, most well-known high-tech players in the Silicon Valley such as Sun Microsystems, Cisco Systems, Siemens, Baan, UC Berkeley, and Netscape, among others.
Bookmark the permalink.

Comments are closed