{"id":23123,"date":"2015-01-16T23:01:35","date_gmt":"2015-01-16T15:01:35","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=23123"},"modified":"2025-04-04T02:02:09","modified_gmt":"2025-04-03T18:02:09","slug":"create-wordpress-custom-field","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/","title":{"rendered":"How to Add Custom Fields in WordPress Without Using Plugins"},"content":{"rendered":"<p>WordPress allows developers to <strong>tailor the platform extensively<\/strong> to suit their specific needs, including the ability to add new metadata within posts. This feature enables developers to display <strong>additional information<\/strong> in their themes or plugins, alongside standard elements like the post title, content, and author.<\/p>\n<p>There are various ways to introduce custom metadata. You can use a plugin, build on an existing framework, or start from scratch. This article will explore how to create custom metadata from scratch \u2013 a process simpler than it might seem \u2013 and use it to display a message indicating a sponsored post.<\/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-custom-fields\/\" class=\"ref-block__link\" title=\"Read More: How to Create WordPress Custom Fields The Easy Way\" rel=\"bookmark\"><span class=\"screen-reader-text\">How to Create WordPress Custom Fields The Easy Way<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/wordpress-custom-fields.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-19571 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/wordpress-custom-fields.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 Create WordPress Custom Fields The Easy Way<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tWordPress provides the essential fields that allow us to publish posts and pages. A few of these fields...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Adding Custom Metadata<\/h2>\n<p>Begin by navigating to the post editor, where you typically find standard input fields such as the title, content, category, and tag box. Here, you\u2019ll also find a hidden Custom Fields Editor which we can utilize to insert our custom metadata.<\/p>\n<p>To make it visible, click on <strong>Screen Options<\/strong> and check the <strong>Custom Fields<\/strong> checkbox.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/create-wordpress-custom-field\/custom-fields-box.jpg\" alt=\"WordPress custom field editor\" width=\"600\" height=\"268\"><\/figure>\n<p>The Custom Field box will then <strong>appear below the post content editor<\/strong>. Now, let\u2019s add our custom metadata.<\/p>\n<p>Metadata is structured in key name\/value pairs. As illustrated below, the Custom Fields box contains two input fields: one for the name and one for the value.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/create-wordpress-custom-field\/custom-fields-box-appear.jpg\" alt=\"WordPress custom field box displayed\" width=\"600\" height=\"350\"><\/figure>\n<p>For example, I will define a new metadata for the post I\u2019m editing, with <code>hello_world<\/code> as the key and <strong>Hello World<\/strong> as the value.<\/p>\n<p>Click the <span class=\"key\">Add Custom Field<\/span> button to include this in your post. You can later modify or remove this metadata. WordPress will remember the key name and list it in a dropdown for future use, saving you the effort of retyping it.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/create-wordpress-custom-field\/select-keyname.jpg\" alt=\"selecting a key name for custom metadata in WordPress\" width=\"600\" height=\"400\"><\/figure>\n<h2>Retrieving the Metadata<\/h2>\n<p>Once the metadata is set, you can display it in your theme\u2019s single.php file, which is used for individual posts. You can retrieve the value with the <code>get_post_meta()<\/code> function like this:<\/p>\n<pre>\r\n&lt;?php \r\n    $meta = get_post_meta(get_the_ID(), 'hello_world');\r\n    echo $meta;\r\n?&gt;\r\n&lt;?php the_content(); ?&gt;\r\n<\/pre>\n<p>Remember, this metadata will not be available for all posts. Therefore, include this function in a conditional statement to avoid errors when the metadata is not set.<\/p>\n<pre>\r\n&lt;?php \r\n    $meta = get_post_meta(get_the_ID(), 'hello_world');\r\n    if (!empty($meta)) {\r\n        echo $meta[0];\r\n    }\r\n?&gt;\r\n<\/pre>\n<p>With the code above, the value <strong>Hello World!<\/strong> will be displayed above the post content if the metadata is set.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/create-wordpress-custom-field\/hello-world-displayed.jpg\" alt=\"Hello World metadata displayed in WordPress\" width=\"600\" height=\"400\"><\/figure>\n<h2>Displaying a \u201cSponsored Post\u201d Disclaimer<\/h2>\n<p>Now, let\u2019s apply this to a practical scenario. Suppose you\u2019re publishing a sponsored post and wish to include a disclaimer at the top, you can create metadata named <code>is_sponsored_post<\/code> and set its value to <strong>Yes<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/create-wordpress-custom-field\/is-sponsored-post.jpg\" alt=\"Setting up a sponsored post metadata in WordPress\" width=\"600\" height=\"400\"><\/figure>\n<p>The disclaimer box will be shown if the value of <code>is_sponsored_post<\/code> is set to <strong>Yes<\/strong>, using a conditional statement similar to the previous example.<\/p>\n<pre>\r\n&lt;?php \r\n    $meta = get_post_meta(get_the_ID(), 'is_sponsored_post');\r\n    if ($meta[0] == 'Yes') { \r\n?&gt;\r\n        &lt;div class=\"sponsored-post\"&gt;\r\n            &lt;p&gt;Disclosure: This is a sponsored post that contains affiliate links. End of post: I received compensation in exchange for writing this review.&lt;\/p&gt;\r\n        &lt;\/div&gt;\r\n&lt;?php } ?&gt;\r\n<\/pre>\n<p>Here\u2019s how it looks when the disclaimer is displayed.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/create-wordpress-custom-field\/an-example.jpg\" alt=\"Sponsored post disclaimer displayed in WordPress\" width=\"600\" height=\"400\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>WordPress allows developers to tailor the platform extensively to suit their specific needs, including the ability to add new metadata within posts. This feature enables developers to display additional information in their themes or plugins, alongside standard elements like the post title, content, and author. There are various ways to introduce custom metadata. You can&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,3030,252],"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 Add Custom Fields in WordPress Without Using Plugins - Hongkiat<\/title>\n<meta name=\"description\" content=\"WordPress allows developers to tailor the platform extensively to suit their specific needs, including the ability to add new metadata within posts. This\" \/>\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\/create-wordpress-custom-field\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Custom Fields in WordPress Without Using Plugins\" \/>\n<meta property=\"og:description\" content=\"WordPress allows developers to tailor the platform extensively to suit their specific needs, including the ability to add new metadata within posts. This\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/\" \/>\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-01-16T15:01:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T18:02:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/create-wordpress-custom-field\/custom-fields-box.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/create-wordpress-custom-field\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/create-wordpress-custom-field\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"How to Add Custom Fields in WordPress Without Using Plugins\",\"datePublished\":\"2015-01-16T15:01:35+00:00\",\"dateModified\":\"2025-04-03T18:02:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/create-wordpress-custom-field\\\/\"},\"wordCount\":441,\"commentCount\":17,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/create-wordpress-custom-field\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/create-wordpress-custom-field\\\/custom-fields-box.jpg\",\"keywords\":[\"ad-divi\",\"wordpress custom field\",\"WordPress Tips\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/create-wordpress-custom-field\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/create-wordpress-custom-field\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/create-wordpress-custom-field\\\/\",\"name\":\"How to Add Custom Fields in WordPress Without Using Plugins - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/create-wordpress-custom-field\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/create-wordpress-custom-field\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/create-wordpress-custom-field\\\/custom-fields-box.jpg\",\"datePublished\":\"2015-01-16T15:01:35+00:00\",\"dateModified\":\"2025-04-03T18:02:09+00:00\",\"description\":\"WordPress allows developers to tailor the platform extensively to suit their specific needs, including the ability to add new metadata within posts. This\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/create-wordpress-custom-field\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/create-wordpress-custom-field\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/create-wordpress-custom-field\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/create-wordpress-custom-field\\\/custom-fields-box.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/create-wordpress-custom-field\\\/custom-fields-box.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/create-wordpress-custom-field\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Custom Fields in WordPress Without Using Plugins\"}]},{\"@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 Add Custom Fields in WordPress Without Using Plugins - Hongkiat","description":"WordPress allows developers to tailor the platform extensively to suit their specific needs, including the ability to add new metadata within posts. This","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\/create-wordpress-custom-field\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Custom Fields in WordPress Without Using Plugins","og_description":"WordPress allows developers to tailor the platform extensively to suit their specific needs, including the ability to add new metadata within posts. This","og_url":"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2015-01-16T15:01:35+00:00","article_modified_time":"2025-04-03T18:02:09+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/create-wordpress-custom-field\/custom-fields-box.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"How to Add Custom Fields in WordPress Without Using Plugins","datePublished":"2015-01-16T15:01:35+00:00","dateModified":"2025-04-03T18:02:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/"},"wordCount":441,"commentCount":17,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/create-wordpress-custom-field\/custom-fields-box.jpg","keywords":["ad-divi","wordpress custom field","WordPress Tips"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/","url":"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/","name":"How to Add Custom Fields in WordPress Without Using Plugins - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/create-wordpress-custom-field\/custom-fields-box.jpg","datePublished":"2015-01-16T15:01:35+00:00","dateModified":"2025-04-03T18:02:09+00:00","description":"WordPress allows developers to tailor the platform extensively to suit their specific needs, including the ability to add new metadata within posts. This","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/create-wordpress-custom-field\/custom-fields-box.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/create-wordpress-custom-field\/custom-fields-box.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/create-wordpress-custom-field\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Add Custom Fields in WordPress Without Using Plugins"}]},{"@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-60X","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23123","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=23123"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23123\/revisions"}],"predecessor-version":[{"id":73723,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23123\/revisions\/73723"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=23123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=23123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=23123"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=23123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}