How to Highlight Text in WordPress (2 Easy Methods)

How to Highlight Text in WordPress (2 Effortless Techniques)

Highlighting is a time-honored tradition to bring focus to important areas of any text. All people highlights paperwork, from learners to pros and it’s a element that’s sorely lacking on a great deal of internet sites. Which is why understanding how to use WordPress to emphasize textual content can be these types of a important ability. 🤓

By highlighting textual content, you can place site visitors toward the most critical elements of any put up or short article. It tends to make it quick for end users to get the gist of what you’re talking about and it appears very good on a page. That final portion is no tiny thing, as generating posts as participating as attainable is essential to their achievements.

In this write-up, we’re likely to exhibit you two ways to use WordPress to spotlight text. Let’s start with the far more uncomplicated strategy! 🎬

1. Emphasize textual content making use of the Block Editor 🧱

It can be tough to place, but the Block Editor offers a simple element for highlighting textual content. To uncover it, you will want to pick a block of text or element of it. As soon as you do, look for the downward-pointing arrow icon in the formatting menu that seems next to the block and click on on it. The Emphasize choice need to be the first in the menu:

Selecting the text you want to highlight in WordPress.

When you simply click on spotlight, you’ll be capable to select both the coloration of the textual content and its qualifications. That indicates you can create various spotlight combos:

How to use WordPress to highlight text.

There is a risk to choose hues from the selection at the bottom of the menu or click on the shade picker tool. The resource performs with hex codes and it permits you to pick out from any coloration in the spectrum:

Hex color picker tool.

Soon after you find a colour for the letters, repeat the exact method for the qualifications. Here’s what the outcome seems to be like working with the classic black letters on a yellow background emphasize:

An example of how to use WordPress to highlight text.

Take note that you have to have to pick the text you want to highlight within a block. If you never pick any element of the text, the highlight won’t use.

2. Emphasize text utilizing a plugin 🔌

This approach can be useful if you’re nevertheless employing the Vintage Editor or you do not want to use the default emphasize function the Block Editor involves. The plugin we suggest utilizing is Shortcodes Top:

As the title implies, this plugin provides a selection of shortcodes to your internet site. People shortcodes include things like a ton of helpful attributes, together with alternatives for introducing accordion sections, expanding tabs, embedding maps, and dozens of other features.

Amid those shortcodes, you have 1 that enables you to use WordPress to emphasize text. Here’s what it appears to be like like:

Hi! [su_highlight background="#DDFF99" color="#000000"]This element of the textual content is highlighted for worth[/su_highlight]. This portion of the textual content is not.

If you set up and activate the plugin, then insert that shortcode on a webpage, the consequence will look like this:

Hello!  This section of the text is highlighted for importance . This portion of the textual content isn’t.

You can compose everything you want between the su_emphasize tags. Having said that, continue to keep in thoughts you have to specify two attributes, which are background and coloration.

The two attributes should really have different HEX shade codes. Ideally, they really should be colors that distinction very well so end users can make out the text you choose to emphasize.

Summary 🧐

Highlighting text is a uncomplicated feature, but one particular that can make your information a great deal additional engaging. Most of us are used to spending distinctive consideration to any highlighted textual content.

That signifies having a next to emphasize critical areas of an short article or a submit can assistance assure that consumers fork out consideration where you want them to.

👨‍🎓 Learning how to use WordPress to highlight text is uncomplicated. There are two fundamental approaches in which you can go about it:

  1. 🧱 Spotlight textual content employing the Block Editor.
  2. 🔌 Emphasize textual content applying the Shortcodes Supreme plugin.

Do you have any concerns about how to use WordPress to spotlight textual content? Let’s converse about them in the remarks area underneath!

Totally free tutorial

4 Crucial Methods to Pace Up
Your WordPress Internet site

Abide by the straightforward steps in our 4-part mini collection
and lower your loading instances by 50-80%. 🚀