Learn how to edit your blog posts in WordPress. Read all the tips & tricks to use the WordPress editor.
WordPress is a self-hosted platform for blogs/websites.
Many bloggers choose WordPress instead of other free platforms because it is highly customizable.
If you’re a new blogger (or a blogger-to-be), you have probably been wondering how it all works.
One question that may have popped your mind is: how do I edit my posts?
And I bet that when you saw the WordPress editor, you were probably like: What is this? 😮
The editor does have some getting used to (especially, if you know nothing about blogs like me when I was starting out).
And so, I have decided to do a little tutorial to help out new bloggers.
In this post, we will take a look at the visual and the text editor, and the other features that come with writing a blog post. I will also give you some tips and tricks I have learned along the way. So make sure to keep reading.
The Difference Between The Visual And The Text WordPress Editor
The visual editor displays your images and text, as you would see on your blog.
The text editor displays your images and text in HTML code.
PROTIP: HTML is the language/grammar of the web. HTML does not code the design of your blog, CSS does that.
If you want to see how your post looks, you are going to need to use your visual editor.
Usually, you can use the visual editor to write and edit your posts. It is much easier and simpler to use than the text editor.
But if you want to add HTML code, you need to do that in the text editor.
You can always switch between editors at any time.
PROTIP: If you write your blog post in Microsoft Word, you are going to have to paste it into Notepad. Then you can copy and paste the text from Notepad to the WordPress editor. This is because software like Word (and the internet, btw) tend to attach code to text, so you need to remove it by pasting into a simple program like Notepad.
The Visual Editor
PROTIP: If you are not seeing the row of buttons starting with number 18, press number 16 and it will show up.
1. Where you enter your blog post title.
2. Adds images and videos to your blog post.
3. This separates your text into columns. You can see the format in this post.
PROTIP: You need to install the Column Shortcodes plugin to get this feature.
4. Adds a contact form to your blog post.
5. Change your text to paragraph or headers.
8. Bullet list.
9. Numbered list.
10. Indented quote.
11. Text alignment.
12. The first symbol under 12 is used to add a link, the other is used to remove a link.
13. Inserts a read more tag.
14. Spell check.
15. Adds a contact form to your blog post. (Again)
16. Hides/shows the row of options below (the row starting with number 18).
17. This is an extension of the Pretty link plugin. It changes your long and ugly URLs into tiny pretty ones.
19. Inserts a horizontal line.
20. Change text color.
21. Paste as text.
22. Clear formatting.
23. Insert a special character (very basic characters).
24. Text indentation, sort of like the tab function.
25. Redo and undo.
26. Shows a summary of keyboard shortcuts.
27. Shows the word count of the post.
28. This one is an extra feature that appears all over chrome for me. This is the Grammarly spell check. It is very useful in identifying mistakes you, and the normal spell check, overlooked.
29. This button removes all the distractions from the side and leaves you to your writing. Take a look at the picture below:
The Text Editor
3. Add link.
4. Blockquote – indented quote in the form of a block.
7. Insert image.
8. Unordered list – Part of the code needed to make a bullet list.
9. Ordered list – Part of the code needed to make a numbered list
10. List item – Tag to show that what is written is part of a list. This tag is used in conjunction with ul or ol. See below:
11. Used to highlight the code you want to show in your post. When you use this tag, you will see this in your post:
12. Read more tag.
13. Closes tags left open. For example, it adds </li> to the <li> tag.
14. Inserts contact form in the post.
15. Spell check.
Take A Look At The Side
1. Save blog post as a draft. Remember to save often, as you don’t want to lose any progress!
2. Preview blog post as it would be when published.
3. Change visibility of the blog post. Usually, you should leave it as public. Other options are; private and password protected.
4. You can schedule your blog post from this part.
5. This comes with the Jetpack plugin. It automatically shares your blog post on social media.
6. This comes with the Yoast SEO plugin. Read the full tutorial here.
7. Hit this button to publish your post.
8. Click move to trash to delete the post.
9. Select a category in which your post fits.
PROTIP: You can add/remove categories from Dashboard>Posts>Categories
10. Upload a featured image if your theme shows it. A feature image is, sort of, a thumbnail image.
11. Choose tags that describe your blog post.
And that’s it.
So, that is basically everything you will find in the WordPress editor.
If you want to learn more about editing a WordPress blog post, check out this checklist that tells you everything you should do before and after you hit publish!
In need of more explanation? Do you know more tips & tricks that help you edit a post? Do you use more features from plugins? Share with us in the comments!