How to use the WordPress Editor

So you now have your WordPress installation in place. Congratulations! You’re surely looking forward to creating your fantastic content to impress the world. So where do you start? To create beautiful, eye-catching content, you must first get familiar with the default WordPress text editor. In this guide you’ll learn everything there is to know about the default WordPress text editor, plus some alternatives and tweaks to make your life even easier. Please make sure you read the guide in its entirety so that you don’t omit anything useful.

A little introduction first

As soon as you click on "Posts-->Add New" or "Pages-->Add New" you’re directly taken to the WordPress, text editor. While for the newbie blogger, the editor might at first seem a bit daunting, the seasoned blogger might find it a bit lacking in options. Well, there is good news for the both; as with everything else in WordPress, you can fully customize the text editor to fit your needs. In fact, you’re going to need some plugins or a bit of tweaking to increase the functionality of the editor sooner or later.

So let’s just jump straight to the WordPress Text Editor (editor for simplicity’s sake). When the editor page is loaded, you’ll be able to see some key elements:

WordPress add/edit page screen
WordPress add/edit page screen

The Title Box: Here you input the desired title for your page or post. After you set the title, a little permalinks option appears just below the Title Box, allowing you to set the Permalink of your content(i.e. the full address of the page/post that the visitor can type in their address bar to see your content)

The Main Writing/Editing Area: We will explore this area in detail, as it’s the main subject of this guide.

The Publish Box: Here you can:

  • – Preview or Save a draft of your page or post so that it doesn’t get lost when you leave the editor page.
  • – Change the Visibility of your content by making it Public (anyone can see it), Private (Only visitors who have the link can see it), or Password Protected (you determine the password for the content and only those who know it can see your content).
  • – Publish immediately or Αrrange a date and time in the future for your content to be published automatically.

Page Attribute Box: Here you define the parent page of your new page and determine the page template that will be used if you’re creating a page.

Categories-Tags Box: Here you set the category that your new post will belong to and the tags that will be used to describe it and help search engines find it if you’re creating a post.

Featured Image Box: Here you set an image as the featured image for your page or post. This image can be used to present your content in a stylish way in your Home Page.

The above boxes are the ones that appear by default and can be changed anytime by clicking the "Screen Options" Button on the top of your page. You can add new, hide those you don’t need or even rearrange them. You can, also, click on the "distraction-free writing mode" button which will hide all the unnecessary stuff from your screen which will let you focus on your writing only. It’s on the right side of your writing box, under the visual/text buttons.

So let’s now discuss the main editing/writing box of your WordPress Text Editor.

If you have ever used Microsoft Word, then you’ll find that the main editor box is very similar to it.
For those who haven’t used Word, though, we will explain all the default buttons available to ease your way to creating wonderful content. So here they go, from left to right:

wordpress_buttons (27)

Bold: Clicking this button allows you to write in bold letters to emphasize something.

wordpress_buttons (26)Italic: Writing in Italics is another way to highlight your text or use irony in your context.

wordpress_buttons (25)Strikethrough: A less-used button, which allows you, however, to show a mistake you deliberately made or a correction over a previous writing.

wordpress_buttons (24)Bulleted List (Unordered List): Use bulleted lists to present a series of correlated things or thoughts. Strike your Return (Enter) key each time you want to add a new item.

wordpress_buttons (23)Numbered List: Similar to bulleted lists. However, instead of bullets left to each list item, a number appears showing the sequence (i.e. succession) of the items on the list.

wordpress_buttons (22)Blockquote: If you want to show the words of a famous person you can use this handsome button to insert quoted text. The text appears with a little indentation to the right, having a small blue vertical bar next to it so that the reader may distinguish it from the surrounding text.

wordpress_buttons (21)Horizontal Line: Clicking this button, allows you to insert a horizontal line in your text. This is particularly useful if you want to change the subject you’re writing about or forward to a whole new concept.

