{"id":25106,"date":"2015-11-23T21:01:58","date_gmt":"2015-11-23T13:01:58","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=25106"},"modified":"2024-06-11T14:45:40","modified_gmt":"2024-06-11T06:45:40","slug":"add-thumbnails-wordpress-categories-tags","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/","title":{"rendered":"Enhance Your WordPress Site with Category and Tag Thumbnails"},"content":{"rendered":"

Enhancing your WordPress site by adding images next to categories or tags can make it more visually appealing. For instance, consider displaying the CSS logo next to the \u201cCSS\u201d category or the HTML5 logo for \u201cHTML\u201d (as shown below).<\/p>\n

Since version 2.9, WordPress has supported the Featured Image<\/strong> functionality for posts, pages, and custom post types<\/a>. Originally termed Image Thumbnail<\/strong>, this feature does not extend to categories, tags, or custom taxonomies<\/a>, with the possible exception of custom taxonomies in future updates.<\/p>\n

With the help of the Taxonomy Thumbnail<\/a> plugin, we can easily add images to our categories and tags. Let\u2019s explore how to implement this feature using a simple code snippet.<\/p>\n

Setting Up Your Plugin<\/h2>\n

To get started, first install the plugin on your WordPress site. You can add the plugin either directly via Plugins > Add New<\/strong> in your dashboard or by using FTP. After activation, navigate to Post > Categories<\/strong>. Here, you\u2019ll see an option to \u201cSet a thumbnail<\/strong>\u201c.<\/p>\n

\"Adding<\/figure>\n

Clicking this button opens the WordPress Media Manager<\/strong>. In this interface, you can either choose a previously uploaded image or upload a new one to customize and set as your category or tag thumbnail.<\/p>\n

The selected image will appear in the Category<\/strong> table, providing a visual reference for each category with an associated image.<\/p>\n

\"Thumbnail<\/figure>\n

Template Tags Explained<\/h2>\n

This plugin includes several template tags that function similarly to the Post Thumbnail tags, allowing you to easily retrieve thumbnails for terms.<\/p>\n

    \n
  • get_term_thumbnail_id( $term_taxonomy_id )<\/code>: Retrieves the thumbnail ID for a taxonomy term.<\/li>\n
  • has_term_thumbnail( $term_taxonomy_id )<\/code>: Checks whether a taxonomy term has a thumbnail.<\/li>\n
  • get_term_thumbnail( $term_taxonomy_id, $size = 'post-thumbnail', $attr = '' )<\/code>: Retrieves the thumbnail image for a taxonomy term.<\/li>\n<\/ul>\n

    The functions mentioned require a taxonomy ID \u2013 whether for a category, tag, or custom taxonomy \u2013 which you can find using the term_taxonomy_id<\/code> function. The plugin also includes additional functions to set and delete thumbnails, though the ones listed here should cover basic needs.<\/p>\n

    Displaying Thumbnails<\/h2>\n

    Retrieving Terms<\/h3>\n

    Begin by using the get_terms()<\/code> function to retrieve a list of terms from the specified taxonomy-here, we\u2019ll focus on post categories.<\/p>\n

    \r\n<?php \r\n$taxonomy = 'category';\r\n$args = array(\r\n  'orderby' => 'name', \r\n  'order' => 'ASC',\r\n  'hide_empty' => true, \r\n  'exclude' => array(), \r\n  'exclude_tree' => array(), \r\n  'include' => array(),\r\n  'number' => '', \r\n  'fields' => 'all', \r\n  'slug' => '',\r\n  'parent' => '',\r\n  'hierarchical' => true, \r\n  'child_of' => 0,\r\n  'childless' => false,\r\n  'get' => '', \r\n  'name__like' => '',\r\n  'description__like' => '',\r\n  'pad_counts' => false, \r\n  'offset' => '', \r\n  'search' => '', \r\n  'cache_domain' => 'core',\r\n);\r\n$terms = get_terms($taxonomy, $args);\r\n?>\r\n<\/pre>\n
    This produces an array with details for each term such as term_id<\/code>, name<\/code>, slug<\/code>, and more. To display these terms, use a foreach<\/code> loop as shown below:<\/p>\n
    \r\n<?php \r\nif (!empty($terms) && !is_wp_error($terms)) {\r\n  echo '<p>'. $taxonomy .':<\/p>';\r\n  echo '<ul>';\r\n  foreach ($terms as $term) {\r\n    echo '<li>' . $term->name . '<\/li>';\r\n  }\r\n  echo '<\/ul>';\r\n}\r\n?>\r\n<\/pre>\n
    \"List<\/figure>\n
    This results in a list of categories such as CSS, HTML, JavaScript, jQuery, and PHP, each potentially with its corresponding image (logo or icon). Now, let\u2019s see how to display these images.<\/p>\n
    Displaying Thumbnails<\/h3>\n
    To include the thumbnail images, enhance the foreach<\/code> loop from the previous code snippet:<\/p>\n
    \r\nif (!empty($terms) && !is_wp_error($terms)) {\r\n  echo '<ul>';\r\n  foreach ($terms as $term) {\r\n    echo '<li><a href=\"\/index.php\/' . $taxonomy . '\/' . $term->slug . '\">' . $term->name . get_term_thumbnail($term->term_taxonomy_id, $size = 'category-thumb', $attr = '') . '<\/a><\/li>';\r\n  }\r\n  echo '<\/ul>';\r\n}\r\n<\/pre>\n
    \"Categories<\/figure>\n
    The plugin also allows filtering terms to retrieve only those with thumbnails by using the following parameter in the get_terms()<\/code> function:<\/p>\n
    \r\n$taxonomy = 'category';\r\n$args = array(\r\n  'with_thumbnail' => true, \/\/ true = retrieve terms that have thumbnails, false = retrieve all terms\r\n);\r\n$terms = get_terms($taxonomy, $args);\r\n<\/pre>\n
    Extending to Other Taxonomies<\/h3>\n
    Similarly, you can apply this functionality not only to categories but also to other taxonomies such as Tags, Link Categories, and Custom Taxonomies. This versatility makes the plugin incredibly useful for enabling image thumbnails across various taxonomies.<\/p>\n
    Note:<\/strong> This post was first published on the Nov 23, 2015.<\/p>","protected":false},"excerpt":{"rendered":"
    Enhancing your WordPress site by adding images next to categories or tags can make it more visually appealing. For instance, consider displaying the CSS logo next to the \u201cCSS\u201d category or the HTML5 logo for \u201cHTML\u201d (as shown below). Since version 2.9, WordPress has supported the Featured Image functionality for posts, pages, and custom post…<\/p>\n","protected":false},"author":141,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[49],"tags":[4663,252],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\nEnhance Your WordPress Site with Category and Tag Thumbnails - Hongkiat<\/title>\n<meta name=\"description\" content=\"Enhancing your WordPress site by adding images next to categories or tags can make it more visually appealing. For instance, consider displaying the CSS\" \/>\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\/add-thumbnails-wordpress-categories-tags\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Enhance Your WordPress Site with Category and Tag Thumbnails\" \/>\n<meta property=\"og:description\" content=\"Enhancing your WordPress site by adding images next to categories or tags can make it more visually appealing. For instance, consider displaying the CSS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/\" \/>\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=\"2015-11-23T13:01:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-11T06:45:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/add-thumbnails-wordpress-categories-tags\/add-tax-thumbnail.jpg\" \/>\n<meta name=\"author\" content=\"Agus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bagusdesain\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Agus\" \/>\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\\\/add-thumbnails-wordpress-categories-tags\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/add-thumbnails-wordpress-categories-tags\\\/\"},\"author\":{\"name\":\"Agus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/b23dad06815dff0bcc222088bed549dd\"},\"headline\":\"Enhance Your WordPress Site with Category and Tag Thumbnails\",\"datePublished\":\"2015-11-23T13:01:58+00:00\",\"dateModified\":\"2024-06-11T06:45:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/add-thumbnails-wordpress-categories-tags\\\/\"},\"wordCount\":482,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/add-thumbnails-wordpress-categories-tags\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/add-thumbnails-wordpress-categories-tags\\\/add-tax-thumbnail.jpg\",\"keywords\":[\"ad-divi\",\"WordPress Tips\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/add-thumbnails-wordpress-categories-tags\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/add-thumbnails-wordpress-categories-tags\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/add-thumbnails-wordpress-categories-tags\\\/\",\"name\":\"Enhance Your WordPress Site with Category and Tag Thumbnails - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/add-thumbnails-wordpress-categories-tags\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/add-thumbnails-wordpress-categories-tags\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/add-thumbnails-wordpress-categories-tags\\\/add-tax-thumbnail.jpg\",\"datePublished\":\"2015-11-23T13:01:58+00:00\",\"dateModified\":\"2024-06-11T06:45:40+00:00\",\"description\":\"Enhancing your WordPress site by adding images next to categories or tags can make it more visually appealing. For instance, consider displaying the CSS\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/add-thumbnails-wordpress-categories-tags\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/add-thumbnails-wordpress-categories-tags\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/add-thumbnails-wordpress-categories-tags\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/add-thumbnails-wordpress-categories-tags\\\/add-tax-thumbnail.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/add-thumbnails-wordpress-categories-tags\\\/add-tax-thumbnail.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/add-thumbnails-wordpress-categories-tags\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Enhance Your WordPress Site with Category and Tag Thumbnails\"}]},{\"@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\\\/b23dad06815dff0bcc222088bed549dd\",\"name\":\"Agus\",\"description\":\"Agus is a music enthusiast, backpacker and code writer. He has an ambition to build a Skynet on top of HTML and CSS.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/bagusdesain\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/agus\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Enhance Your WordPress Site with Category and Tag Thumbnails - Hongkiat","description":"Enhancing your WordPress site by adding images next to categories or tags can make it more visually appealing. For instance, consider displaying the CSS","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\/add-thumbnails-wordpress-categories-tags\/","og_locale":"en_US","og_type":"article","og_title":"Enhance Your WordPress Site with Category and Tag Thumbnails","og_description":"Enhancing your WordPress site by adding images next to categories or tags can make it more visually appealing. For instance, consider displaying the CSS","og_url":"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2015-11-23T13:01:58+00:00","article_modified_time":"2024-06-11T06:45:40+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/add-thumbnails-wordpress-categories-tags\/add-tax-thumbnail.jpg","type":"","width":"","height":""}],"author":"Agus","twitter_card":"summary_large_image","twitter_creator":"@bagusdesain","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Agus","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/"},"author":{"name":"Agus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/b23dad06815dff0bcc222088bed549dd"},"headline":"Enhance Your WordPress Site with Category and Tag Thumbnails","datePublished":"2015-11-23T13:01:58+00:00","dateModified":"2024-06-11T06:45:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/"},"wordCount":482,"commentCount":6,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/add-thumbnails-wordpress-categories-tags\/add-tax-thumbnail.jpg","keywords":["ad-divi","WordPress Tips"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/","url":"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/","name":"Enhance Your WordPress Site with Category and Tag Thumbnails - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/add-thumbnails-wordpress-categories-tags\/add-tax-thumbnail.jpg","datePublished":"2015-11-23T13:01:58+00:00","dateModified":"2024-06-11T06:45:40+00:00","description":"Enhancing your WordPress site by adding images next to categories or tags can make it more visually appealing. For instance, consider displaying the CSS","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/add-thumbnails-wordpress-categories-tags\/add-tax-thumbnail.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/add-thumbnails-wordpress-categories-tags\/add-tax-thumbnail.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/add-thumbnails-wordpress-categories-tags\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Enhance Your WordPress Site with Category and Tag Thumbnails"}]},{"@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\/b23dad06815dff0bcc222088bed549dd","name":"Agus","description":"Agus is a music enthusiast, backpacker and code writer. He has an ambition to build a Skynet on top of HTML and CSS.","sameAs":["https:\/\/x.com\/bagusdesain"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/agus\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-6wW","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25106","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\/141"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=25106"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25106\/revisions"}],"predecessor-version":[{"id":72089,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25106\/revisions\/72089"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=25106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=25106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=25106"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=25106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}