Formatting Content in WP

Built in Formatting Options

This page covers formatting text content, for working with images in WordPress click here.

When writing a post, or a page, in the text editor you simply type your text. The basic paragraph formatting will create itself as you hit the enter key at the end of each paragraph.

For more formatting of your text use the graphic editing icons at the top of the text editor (as seen in the image below).WP Graphic Editing Icons

These icons will cover many of the basic formatting functions you would need to use. More functions are available by clicking the advanced toolbar icon on the far right, also known as the kitchen sink. You can see that icon where the arrow is pointing in the image below.

WP Advanced Graphic Editing Icons - the kitchen sink

Using the Editing Icons

For most of these icons you would select (click and drag with your mouse) your block of text you wish to apply it to then click the icon to apply the formatting. Other tools like inserting images requires that you just click on the area of the content you wish to place the image then click the icon and enter the information in the pop-up. It’s generally pretty basic like using any word processor.

Below we summarize each Icon.

Bold – select an area of text and click the bold icon

Italics – select a block of text and click the italic icon

Strike Through – Adds a line over your text through your text

Unordered List – creates bullet lists

Ordered Lists – instead of bullets it will auto number your list

Outdent – undo an indent

Indent – indent a section of text to create block quotes

Align Left – aligns text to the left

Align Center – centers your text

Align Right – aligns text to the right

Add Hyperlink – select the area of text you wish to be the link and click the link icon. Add the link URL, choose if you want it to open in a new window or the same window. Then give the link a Title to describe what its linking to.

Remove Hyperlink – use this to remove a link

Split Post – inserts the <!–more–> tag to split your post. This shows just a brief intro on your main blog page with a link to the full post where they can read the rest.

Spell Check – spell checks your text. For on the fly spell checking we recommend using FireFox as your web browser. It has built in spell checking for any text you enter into forms online. Underlines misspelled words in red as you type.

Advanced Tool Bar – This icon will open the icons outlined below. You would think some of them should be in the main toolbar but these are newer tools more recently added to the text editor.

Formatting – Use this drop down to select your heading levels. No need to use the paragraph one as WordPress will turn your basic text into paragraphs automatically.

Underline – underline text with this icon

Font Color – change color of a selection of your text

Paste as Plain Text – to paste text copied from another source so as to strip all formatting from the copied source

Paste from Word – to paste from a word doc & remove the unneeded formatting codes that Word will try to add.

Remove formatting – to remove formatting for a selection of text, perhaps cut and pasted from another source

Insert Embedded Media – insert multi media files such as video clips

Insert Character – for adding special characters not available on your keyboard. Things like this ¥, £, ©, Æ, or é.

Undo – undo your last change

Redo – redo your last undo

Help – This does not offer much help. But it does include a list of hotkeys, in place of using the icons, for fast typers who use the WP editor often.

Hand Coded Formatting

Should you need to use any HTML (Hyper Text Markup Language) coding not covered by the visual editor button you can use the Code view to hand code your page (see arrow in image below). This requires some basic knowledge of HTML tags which may be beyond the capabilities of many users of this guide.

WP Write - Code View

To learn a little about HTML you can go here. If you plan to do a fair bit of blogging with your WordPress system then you may want to learn a little HTML so you can have more control over what you are publishing in your posts. The basics really are pretty basic and easy to learn. By simply switching back and forth between Visual and HTML views you can get a hang of some of the basics as you go. Note that the HTML view does not display paragraph tags at the beginning and ends of your paragraphs. Instead it insets them dynamically into your posts as they get rendered in the browser.

One Comment on “Formatting Content in WP”

By kim. July 17th, 2008 at 10:24 pm

Very informative stuff- thanks Axemedia

Leave a Comment