How to Underline Text in WordPress

Are you unsure of how to underline text in WordPress? No problem, as this guide presents several methods to achieve this formatting effect.

How To Underline Text In WordPress

Specifically, this guide teaches you three ways to perform this task. Hence, the guide’s first section will teach you to style text with an underline in WordPress using the default WordPress block editor.

Meanwhile, in the second section, this guide teaches how to perform this task using HTML. However, in the third section, I will demonstrate how to underline text in WordPress with a plugin.

Aside from all that, this guide also features an FAQ section. I will answer a few questions people mostly ask about this guide’s topic in that section.

Style Text with an Underline in WordPress Using WordPress Block Editor

Style text with an underline In WordPress Using WordPress Block Editor

One way to style a text as underline on your WordPress website is by using the default WordPress block editor. The following procedures below demonstrate how to accomplish that.

  1. Go to the backend dashboard of your WordPress website using an administrator account. Then, among the menus on the dashboard’s left pane, click Pages or Posts, depending on where you want to underline text.
  1. After that, click the title of the page/post where you want to underline the text. For this illustration, I will select the “Hello world!” post on my WordPress site.
Style text with an underline In WordPress Using WordPress Block Editor
  1. When the post/page opens, select the text(s) you want to underline. For instance, I want to underline “WordPress.”
  1. Next, click the Settings icon at the top right corner of the page.
Style text with an underline In WordPress Using WordPress Block Editor
  1. Finally, under Formatting in the Block tab on the left pane of the page, click the Underline icon to underline the selected text.
Alternatively, use the Ctrl + U keyboard shortcut to underline the selected text.

Styling Texts as Underline in WordPress Using HTML

Styling Texts As Underline In WordPress Using HTML

Another way to underline text in WordPress is by using an HTML element. To achieve that, carefully observe the following procedures below.

  1. Open the backend dashboard of your WordPress website with an administrator account. Then, among the options on the dashboard’s left pane, left-click Pages or Posts, depending on where you want to underline text.
  1. Subsequently, click the title of the page/post where you want to underline the text. For this demonstration, I will select the “Hello world!” post on my WordPress site.
Styling Texts As Underline In WordPress Using HTML
  1. When the post/page opens, select the text block that features the text(s) you want to underline. Next, click the Options icon in the toolbar at the top of the text block, then select Edit as HTML from the displayed options.
  1. Afterward, wrap the text(s) you want to underline between the <u> and </u> HTML tags. For instance, if I want to underline “WordPress,” below is what it will look like after wrapping it between the tags.
<u>WordPress</u>
Styling Texts As Underline In WordPress Using HTML
  1. Finally, click Edit visually. Hence, the text(s) should be underlined – see the second screenshot.
Styling Texts As Underline In WordPress Using HTML

Style a Text as an Underline Using a Plugin

Interestingly, you can underline text on your WordPress website with the help of a plugin known as Gutenberg Block Editor Toolkit – EditorsKit. This plugin adds more formatting options to the default WordPress block editor, including justify and underline.

So, in the following subsections, I will teach you how to install this plugin in WordPress. Then, you will learn how to use the plugin to underline text in WordPress.

How to Install Gutenberg Block Editor Toolkit – EditorsKit Plugin in WordPress

  1. Access the backend dashboard of your WordPress site with the aid of an admin account. Then, hover your mouse on Plugins among the menus on the left pane and select Add New.
Style a Text as an Underline Using A Plugin
  1. After that, input “Gutenberg Block Editor Toolkit – EditorsKit” in the search field on the Add Plugins page.
  1. Then, click the Install Now button on the Gutenberg Block Editor Toolkit – EditorsKit plugin from the search result.
Style a Text as an Underline Using A Plugin
  1. After installing the plugin, click the Activate button to enable it.

How to Use Gutenberg Block Editor Toolkit – EditorsKit Plugin to Underline Text in WordPress

  1. Login to the backend dashboard of your WordPress site with an admin account. Next, depending on where you want to underline text, click Pages or Posts among the options on the dashboard’s left pane.
Style a Text as an Underline Using A Plugin
  1. After that, click the title of the post/page where you want to underline the text. Once again, I will select the “Hello world!” post on my WordPress site for this illustration.
  1. Next, select the text you want to underline in the post/page. For example, I want to underline “WordPress.”
Style a Text as an Underline Using A Plugin
  1. Then, click the More icon (downward arrow) in the toolbar above the text block. Finally, select Underline from the options that appear.
You won’t find the Underline option if you haven’t installed and activated the Gutenberg Block Editor Toolkit – EditorsKit plugin.

Frequently Asked Questions

Frequently Asked Questions About Underlining Text In WordPress
1. What Is The Shortcut To Underline Text In WordPress?

The keyboard shortcut to underline text in WordPress is Ctrl + U.

2. Is Underline A Font Style?

Yes, underline is a font style. Moreover, like italics and bold, underlining is used to emphasize one or more words in an article or blog post.

3. Is WordPress Free?

WordPress is a free and open-source content management system (CMS) for creating websites and blogs.

4. What Is An Underline?

An underline is a horizontal line that is inserted immediately below a portion of text.

5. When Was WordPress Released?

WordPress was released by American developer Matt Mullenweg and English developer Mike Little on May 27, 2003.

My Final Thoughts

Underlining a text(s) on your WordPress site emphasizes the text(s) and can easily grab readers’ attention to the text(s). Fortunately, this guide demonstrated three distinct methods to underline text in WordPress.

To be more precise, I illustrated how to perform this task using the default WordPress block editor. Also, we discussed how to underline text in WordPress using HTML.

That’s not all; this guide also provided steps to carry out this task with the aid of a plugin called Gutenberg Block Editor Toolkit – EditorsKit.

I honestly hope you found this guide interesting and helpful. If you did, kindly spare a couple of minutes to share your views with our community platform at Itechguides Community.

You may also ask questions about this WordPress guide or provide feedback at Itechguides Community. We have a dedicated team and some community members that will be delighted to respond to you as soon as possible.

Before leaving, you can visit our WordPress & Websites How-To page to find more WordPress guides like this.

References and Further Reading

  1. wpbeginner.com – How to Add Underline and Justify Text Buttons in WordPress
  2. Itechguides Community

Suggested Articles

To ask a question or comment about this article, visit the article's topic at Itechguides Community