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).
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.
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.
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.