Learn how to Spotlight Textual content in WordPress (Newbie's Information)
Do you want to highlight text in a WordPress post or site?
If you can highlight text, you can draw the user's attention to a specific area of text. This can be great for highlighting a call to action, special offer, or simply highlighting certain phrases.
In this article we are going to show you how to easily highlight text in WordPress with or without a plugin.
Why and when to highlight text
Highlighting text is an easy way to highlight important information in your content. In this way, you can draw the user's attention to important calls to action.
Here is an example of what highlighting text can look like:
By default, the WordPress content editor does not offer the option to simply select and highlight text. You can still make text stand out by making it italic, changing the text color, or creating it bold.
Let's look at how to easily highlight text in WordPress.
Method 1. Highlight any text in WordPress (no HTML required).
The easiest way to make text stand out is to use a WordPress plugin.
First, you need to install and activate the Advanced Editor Tools plugin. For more information, see our step-by-step guide on installing a WordPress plugin.
Advanced Editor Tools (formerly known as TinyMCE Advanced) adds more formatting options and extends the WordPress block editor.
Once the plugin is activated, you can edit the WordPress post or the WordPress page that you want to highlight text on. Just select the text you want to change, then click the drop-down arrow to see more formatting options.
In the drop-down menu you have to select the option "Mark". This will highlight the text with the standard colors.
However, the actual color may vary based on the colors of your WordPress theme. You can now save your post / page and preview it to see the highlighted text in action.
Easy isn't it?
However, if you don't need to highlight text very often, this next method lets you do the same thing without using a plugin.
Method 2. Manually highlight text in WordPress
This option requires a bit of code, but is easy to implement.
In this example we use the HTML element "mark". This can be used to highlight and draw attention to a specific part of your writing.
Just edit the post or page that you want to highlight the text on. Next, go to the paragraph that contains the text, then click the three-dot menu on the Blocks toolbar. From here you need to select the "Edit as HTML" option.
Next, you'll see raw text in HTML format. Just wrap the text you want to highlight in that and Tags like this:
You can now switch back to visual mode by clicking the three-dot menu again and selecting "Edit Visually" in the block toolbar.
The block area switches back to visual mode and you will notice that your selected text is highlighted.
Your highlighted text may look different depending on the WordPress theme. Usually, however, it's just a yellow background.
If you want to change it, you can do so by adding your own custom CSS.
Just go to Appearance »Customize Page to start the Theme Customizer. From here you need to switch to the "Additional CSS" tab.
Here you can insert your custom CSS. You can use the following CSS code as a starting point.
Background color: # ffd4a1;
When you're done, click the Publish button to save your changes. You can now visit your WordPress blog to see your highlighted text in action.
We hope this has helped you learn how to highlight text in WordPress. You might also want to check out our guide to the best WordPress page builders to help you create completely custom designs with no code, and our comparison of the best email marketing services to drive your traffic.
If you enjoyed this article, please subscribe to our YouTube channel for WordPress video tutorials. You can also find us on Twitter and Facebook.