How to Use the WordPress WYSIWYG Toolbar to Format Your Blog Posts Like a Pro

Posted By Ngahuia Galligan 28th of March 2018 Blogging Tools and Services, Start a Blog  0 Comments

Are you using WordPress’ formatting features to their fullest?

I expect you already know the basics of agb directory formatting your blog posts to make them more readable. (If you’re just getting started, you might want to check out 4 WordPress Formatting Tips to Make Your Posts More Readable for an overview of the basics.)

But many bloggers – even experienced ones – don’t realise just how many formatting features are built into WordPress.

Understanding the WordPress WYSIWYG Editor

Whether you write your drafts in the WordPress editor or elsewhere, it’s important to be familiar with the WordPress WYSIWYG toolbar and know what all those buttons do.

WYSIWYG (pronounced “wizzy-wig”) stands for “What You See Is What You Get”, and describes any interface where you can see how your text will actually look as you apply various types of formatting to it. Microsoft Word, Google Docs and WordPress are all WYSIWYG editors.

Whenever you create a new post or page in WordPress, you should see the WYSIWYG editor. The toolbar (the buttons along the top) looks like this:

 

(If you don’t see these buttons, make sure you’re using the “Visual” rather than the “Text” version of the editor. You can swap between the two using the tabs on the right-hand side of the box where you write your post.)

If you’ve written and formatted your post in another WYSIWYG editor and copied the text into WordPress, some of the formatting may have been preserved. But some formatting options, such as blockquotes and horizontal rules, can only be applied in WordPress.

(Don’t worry if you have no idea what “blockquotes” and “horizontal rules” are. You’ll know all about them, and how to use, them by the end of this post!)

Even if some of the buttons look confusing right now, they’re all straightforward to use. We’ll take the toolbar one row at a time.

The Top Row of the Toolbar: The Most Common Formatting Options

The buttons are divided into two rows. The top row contains the options you’re likely to use most frequently.

Here they are:

 

We’ll go through them one by one:

#1: “Paragraph” Dropdown

 

HTML tag equivalent: <h1>, <h2>, <h3>, etc. and <pre>.

This dropdown menu lets you format your text using heading styles:

 

Heading 1 is used for the title of your updated 2024 mobile phone number data post, and so should be avoided for subheadings within your post.

Most bloggers use Heading 2 for their main subheadings and Heading 3 for any subheadings nested beneath those. (In this post, for instance, the subheading The Top Row of Buttons: The Most Common Formatting Options is Heading 2, and the subheading #1: “Paragraph Dropdown” is Heading 3.)

The “Preformatted” option can be used if you’re including sections of code in your post. it will display the text exactly as written using a monospaced font.

#2: Bold Text

updated 2024 mobile phone number data

 

HTML tag equivalent: <strong>

The button that looks like a B is probably cпрошчаны супраць closersCopy: які лепшы генератар кантэнту AI? familiar to you from Microsoft Word and other programs. It makes your text bold like this.

To use it, you can either:

  • Click the “B” button, type the text you want in bold, then click “B” again to turn back to normal text.
  • Type your text as normal, then highlight the portion you want in bold and click “B”.

Use it for: Emphasising a key sentence, or creating a subheading where you don’t want to use a heading style.

 

Use it for: Creating a sales page or special offer, where it might make sense to center your text. Some bloggers even use centered text for poems or other slightly unusual types of content.

#8: Link/Unlink

 

HTML tag equivalent: <a href>

This button lets you turn text into a link that readers can click to visit a different post or page. Simply type the text (e.g. the title of a post), then highlight it and click the link button. You’ll see this.

 

Leave a comment

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