{"id":20038,"date":"2014-05-16T13:01:42","date_gmt":"2014-05-16T05:01:42","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=20038"},"modified":"2025-04-04T01:45:43","modified_gmt":"2025-04-03T17:45:43","slug":"wordpress-datepicker-theme","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/","title":{"rendered":"How to Apply jQuery UI Datepicker in WordPress"},"content":{"rendered":"<p>WordPress has changed a lot since version 3.8, especially the admin UI theme. Following the masses, the WordPress admin UI now looks flatter, <strong>removed of gradients and shadows<\/strong>. It means, if you have a built theme or plugin <strong>that used a customized UI, it is time for a makeover<\/strong>.<\/p>\n<p>As an example, here I have added Data Picker in the post editing screen. And as you can see below the calendar\u2019s UI <strong>seems a bit out of place.<\/strong><\/p>\n<p>If you hae the same problem, follow this article as we are going to show you how to adjust this to make your customized UI look more unified with the latest WordPress admin theme.<\/p>\n<p class=\"note\"><strong>Recommended Reading:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/jquery-ui-datepicker\/\">Customizing And Theming JQuery UI Datepicker<\/a><\/p>\n<h2>Adding jQuery <\/h2>\n<p>Before proceeding, first let me show you how I added Date Picker in the WordPress post area like what you\u2019ve seen above.<\/p>\n<p>To begin, we load the jQuery UI script and styles in WordPress admin screen. Add these codes below in your theme\u2019s <strong>functions.php<\/strong> file.<\/p>\n<pre>\r\nfunction hkdc_admin_styles() {\r\n\twp_enqueue_style( 'jquery-ui-datepicker-style' , '\/\/ajax.googleapis.com\/ajax\/libs\/jqueryui\/1.10.4\/themes\/smoothness\/jquery-ui.css');\r\n}\r\nadd_action('admin_print_styles', 'hkdc_admin_styles');\r\nfunction hkdc_admin_scripts() {\r\n\twp_enqueue_script( 'jquery-ui-datepicker' );\r\n}\r\nadd_action('admin_enqueue_scripts', 'hkdc_admin_scripts');\r\n<\/pre>\n<p>Then we add a Meta Box that will show the calendar.<\/p>\n<pre>\r\nfunction hkdc_post_date_field() {\r\n\t echo '&lt;input type=\"text\" id=\"jquery-datepicker\" name=\"entry_post_date\" value=\"' . get_post_meta( $post-&gt;ID, 'entry_post_date', true ) . '\"&gt;';\r\n}\r\nfunction hkdc_post_date_meta_box() {\r\n\tadd_meta_box('entry_post_date', 'Date', 'hkdc_post_date_field', 'post', 'side', 'default');\r\n}\r\nadd_action('add_meta_boxes', 'hkdc_post_date_meta_box');\r\n<\/pre>\n<p>After adding the lines above, a new meta box along with an input field should appear in your WordPress post-editing screen. But nothing will yet to happen, as we have to initiate the jQuery Date Picker to the input field.<\/p>\n<p>So let\u2019s create a new JavaScript file named <strong>admin.js<\/strong>, and add the following JavaScript codes. Save it in a folder named <strong>js<\/strong>.<\/p>\n<pre>\r\n(function($) {\r\n\t$('#jquery-datepicker').datepicker();\r\n}(jQuery));\r\n<\/pre>\n<p>Then add the following line under <code>wp_enqueue_script( 'jquery-ui-datepicker' );<\/code> to load the <strong>admin.js<\/strong>.<\/p>\n<pre>\r\nwp_enqueue_script( 'wp-jquery-date-picker', get_template_directory_uri() . '\/js\/admin.js' );\r\n<\/pre>\n<p>You should now see the Data Picker pop up when you put the cursor in the new input field. Please note that this is merely for demonstration. The new input field is not <strong>fully<\/strong> functioning yet; the input will not pass the data to the database yet when you click the Update button.<\/p>\n<p>You will be needing some more codes to make that happen. But, at least, this code could help you get started.<\/p>\n<h2>Adding a new Date Picker theme<\/h2>\n<p>This Date Picker theme we are going to use is developed by <a href=\"https:\/\/x-team.com\/\" target=\"_blank\" rel=\"noopener\">X-Team Developers<\/a>. It comes with eight WordPress admin color scheme namely Fresh, Light, Blue, Coffee, Ectoplasm, Midnight, Ocean, and Sunrise (do check out our previous post, <a href=\"https:\/\/www.hongkiat.com\/blog\/wordpress-admin-color-scheme\/\">Customize WordPress Admin Color Scheme<\/a>). It also comes LESS and Sass format which makes it easily customizable.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-datepicker-theme\/wordpress-38-datepicker-theme.jpg\" height=\"320\" width=\"500\" alt=\"dateipcker for wordpress\"><\/figure>\n<p>You can download the source from its <a href=\"https:\/\/github.com\/fengyuanchen\/datepicker\" target=\"_blank\" rel=\"noopener\">Github repository<\/a>. Copy the CSS stylesheet and put it in the <strong>css<\/strong> directory of your theme. Then, add this line below within the <code>hkdc_admin_styles<\/code> to load the stylesheet in the WordPress admin screen.<\/p>\n<pre>\r\nwp_enqueue_style('wp-jquery-ui-datepicker', get_template_directory_uri() . '\/css\/datepicker.css');\r\n<\/pre>\n<p>That\u2019s it. Now, as you can see below, the theme matches WordPress \u201cDefault\u201d admin theme. It will change accordingly to the user\u2019s selected theme.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-datepicker-theme\/final-result.jpg\" height=\"320\" width=\"500\" alt=\"dateipcker for wordpress\"><\/figure>\n<h2>Final Thought<\/h2>\n<p>In my experience, creating a customised theme for jQuery date picker could be really daunting. Thankfully, the X-Team developers have done all the hardwork for you. This stylesheet is a must to include if you build a theme or a plugin that incorporates <a href=\"https:\/\/jqueryui.com\/datepicker\/\" target=\"_blank\" rel=\"noopener\">jQuery UI Date Picker<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>WordPress has changed a lot since version 3.8, especially the admin UI theme. Following the masses, the WordPress admin UI now looks flatter, removed of gradients and shadows. It means, if you have a built theme or plugin that used a customized UI, it is time for a makeover. As an example, here I have&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,911],"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.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Apply jQuery UI Datepicker in WordPress - Hongkiat<\/title>\n<meta name=\"description\" content=\"WordPress has changed a lot since version 3.8, especially the admin UI theme. Following the masses, the WordPress admin UI now looks flatter, removed of\" \/>\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-datepicker-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Apply jQuery UI Datepicker in WordPress\" \/>\n<meta property=\"og:description\" content=\"WordPress has changed a lot since version 3.8, especially the admin UI theme. Following the masses, the WordPress admin UI now looks flatter, removed of\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/\" \/>\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-05-16T05:01:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T17:45:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-datepicker-theme\/wordpress-38-datepicker-theme.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-datepicker-theme\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-datepicker-theme\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"How to Apply jQuery UI Datepicker in WordPress\",\"datePublished\":\"2014-05-16T05:01:42+00:00\",\"dateModified\":\"2025-04-03T17:45:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-datepicker-theme\\\/\"},\"wordCount\":507,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-datepicker-theme\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-datepicker-theme\\\/wordpress-38-datepicker-theme.jpg\",\"keywords\":[\"ad-divi\",\"jQuery\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-datepicker-theme\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-datepicker-theme\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-datepicker-theme\\\/\",\"name\":\"How to Apply jQuery UI Datepicker in WordPress - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-datepicker-theme\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-datepicker-theme\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-datepicker-theme\\\/wordpress-38-datepicker-theme.jpg\",\"datePublished\":\"2014-05-16T05:01:42+00:00\",\"dateModified\":\"2025-04-03T17:45:43+00:00\",\"description\":\"WordPress has changed a lot since version 3.8, especially the admin UI theme. Following the masses, the WordPress admin UI now looks flatter, removed of\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-datepicker-theme\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-datepicker-theme\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-datepicker-theme\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-datepicker-theme\\\/wordpress-38-datepicker-theme.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-datepicker-theme\\\/wordpress-38-datepicker-theme.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-datepicker-theme\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Apply jQuery UI Datepicker in WordPress\"}]},{\"@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 Apply jQuery UI Datepicker in WordPress - Hongkiat","description":"WordPress has changed a lot since version 3.8, especially the admin UI theme. Following the masses, the WordPress admin UI now looks flatter, removed of","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-datepicker-theme\/","og_locale":"en_US","og_type":"article","og_title":"How to Apply jQuery UI Datepicker in WordPress","og_description":"WordPress has changed a lot since version 3.8, especially the admin UI theme. Following the masses, the WordPress admin UI now looks flatter, removed of","og_url":"https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-05-16T05:01:42+00:00","article_modified_time":"2025-04-03T17:45:43+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-datepicker-theme\/wordpress-38-datepicker-theme.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-datepicker-theme\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"How to Apply jQuery UI Datepicker in WordPress","datePublished":"2014-05-16T05:01:42+00:00","dateModified":"2025-04-03T17:45:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/"},"wordCount":507,"commentCount":1,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-datepicker-theme\/wordpress-38-datepicker-theme.jpg","keywords":["ad-divi","jQuery"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/","url":"https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/","name":"How to Apply jQuery UI Datepicker in WordPress - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-datepicker-theme\/wordpress-38-datepicker-theme.jpg","datePublished":"2014-05-16T05:01:42+00:00","dateModified":"2025-04-03T17:45:43+00:00","description":"WordPress has changed a lot since version 3.8, especially the admin UI theme. Following the masses, the WordPress admin UI now looks flatter, removed of","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-datepicker-theme\/wordpress-38-datepicker-theme.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-datepicker-theme\/wordpress-38-datepicker-theme.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-datepicker-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Apply jQuery UI Datepicker in WordPress"}]},{"@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-5dc","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/20038","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=20038"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/20038\/revisions"}],"predecessor-version":[{"id":73686,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/20038\/revisions\/73686"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=20038"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=20038"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=20038"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=20038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}