{"id":40304,"date":"2022-08-06T17:14:36","date_gmt":"2022-08-06T11:29:36","guid":{"rendered":"https:\/\/hashthemes.com\/?p=40304"},"modified":"2024-11-25T10:05:52","modified_gmt":"2024-11-25T04:20:52","slug":"highlight-text-in-wordpress-post-or-page","status":"publish","type":"post","link":"https:\/\/hashthemes.com\/highlight-text-in-wordpress-post-or-page\/","title":{"rendered":"How to Add Highlight Text in WordPress Post or Page? (With or Without WordPress Plugin)"},"content":{"rendered":"\n

Highlighting text on your WordPress posts can help you get the attention of your visitors to a specific text. This can be a great way to present a call to action, special offers, or add an emphasis to specific sentences. <\/p>\n\n\n\n

In this article, we will discuss how easily you can highlight text in WordPress with or without using a WordPress plugin. <\/p>\n\n\n\n

Method 1: Highlight Text in WordPress By Using WordPress Plugin<\/strong><\/h2>\n\n\n\n

The first thing you need to do in this method is install and activate the Advanced Editor Tools<\/a> plugin on your WordPress website.<\/p>\n\n\n\n

The advanced Editor Tools plugin adds more formatting options to your block editor.\u00a0<\/p>\n\n\n\n

Once the plugin is activated, edit the page\/post where you want to highlight your texts.<\/p>\n\n\n\n

Simply select the text that you want to modify and click on the dropdown arrow to view more formatting options.<\/p>\n\n\n\n

\"Highlight<\/figure>\n\n\n\n

Here, select the \u201cMark<\/strong>\u201d option. This will highlight your selected text in the default color.\u00a0<\/p>\n\n\n\n

You can change the highlight color as well as the highlighted text color from the Text Color option available in the block settings.<\/p>\n\n\n\n

\"Highlight<\/figure>\n\n\n\n

Choose the most appropriate color for your highlighted text and highlight.<\/p>\n\n\n\n

\"Highlight<\/figure>\n\n\n\n

Click on the \u201cPublish \/ Update<\/strong>\u201d button to save the changes you have made.<\/p>\n\n\n\n

Method 2: Highlight Text in WordPress Without Using a WordPress Plugin<\/h2>\n\n\n\n

This method needs a little bit of coding knowledge but is very easy to implement. So, if you don\u2019t want to install another WordPress plugin on your site, you can try out this method.\u00a0<\/p>\n\n\n\n

Simply edit the existing page or post where you want to highlight. Next, go to the paragraph containing the text that you want to highlight and click on the three-dot menu in the block toolbar. <\/p>\n\n\n\n

Here, select the \u201cEdit as HTML<\/strong>\u201d option. You will see the paragraph in a raw HTML format. <\/p>\n\n\n\n

\"Highlight<\/figure>\n\n\n\n

Now, simply wrap the text that you want to highlight inside the <mark> … <\/mark><\/strong> tags. <\/p>\n\n\n\n

\"Highlight<\/figure>\n\n\n\n

Like for example, you want to highlight the \u201chighly customizable WordPress theme<\/strong>\u201d from the screenshot below.<\/p>\n\n\n\n

Wrap the text like this:<\/p>\n\n\n\n

<mark> highly customizable WordPress theme <\/mark><\/pre>\n\n\n\n
Now, switch back to the visual mode. To switch back click on the three-dot menu and select \u201cEdit Visually<\/strong>\u201d.<\/p>\n\n\n\n
\"Highlight<\/figure>\n\n\n\n
The block area will switch back to the visual mode and you will notice your selected text highlighted.<\/p>\n\n\n\n
Normally, the highlighted text will have a yellow background color. But it may vary depending upon the theme color.<\/p>\n\n\n\n
If you want to change the color, you can do so by adding custom CSS code.<\/p>\n\n\n\n
Go to Appearance > Customizer<\/strong> to launch your theme customizer. Now, click on the Additional CSS section and paste the following code. <\/p>\n\n\n\n
mark {\nbackground-color: #000000; \n}<\/pre>\n\n\n\n
The color will be controlled as per the hex you have entered.<\/p>\n\n\n\n
\"Highlight<\/figure>\n\n\n\n
You can also change the text color of your highlight by adding the following in the Additional CSS section.<\/p>\n\n\n\n
mark {\nbackground-color: #000000; \n            color: #ffffff;\n}<\/pre>\n\n\n\n
Click on the \u201cPublish\u201d<\/strong> button to save the changes that you have made.<\/p>\n\n\n\n
The highlighted text like the one below can be obtained.<\/p>\n\n\n\n
\"Highlight<\/figure>\n","protected":false},"excerpt":{"rendered":"
Highlighting text on your WordPress posts can help you get the attention of your visitors to a specific text. This can be a great way to present a call to action, special offers, or add an emphasis to specific sentences.  In this article, we will discuss how easily you can highlight text in WordPress with […]<\/p>\n","protected":false},"author":772,"featured_media":47361,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-40304","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-and-tutorials"],"_links":{"self":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/posts\/40304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/users\/772"}],"replies":[{"embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/comments?post=40304"}],"version-history":[{"count":1,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/posts\/40304\/revisions"}],"predecessor-version":[{"id":57850,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/posts\/40304\/revisions\/57850"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/media\/47361"}],"wp:attachment":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/media?parent=40304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/categories?post=40304"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/tags?post=40304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}