WordPress

How do I change the size of text in WordPress?

This brief tutorial shows how to change the size of text in WordPress.

By reading this tutorial, you will learn how to change the text size from the dashboard settings and a plugin.

This tutorial is divided in 3 sections:

All steps described in this tutorial contain screenshots, making it easy for new WordPress users to follow them.

Change the size of text in WordPress using built-in options:

This section explains the procedure to change your article or page body content text size without including headings. WordPress heading font sizes are edited in a specific way explained in the second section of this tutorial.

To change the body content text size, open the post or page you want to edit and in the right menu, press the Block option as shown in the following screenshot.

Select the text whose size you want to change, and on the right menu, you will see the option Size Default, which allows you to choose between predefined font sizes (Later below, you can read how to apply a custom size).

You can select any of the options to see how your text changes.

By pressing the toggle button, you will define a custom text size as shown below.

Now you know how to change your body text size. Keep reading below to learn how to properly edit heading text sizes.

How to change the headings size in WordPress:

This section shows how to change your content headings, optimizing them both for search engines and readers.

To begin resizing your content headings, open the post or page whose content you want to resize and find the paragraph or sentence to resize.

Select the text to resize and press the

icon.

In the dropdown menu, press the Heading option, as shown in the screenshot below.

Your text will change to the H2 size (H tag functions are explained after instructions in this tutorial). Press H2 to show all available sizes, being H1 the larger and H6 the smaller. Below you can see how the H2 size seems.

Here you can see how H6 seems.

To restore the paragraph font size, select your text and press the icon shown in the following image.

Then press the Paragraph option as shown below.

After making your changes remember to press the Save Changes button to apply them.

That’s how to change the font size using WordPress built-in options. It is extremely important to know the difference between H1,H2,H3,H4,H5 and H6 and how it can impact your site.

Difference and function of H1,H2,H3,H4,H5 and H6 tags:

The Hx tags are extremely important both for search engines to properly identify your content and for human readers to know its hierarchy.

Below you can read the function of each of those tags:

  • H1: This tag is useful to define the content title. It is the most important tag for search engines to identify your content to be shown in results. It is critical to put the most important keywords in this tag, as it is important to keep a length of between 50 and 60 characters. Try to avoid non-keywords here to optimize its function. It is important to highlight you should not define more than one H1 tag.
  • H2: The H2 tag is used for subheadings. This is useful when your content is divided in different sections. Therefore contrary to the H1 tag, you can use several H2 tags depending on your subheadings quantity. This is the second most important tag for search engines, so try to place your keywords in each H2 subtitle.
  • H3 & H4: H3 and H4 tags are useful to define subheadings within the H2 subheading. As with H2, your content can have multiple H3 and H4 tags. H3 and H4 are less relevant for search engines, yet it is worth it to locate keywords here but don’t abuse them, or your site may get penalized.
  • H5 & H6: Normally, H5 and H6 are not used since most contents are not long enough to apply them. Those tags are used for fifth and sixth level heading.

As you can see, implementing the proper tags (font sizes) will impact your website traffic by making it easier for your readers to interact with your site and making your site more attractive for search engines. Apply them intelligently without abusing keywords (You can combine them) to avoid getting penalized.

Allow your visitors to change the text size in WordPress using a plugin:

This section shows how to allow your visitors to change the size of text in your WordPress site.

For this section, I will use a plugin named Zeno Font Resizer.

To begin, access your WordPress dashboard and on the left menu, move the mouse cursor over Plugins and press the Add New button (Plugins>Add New).

On the plugins installation screen, type “Zeno Font Resizer” in the keyword search field. When the plugin named Zeno Font Resizer shows up, press the Install Now button.

Once installed, enable the plugin by pressing the Activate button.

After enabling the plugin, on the dashboard left menu, move your mouse cursor over Settings and press Zeno Font Resizer as shown in the screenshot below (Plugins>Zeno Font Resizer).

The configuration screen first options allow you to discriminate the HTML content type to allow resizing options. For example, you can allow visitors to edit the font size on your entire site or in specific sections like the content body.

As you can see, it is also possible to define minimum and maximum sizes as resizing steps.

By scrolling down, you can find two more options to define the character shown to your visitors to identify the resizing option and the timing for cookies.

Remember to press the Save Changes button to apply changes.

Now you need to locate the resizing button making it visible to visitors. For this, on the dashboard left menu, move your mouse pointer over Appearance and press the Widgets option (Appearance>Widgets).

In the widgets screen, scroll down to find Zeno Font Resizer.

Drag Zeno Font Resizer to the area in which you want to show the resizing option to visitors. In my case, I added it to the Blog page below the search box.

And as you can see, the Font Resizer option is shown below the search box.

Now your visitors will be able to choose the font size.

Conclusion:

As you can see, resizing the text in WordPress is pretty easy by following instructions like the described above. It is important to distinguish between headings and text when resizing since it will directly impact on your website traffic. SEO experts recommend using Hx tags professionally, making it easy for search engines to classify your site. Allowing your visitors to edit the font size may also improve visitors’ experience. I hope this tutorial was useful.

Thank you for reading this WordPress article. Keep following Linux Hint for additional professional tips and tutorials.

About the author

David Adams

David Adams is a System Admin and writer that is focused on open source technologies, security software, and computer systems.