In today’s post, I will be doing a WordPress editing tutorial which will include an overview of the editor’s buttons and explain what each is used for.
I will also be giving you some “best use” suggestions.
This will help those who are new to WordPress get up to speed quickly so, let’s dive right in.
In the WordPress editor, the groups of buttons and tabs are the same for both pages and posts and many are similar to what you would find in your standard text editor such as Microsoft Word, for example.
Let’s take a look at what they are used for.
This button will give you access to the Media Library and is used to insert an image, video, pdf etc. into your post or page.
It is generally recommended, however, to host videos on an external server such as YouTube and then embed them into your content rather than hosting directly on your website server due to bandwidth issues, unless you have reason to host them locally such as having a membership site, where they will be a part of paid or subscription content for example.
You will be writing most of your content in the visual tab which is a WYSIWYG (what you see is what you get) editor but, if you need to add HTML code, such as you would be doing to place banner ads or Adsense for example then, you would do that in the text tab.
The paragraph button is a drop-down menu used for text and heading formatting.
The main text on a page or post (such as this text) is written in the paragraph format.
The actual size of the font is set by the theme developer when your theme was designed and with some themes, there is an option to change the size but many do not so, unless you know coding, you may have to either change themes or use a plugin to change the font size since this option is not built into the WordPress editor.
The main title of the page is normally displayed in Heading 1 size (H1) by default. Only one H1 should be used per page.
Sizes H2 – H6 can be used for the various subheadings, for example, the title of this post, “Using The WordPress Editor” is written using H1, with the remainder of the sub-heading for this section “Add Media” etc, are written with H2.
Also, the sub-headings under the “Top Row Editor Buttons” are written using H3 headings which break things down a bit further and helps to keep your content more organized.
Note: Break up paragraphs using an appropriate sub-heading and avoid using large blocks of text that will make your content more difficult to read.
Try to have no more than 5 or 6 lines of text before a break.
Make good use of white space to make your page or post easier to read.
Top Row Editor Buttons
The remainder of the buttons in the top row from left to right are as follows:
- Bold – To make bold text
- Italic – For italic text
- Bulleted List (such as this list)
- Numbered List
- Blockquote – Highlight the desired text and then click the blockquote button to make certain text stand out from the rest.
- Align text left
- Align text center
- Align text right
This allows you to make your chosen text a clickable hyperlink which, is known as Anchor Text.
To use this feature, highlight the text that you want to make a hyperlink. It could be one word or several.
Click the chain link button and type or paste the desired URL into the box provided then, click apply.
After clicking the chain link button, you could also click the wheel cog icon (link options).
This will open a box where your previous pages and posts are listed to make it easier to link to (known as internal linking).
Internal linking helps to improve bounce rate as it keeps visitors on your site longer which is great for SEO.
This dialog box also has a search feature which comes in handy when you have a lot of content on your site.
From there you can also check a box to make the link open in a new tab.
Allows you to clear the hyperlink.
Simply highlight the anchor text and click the broken chain link button to remove the hyperlink.
Read More Button
With the read more button, you can select where to put the page break so that only the post excerpt will appear on the main blogroll page.
Usually, you would allow just a couple of sentences or the first brief paragraph to be included as the excerpt, followed by a “Read More” or “Continue Reading” link, depending on your theme.
This will make it easier for the visitor to scan your blogroll for posts that are of interest them without having to scroll through the entire post in order to get to the next one which improves the user experience (UX) and also makes more of your content visible which could improve bounce rate as well.
When WordPress is first installed, only the first row of buttons will be displayed in the editor.
Clicking the Toolbar Toggle will reveal the second row of buttons.
Bottom Row Editor Buttons
The buttons included in the bottom row are:
- Horizontal Line
- Text Color – I suggest black text on a white background but, you may wish to make one or more words a different color to highlight certain points.
- Paste as Text – Will clear any formatting if you are pasting from another text editor.
- Clear Formatting – Clears any formatting
- Special Characters – Fractions, Degrees, Trademark and, Copyright Symbols etc.
- Decrease Indent
- Increase Indent
- Keyboard Shortcuts – Sometimes it is faster to use keyboard shortcuts in certain situations, once you get used to them.
Distraction Free Mode
Distraction free mode will temporarily remove both the left and right sidebars in the editor, just in case that kind of thing distracts you as you write.
Having the sidebars visible has never really bothered me so, I have never used this feature as I prefer to have everything where I can see them.
Need Any Help?
I hope you have found this WordPress Beginner Series Tutorial useful.
If so, feel free to share it with your friends and if you have any questions or comments, please leave them in the area below.
Also be sure to follow me over at Wealthy Affiliate where you can get all the step by step training and help from the knowledgeable community to help you start and grown your online business.
To Our Success!!