I personally know that WordPress text editor can be extremely confusing. If you were able to setup your first WordPress blog, congrats. Now it is time to learn how to create a blog in WordPress.
Still cannot figure out how to install WordPress, then I highly recommend you read my step-by-step guide of setting up WordPress. Still don't think install WordPress by yourself? No problem...check out my WordPress Installation Service.
I am going to assume that you are a total newbie to WordPress so I will be discussing the whole WYSIWYG (What You See Is What You Get) text editor.
I know it can be a little confusing...but once we break it down bit by bit, I know that you will have a better understanding of how to create a blog post in WordPress.
Just keep in mind...I am going to be discussing the WYSIWYG elements in no particular order.
What You Will Learn From This Guide
At the end of this post you will have a better understand of how to use the editor in WordPress.
This guide will help remove the intimidation and confusion of how to use WordPress to start building your online business.
Follow along and be sure to bookmark this post as I know that it will help you become familiar with the WordPress text editor. Oh and depending on when you are reading this...your text editor could look a little bit different.
Not sure how to bookmark a page, don't worry you can learn how to bookmark your favorite sites.
At the time of this writing my version of WordPress is 4.2.1
Okay let's jump into learning how to use the WordPress text editor. We all know that reading is great, but one of the best ways to learn how to do something is to actually learn from our own mistakes.
So after you are done reading this post...I highly recommend that you create your first blog post and see how easy it is to use the WordPress text editor for yourself.
What Is The WordPress Text Editor?
The visual text editor is what I am typing this blog post in. There are two types of text editors, the visual editor which kind of reminds me of Microsoft Word. You type what you want to say and any formatting that you want to add can be done by using any of the commands above the editor.
The code text editor is a more advanced editor it that requires you to manually enter the HTML code such as (formatting such as italics, alignment, Bold, Underline ...etc) The buttons on the toolbar will make the process easier, but you will be working inside of the HTML code .
I know it can sound a little intimidating and confusing, especially if you are getting ready to write your first blog post.
We are going to be covering everything you need to know about the WordPress editor.
What is A WYSIWYG Editor
If you have never seen the inside of a WordPress dashboard then you may be thinking, what the heck is a WYSIWYG editor.
Don't worry, all it is is an acronym for What You See is What You Get. It is a text editor that lets you see exactly how your text will look when you get done with it.
What you are typing on your screen, is what you will see when you publish your post.
Want to see a more in-depth explanation of the WYSIWYGE editor meaning according to Wikipedia.
An In-depth Explanation of the WordPress Editor Toolbar
If you know anything at all about WordPress then you know that you have different kinds of options that help you add formatting and styles to your content.
Below you will find in-depth explanations of what each element on the WP toolbar mean and what it is used for.
Of course the best way to learn what each element does is to experiment with it.
WordPress Text Editor Add Media to WordPress
All these buttons do NOT relate to adding media to WordPress. But I figured since number one was labeled add media, I would start with that. Remember these buttons are not in any type of order.
1. Add Media: Used to upload and insert media such as images, audio video or documents.
2. Add Form: Quickly and easily add a insert a form into your WordPress blog post.
3. Font Family: Drop down button that allows you to select the font you want to use for your post or page.
4. Font Sizes: Quickly and easily choose the size of your font.
5. Visual and Text Editors: As I mentioned above, you can use either the visual or text editor to learn how to create a blog post.
5. Toggle Full Screen Mode: Clicking this button will enlarge the editor so that it fits the browser window. Clicking the Exit full screen link at the top of the screen will reduce it back to its original size
WordPress Text Editor Paragraph Formatting Styles
These are all the buttons in the middle row of the WordPress text editor.
1. Paragraph Formatting: Here is where you set the type of heading you want for your page or post.
2. Underline: This button does exactly what it says, it will underline text that you choose tell it to.
3. Select Text Color: Use this to change the color of your text.
4. Past As Plain Text: Copying and pasting text from other sites or word processors can leave your text formatted differently or stick unwanted code that you do not want. The reason for this is that the html tags or codes that formatted the original text are pasted along with the text itself.
To avoid this the Paste as Plain Text will strip all the formatting and html tags from your text.
5. Clear Formatting: Use this to remove all the formatting (e.g. Underline, text color, Italics, Bold ect...) from the highlighted text.
6. Insert Special Character: Used to insert special characters that are not easily accessible via the keyboard. (e.g. ø, ‰, ¶, ♣)
7. Decrease Indent: Use this if you want to remove one level of indention.
8. Increase Indent: Will indent your content one level.
9. Undo: This is similar to the undo function in Microsoft Word. If you make an error in your post, you can use it to undo your last action.
10. Redo: The opposite of undo and it will redo your last action.
11. Keyboard Shortcuts: Confused about what each element does, click on this button to get information about keyboard shortcuts and the WordPress visual editor.
12. Justify: will align your text on both the left and right side (i.e. justify)