{"id":21546,"date":"2014-06-30T18:01:45","date_gmt":"2014-06-30T10:01:45","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=21546"},"modified":"2024-06-24T20:29:22","modified_gmt":"2024-06-24T12:29:22","slug":"wordpress-menu-icon","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/","title":{"rendered":"How to Add Icons to Your WordPress Menu Easily"},"content":{"rendered":"<p><strong>Icons<\/strong> are a fantastic addition to any design. <strong>Many icons are universally recognized<\/strong>. For example, public toilet signs at the airport use icons to show which restroom is for men and which is for women, making it easy to understand even if you don\u2019t know the local language.<\/p>\n<p>The same concept can be applied to a website; using icons can help users navigate your site more easily, enhancing the user experience and making the site look more attractive.<\/p>\n<p>However, <a href=\"https:\/\/www.hongkiat.com\/blog\/40-free-and-useful-gui-icon-sets-for-web-designers\/\">adding icons<\/a> in a CMS like WordPress can be tricky. If your site is built on WordPress, here\u2019s <strong>the easiest way to display an icon in the WordPress menu<\/strong>.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/wordpress-dashicons\/\" class=\"ref-block__link\" title=\"Read More: How to Add Dashicons to Your WordPress Theme or Plugin\" rel=\"bookmark\"><span class=\"screen-reader-text\">How to Add Dashicons to Your WordPress Theme or Plugin<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/wordpress-dashicons.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-21440 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/wordpress-dashicons.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">How to Add Dashicons to Your WordPress Theme or Plugin<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tWith the revamped WP-Admin in WordPress 3.8, a brand new set of icons called Dashicons was introduced. Dashicons,...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Getting Started<\/h2>\n<p>Adding an icon in WordPress is made simple with a plugin called <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/\/plugins\/menu-icons\/\">Menu Icons<\/a>. First, install and activate this plugin.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-menu-icon\/plugin-activated.jpg\" height=\"180\" width=\"500\" alt=\"Plugin activated\"><\/figure>\n<p>Now we are ready to add the icons.<\/p>\n<h2>Adding Icon<\/h2>\n<p>For this example, I am using the TwentyTwelve theme, which is clean and simple. I have also created a few pages to include in the menu.<\/p>\n<p>Create a new menu by going to <strong>Appearance &gt; Menus<\/strong>. Remember to assign the menu location, or it won\u2019t show up on the website.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-menu-icon\/main-navigation.jpg\" height=\"320\" width=\"500\" alt=\"Main navigation\"><\/figure>\n<p>Next, we\u2019ll add an icon for each menu item. Start by expanding one of the menu items. You\u2019ll see a link that says <strong>Icon: Select icon<\/strong>. Click on \u201cSelect icon\u201d to begin. A window similar to the WordPress media library will appear.<\/p>\n<p>Currently, the plugin includes 3 <a href=\"https:\/\/www.hongkiat.com\/blog\/create-font-icon-set\/\">font icon libraries<\/a>: <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/gist.github.com\/neverything\/26f3cf548fb2fe02385240f3bc9c76cf\">Dashicons<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/genericons.com\/\">Genericons<\/a>, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/fontawesome.io\/\">FontAwesome<\/a>.<\/p>\n<p>Even though you can use icons from any library, it\u2019s best to stick to one to maintain consistency. For instance, if you choose FontAwesome, use it throughout the website to ensure the icons look unified and consistent.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-menu-icon\/selecting-icon.jpg\" height=\"320\" width=\"500\" alt=\"Selecting icon\"><\/figure>\n<p>When you select an icon, you\u2019ll see a preview on the right panel. In this panel, you can make adjustments, such as placing the icon <strong>before<\/strong> or <strong>after<\/strong> the menu item, adjusting the font size, and setting the vertical alignment. Once you\u2019re satisfied, click <span class=\"key\">Select<\/span> and proceed to add icons to the other menu items.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-menu-icon\/final-result.jpg\" height=\"180\" width=\"500\" alt=\"Final result\"><\/figure>\n<h2>Final Thought<\/h2>\n<p>Menu Icons is a very useful plugin for adding icons to your menu. It integrates well with the <a href=\"https:\/\/www.hongkiat.com\/blog\/evolution-of-wordpress\/\">WordPress UI<\/a> pattern, making it very easy to use. The developer has also planned a few new features for upcoming versions, including adding more icon libraries and the ability to upload custom icons.<\/p>\n<p>I hope you find this tip useful. Give the plugin a try and see how it enhances your site.<\/p>\n<p><strong>Note:<\/strong> This post was first published on the Jun 30, 2014.<\/p>","protected":false},"excerpt":{"rendered":"<p>Icons are a fantastic addition to any design. Many icons are universally recognized. For example, public toilet signs at the airport use icons to show which restroom is for men and which is for women, making it easy to understand even if you don\u2019t know the local language. The same concept can be applied to&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[49],"tags":[4663,3323],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How To Display Icons In WordPress Menu<\/title>\n<meta name=\"description\" content=\"Icons are a fantastic addition to any design. Many icons are universally recognized. For example, public toilet signs at the airport use icons to show\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Icons to Your WordPress Menu Easily\" \/>\n<meta property=\"og:description\" content=\"Icons are a fantastic addition to any design. Many icons are universally recognized. For example, public toilet signs at the airport use icons to show\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2014-06-30T10:01:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-24T12:29:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-menu-icon\/plugin-activated.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\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:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-menu-icon\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-menu-icon\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"How to Add Icons to Your WordPress Menu Easily\",\"datePublished\":\"2014-06-30T10:01:45+00:00\",\"dateModified\":\"2024-06-24T12:29:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-menu-icon\\\/\"},\"wordCount\":438,\"commentCount\":13,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-menu-icon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-menu-icon\\\/plugin-activated.jpg\",\"keywords\":[\"ad-divi\",\"WordPress Plugins\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-menu-icon\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-menu-icon\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-menu-icon\\\/\",\"name\":\"How To Display Icons In WordPress Menu\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-menu-icon\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-menu-icon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-menu-icon\\\/plugin-activated.jpg\",\"datePublished\":\"2014-06-30T10:01:45+00:00\",\"dateModified\":\"2024-06-24T12:29:22+00:00\",\"description\":\"Icons are a fantastic addition to any design. Many icons are universally recognized. For example, public toilet signs at the airport use icons to show\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-menu-icon\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-menu-icon\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-menu-icon\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-menu-icon\\\/plugin-activated.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-menu-icon\\\/plugin-activated.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-menu-icon\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Icons to Your WordPress Menu Easily\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How To Display Icons In WordPress Menu","description":"Icons are a fantastic addition to any design. Many icons are universally recognized. For example, public toilet signs at the airport use icons to show","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:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Icons to Your WordPress Menu Easily","og_description":"Icons are a fantastic addition to any design. Many icons are universally recognized. For example, public toilet signs at the airport use icons to show","og_url":"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-06-30T10:01:45+00:00","article_modified_time":"2024-06-24T12:29:22+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-menu-icon\/plugin-activated.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"How to Add Icons to Your WordPress Menu Easily","datePublished":"2014-06-30T10:01:45+00:00","dateModified":"2024-06-24T12:29:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/"},"wordCount":438,"commentCount":13,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-menu-icon\/plugin-activated.jpg","keywords":["ad-divi","WordPress Plugins"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/","url":"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/","name":"How To Display Icons In WordPress Menu","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-menu-icon\/plugin-activated.jpg","datePublished":"2014-06-30T10:01:45+00:00","dateModified":"2024-06-24T12:29:22+00:00","description":"Icons are a fantastic addition to any design. Many icons are universally recognized. For example, public toilet signs at the airport use icons to show","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-menu-icon\/plugin-activated.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-menu-icon\/plugin-activated.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-menu-icon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Add Icons to Your WordPress Menu Easily"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-5Bw","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=21546"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21546\/revisions"}],"predecessor-version":[{"id":72198,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21546\/revisions\/72198"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=21546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=21546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=21546"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=21546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}