{"id":1083,"date":"2021-01-05T03:19:19","date_gmt":"2021-01-05T03:19:19","guid":{"rendered":"https:\/\/smotiv.com\/blog\/?p=1083"},"modified":"2021-01-06T09:26:20","modified_gmt":"2021-01-06T09:26:20","slug":"how-to-highlight-text-in-wordpress","status":"publish","type":"post","link":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/","title":{"rendered":"How to Highlight Text in WordPress"},"content":{"rendered":"

Do you want to highlight text in a WordPress post or page?<\/p>\n

Being able to highlight text can help you point user\u2019s attention to a specific text area. This can be great to highlight a call to action, special offer, or simply add emphasis on specific sentences.<\/p>\n

In this article, we\u2019ll show you how to easily highlight text in WordPress both with or without a plugin.<\/p>\n

\"\"<\/p>\n

Why and When to Highlight Text<\/strong>
\nText highlighting is an easy way to emphasize important information in your content. This helps you direct user\u2019s attention to important calls to action.<\/p>\n

Here\u2019s a sample of what text highlighting can look like:<\/p>\n

\"\"<\/p>\n

By default, the WordPress content editor does not come with the option to simply select and highlight any text.<\/p>\n

You can still emphasize text by making it italic, change text color, or making it bold.<\/p>\n

\"\"<\/p>\n

That being said, let\u2019s take a look at how to easily highlight text in WordPress.<\/p>\n

Method 1. Highlight any Text in WordPress (No HTML Required)<\/strong>
\nThe easiest way to highlight text is by using a WordPress plugin.<\/p>\n

First, you need to install and activate the Advanced Editor Tools plugin. For more details, see our step by step guide on how to install a WordPress plugin.<\/p>\n

Advanced Editor Tools (formerly known as TinyMCE Advanced) adds more formatting options and extends the WordPress block editor.<\/p>\n

Once the plugin is activated, you can edit the WordPress post or page where you want to highlight some text. Simply select the text you want to modify and then click on the dropdown arrow for more formatting options.<\/p>\n

\"\"<\/p>\n

From the drop-down menu, you need to select the \u2018Mark\u2019 option. This will highlight the text using the default colors.<\/p>\n

However, the actual color may vary depending on your WordPress theme colors. You can now save your post\/page and preview it to see the highlighted text in action.<\/p>\n

\"\"<\/p>\n

Easy wasn\u2019t it?<\/p>\n

However, if you don\u2019t need to highlight text very often, then this next method allows you to do the same without using a plugin.<\/p>\n

Method 2. Manually Highlight Text in WordPress<\/strong>
\nThis option requires a little bit of code, but it\u2019s easy to implement.<\/p>\n

For this example, we\u2019ll be using the HTML \u2018mark\u2019 element. This can be used to highlight and bring attention to a certain part of your writing.<\/p>\n

Simply edit the post or page where you want to highlight the text. Next, go to the paragraph containing the text and then click on three-dot menu in the block toolbar. From here, you need to select \u2018Edit as HTML\u2019 option.<\/p>\n

\"\"<\/p>\n

Next, you\u2019ll see raw text in HTML format. Simply wrap the text you want to highlight inside the <mark> and <\/mark> tags like this:<\/p>\n

You can now switch back to the visual mode by clicking on the three-dot menu again and selecting \u2018Edit Visually\u2019 in the block toolbar.<\/p>\n

\"\"<\/p>\n

The block area will switch back to the visual mode, and you\u2019ll notice your selected text highlighted.<\/p>\n

\"\"<\/p>\n

Your highlighted text may look different depending on your WordPress theme. However, normally it is just a yellow background.<\/p>\n

If you would like to change it, then you can do so by adding your own custom CSS.<\/p>\n

Simply go to Appearance \u00bb Customize<\/strong> page to launch the theme customizer. From here, you need to switch to the \u2018Additional CSS\u2019 tab.<\/p>\n

\"\"<\/p>\n

Here you can paste your custom CSS. You can use the following CSS code as a starting point.<\/p>\n

mark {<\/code><\/div>\n
background-color<\/code>: <\/code>#ffd4a1<\/code>;<\/code><\/div>\n
}<\/code><\/div>\n

Once you\u2019re done, hit the \u2018Publish\u2019 button to save your changes. You can now visit your WordPress blog to see your highlighted text in action.<\/p>\n

\"\"<\/p>\n

We hope this helped you learn how to highlight text in WordPress. You may also want to see our guide on the best WordPress page builders to help you create completely custom designs without any code, and our comparison of the best email marketing services to grow your traffic.<\/p>\n","protected":false},"excerpt":{"rendered":"

Do you want to highlight text in a WordPress post or page? Being able to highlight text can help you point user\u2019s attention to a specific text area. This can be great to highlight a call to action, special offer, or simply add emphasis on specific sentences. In this article, we\u2019ll show you how to […]<\/p>\n","protected":false},"author":6,"featured_media":1339,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-1083","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general"],"yoast_head":"\nHow to Highlight Text in WordPress<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Highlight Text in WordPress\" \/>\n<meta property=\"og:description\" content=\"Do you want to highlight text in a WordPress post or page? Being able to highlight text can help you point user\u2019s attention to a specific text area. This can be great to highlight a call to action, special offer, or simply add emphasis on specific sentences. In this article, we\u2019ll show you how to […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress Development\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-05T03:19:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-06T09:26:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2021\/01\/tai-xuong.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"168\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"smotiv\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"smotiv\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/\"},\"author\":{\"name\":\"smotiv\",\"@id\":\"https:\/\/smo.vn\/blog\/#\/schema\/person\/c4411e934ad493996ca1e85bee7db261\"},\"headline\":\"How to Highlight Text in WordPress\",\"datePublished\":\"2021-01-05T03:19:19+00:00\",\"dateModified\":\"2021-01-06T09:26:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/\"},\"wordCount\":662,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/smo.vn\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2021\/01\/tai-xuong.png\",\"articleSection\":[\"General\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/\",\"url\":\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/\",\"name\":\"How to Highlight Text in WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/smo.vn\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2021\/01\/tai-xuong.png\",\"datePublished\":\"2021-01-05T03:19:19+00:00\",\"dateModified\":\"2021-01-06T09:26:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#primaryimage\",\"url\":\"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2021\/01\/tai-xuong.png\",\"contentUrl\":\"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2021\/01\/tai-xuong.png\",\"width\":300,\"height\":168},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/smo.vn\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Highlight Text in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/smo.vn\/blog\/#website\",\"url\":\"https:\/\/smo.vn\/blog\/\",\"name\":\"Wordpress Development\",\"description\":\"Vietnam Out Sourcing Services !\",\"publisher\":{\"@id\":\"https:\/\/smo.vn\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/smo.vn\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/smo.vn\/blog\/#organization\",\"name\":\"Wordpress Development\",\"url\":\"https:\/\/smo.vn\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/smo.vn\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2020\/12\/cropped-smo-logo-e1609398962174.png\",\"contentUrl\":\"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2020\/12\/cropped-smo-logo-e1609398962174.png\",\"width\":240,\"height\":240,\"caption\":\"Wordpress Development\"},\"image\":{\"@id\":\"https:\/\/smo.vn\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/smo.vn\/blog\/#\/schema\/person\/c4411e934ad493996ca1e85bee7db261\",\"name\":\"smotiv\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/smo.vn\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/75d6a7b9c28ad7e4baa61751537a2463daa1b7e8b0c07ab7671054bfe7c2b4bd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/75d6a7b9c28ad7e4baa61751537a2463daa1b7e8b0c07ab7671054bfe7c2b4bd?s=96&d=mm&r=g\",\"caption\":\"smotiv\"},\"url\":\"https:\/\/smo.vn\/blog\/author\/smotiv\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Highlight Text in WordPress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to Highlight Text in WordPress","og_description":"Do you want to highlight text in a WordPress post or page? Being able to highlight text can help you point user\u2019s attention to a specific text area. This can be great to highlight a call to action, special offer, or simply add emphasis on specific sentences. In this article, we\u2019ll show you how to […]","og_url":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/","og_site_name":"Wordpress Development","article_published_time":"2021-01-05T03:19:19+00:00","article_modified_time":"2021-01-06T09:26:20+00:00","og_image":[{"width":300,"height":168,"url":"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2021\/01\/tai-xuong.png","type":"image\/png"}],"author":"smotiv","twitter_card":"summary_large_image","twitter_misc":{"Written by":"smotiv","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/"},"author":{"name":"smotiv","@id":"https:\/\/smo.vn\/blog\/#\/schema\/person\/c4411e934ad493996ca1e85bee7db261"},"headline":"How to Highlight Text in WordPress","datePublished":"2021-01-05T03:19:19+00:00","dateModified":"2021-01-06T09:26:20+00:00","mainEntityOfPage":{"@id":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/"},"wordCount":662,"commentCount":0,"publisher":{"@id":"https:\/\/smo.vn\/blog\/#organization"},"image":{"@id":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2021\/01\/tai-xuong.png","articleSection":["General"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/","url":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/","name":"How to Highlight Text in WordPress","isPartOf":{"@id":"https:\/\/smo.vn\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2021\/01\/tai-xuong.png","datePublished":"2021-01-05T03:19:19+00:00","dateModified":"2021-01-06T09:26:20+00:00","breadcrumb":{"@id":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#primaryimage","url":"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2021\/01\/tai-xuong.png","contentUrl":"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2021\/01\/tai-xuong.png","width":300,"height":168},{"@type":"BreadcrumbList","@id":"https:\/\/smo.vn\/blog\/how-to-highlight-text-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/smo.vn\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Highlight Text in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/smo.vn\/blog\/#website","url":"https:\/\/smo.vn\/blog\/","name":"Wordpress Development","description":"Vietnam Out Sourcing Services !","publisher":{"@id":"https:\/\/smo.vn\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smo.vn\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/smo.vn\/blog\/#organization","name":"Wordpress Development","url":"https:\/\/smo.vn\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/smo.vn\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2020\/12\/cropped-smo-logo-e1609398962174.png","contentUrl":"https:\/\/smo.vn\/blog\/wp-content\/uploads\/2020\/12\/cropped-smo-logo-e1609398962174.png","width":240,"height":240,"caption":"Wordpress Development"},"image":{"@id":"https:\/\/smo.vn\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/smo.vn\/blog\/#\/schema\/person\/c4411e934ad493996ca1e85bee7db261","name":"smotiv","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/smo.vn\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/75d6a7b9c28ad7e4baa61751537a2463daa1b7e8b0c07ab7671054bfe7c2b4bd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/75d6a7b9c28ad7e4baa61751537a2463daa1b7e8b0c07ab7671054bfe7c2b4bd?s=96&d=mm&r=g","caption":"smotiv"},"url":"https:\/\/smo.vn\/blog\/author\/smotiv\/"}]}},"_links":{"self":[{"href":"https:\/\/smo.vn\/blog\/wp-json\/wp\/v2\/posts\/1083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smo.vn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/smo.vn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/smo.vn\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/smo.vn\/blog\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":2,"href":"https:\/\/smo.vn\/blog\/wp-json\/wp\/v2\/posts\/1083\/revisions"}],"predecessor-version":[{"id":1097,"href":"https:\/\/smo.vn\/blog\/wp-json\/wp\/v2\/posts\/1083\/revisions\/1097"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smo.vn\/blog\/wp-json\/wp\/v2\/media\/1339"}],"wp:attachment":[{"href":"https:\/\/smo.vn\/blog\/wp-json\/wp\/v2\/media?parent=1083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/smo.vn\/blog\/wp-json\/wp\/v2\/categories?post=1083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/smo.vn\/blog\/wp-json\/wp\/v2\/tags?post=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}