wordpress_buttons (19) wordpress_buttons (18) wordpress_buttons (17)Align Left/Center/Right: These three buttons allow you to modify the alignment of your text.

wordpress_buttons (16)Insert/Edit Link: This button allows you to insert a hyperlink in your text. Clicking it opens a tiny window in your text editor. Your task now is divided into two parts:

  • – Write the text that will appear as the hyperlink.
  • – Write the hyperlink itself on the pop-up window that has opened.

wordpress_buttons (15)Remove Link: This button allows you to remove a link that already exists in your text. First, select the link you want to remove, and then press the Remove Link Button to remove it.

wordpress_buttons (14)Insert Read More Tag: This handy button allows you to insert a tiny Read More button in your page. What this button does is to hide the rest of the content that follows it. The user has to click on the Read More button so that the hidden content is revealed. Why you need such a button? To avoid lengthy and tiring content, of course! The user clicks the button only if they want to read the following lines.

Is that it? What about the color? Where is the underline text option?

wordpress_buttons (13)You might be wondering. Well, calm down. It’s all there waiting for you! You just need to click the Toolbar Toggle button (the last button on the right of the toolbar), and voila! A new line appears in the toolbar having all the options you might ever need to format your text properly. Let’s explain them:

wordpress_buttons (12)Paragraph/Headings/Preformatted text: An advanced option which lets you format your text to appear as a default paragraph, a heading (different sizes are available) or as preformatted text.

wordpress_buttons (11)Underline: Another way to emphasize a part of your content. Just don’t overdo it!

wordpress_buttons (10)Justify: Another alignment option which creates text that extends to the end of the line. This makes your text more even and beautiful.

wordpress_buttons (9)Text Color: Here you are! Just select the text you want to color and click on this button. A palette appears with the most used colors to choose from. You can even create a custom color to give your content more style. Just click on the custom color option.

wordpress_buttons (8)Paste as text: This option allows you to paste a copied text without maintaining its format.

wordpress_buttons (7)Clear formatting: What if you decide that the formatting you gave in a word or sentence is not that good; just them and click on the clear formatting button. All formatting is removed right away.

wordpress_buttons (6)Special Character: If you want to insert a character that doesn’t appear on your keyboard, just click on this button. A popup window will open, allowing you to select any of the most popular special characters; ideal for the math guy, or those who write about money and currency.

wordpress_buttons (5)wordpress_buttons (4)Decrease/Increase Indent: These two buttons give you the opportunity to shift your content either left or right so it distinguishes from the surrounding text.

wordpress_buttons (3) wordpress_buttons (2)Undo/Redo: These two keys allow you to undo a change you’ve made. If you decide, however, that you “Undid” a good change, then you can Redo it just by pressing a key. Nothing gets lost! Feel free to experiment!

wordpress_buttons (1)Keyboard Shortcuts: Are you a keyboard guy like me? Clicking on the keyboard shortcuts button opens a window showing all the available keyboard shortcuts which will let you produce your content faster.

And what if I wanted to add any images or pdf’s in my text? Isn’t that possible?

It surely is. Right on the top of the main editing/writing box, an “Add Media” button appears. Clicking on this button allows you to upload any possible media file. Images, Word files, pdf’s, even mp3’s can be uploaded. Doesn’t this give you enough room to unleash your creativity?

Last but not least, the HTML editor. If you are the programmer type of person, the WordPress Editor allows you to modify the HTML code behind your page/post to give you more flexibility on the page and the text itself. Clicking the Text button on the right of your writing box reveals the HTML code behind your content. Feel free to make any advanced changes and create remarkable content that will impress your visitors. Choose among tables, special buttons, social buttons, and more.


This sums up our guide for the default WordPress Text Editor. It is a powerful editor that will help you create content on your new blog quickly and in a stylish way. Go ahead! Use the editor and conquer the world of blogging. Good Luck!


1 comment

Leave a Reply

Your email address will not be published. Required fields are marked *