{"id":18774,"date":"2013-12-04T15:38:42","date_gmt":"2013-12-04T07:38:42","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=18774"},"modified":"2025-04-04T01:39:07","modified_gmt":"2025-04-03T17:39:07","slug":"wordpress-maintenance","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/","title":{"rendered":"How to Enable Maintenance Mode on Your WordPress Site"},"content":{"rendered":"<p>Sometimes, you may need to put your website into <strong>maintenance mode<\/strong> for upgrades. This will make your website temporarily unavailable to public access. You wouldn\u2019t want errors to pop up while you are running important updates in the background, right?<\/p>\n<p>There are several ways to put a website into maintenance mode, and the technical details may differ. If you are using WordPress, here are three ways to enable maintenance mode on your website.<\/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\/smarter-way-to-prevent-image-hotlinking-with-htaccess\/\" class=\"ref-block__link\" title=\"Read More: Smarter Way To Prevent Image Hotlinking with .htaccess\" rel=\"bookmark\"><span class=\"screen-reader-text\">Smarter Way To Prevent Image Hotlinking with .htaccess<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/smarter-way-to-prevent-image-hotlinking-with-htaccess.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-1695 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/smarter-way-to-prevent-image-hotlinking-with-htaccess.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Smarter Way To Prevent Image Hotlinking with .htaccess<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tHave you noticed someone stealing your images, directly taking the URL and display on their websites without your...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Using .htaccess<\/h2>\n<p>If you are using the Apache server, you can use <code>.htaccess<\/code> to control access to the directories within the server and send a server status response code.<\/p>\n<p>To put the website into maintenance mode, you can use the <strong>503 status code<\/strong>, which indicates that the server is temporarily unavailable.<\/p>\n<p>Before specifying anything in <strong>.htaccess<\/strong>, create a new file in <code>.html<\/code> or <code>.php<\/code> format, and add a message in the file, for example:<\/p>\n<p><em>Sorry we are down for maintenance, but we\u2019ll be back up shortly.<\/em><\/p>\n<p>Style your page. Next, open the .htaccess file in your server, and add the following:<\/p>\n<pre>\r\n&lt;IfModule mod_rewrite.c&gt;\r\nRewriteEngine on\r\nRewriteCond %{REMOTE_ADDR} !^123\\.456\\.789\\.000\r\nRewriteCond %{REQUEST_URI} !\/maintenance.html$ [NC]\r\nRewriteCond %{REQUEST_URI} !\\.(jpe?g?|png|gif) [NC]\r\nRewriteRule . \/maintenance.html [R=503,L]\r\n&lt;\/IfModule&gt;\r\n<\/pre>\n<p>This will set the server status code to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.w3.org\/Protocols\/rfc2616\/rfc2616-sec10.html#sec10.5.4\">503<\/a>, while also redirecting visitors to the maintenance page. You can set your IP address with the following line <code>RewriteCond %{REMOTE_ADDR} !^123\\.456\\.789\\.000<\/code> so that you will still be able to access your website.<\/p>\n<h2>WordPress Built-in Maintenance Page<\/h2>\n<p>When updating WordPress, plugins, or themes, you can create a file called <code>.maintenance<\/code> that says:<\/p>\n<p><em>Briefly unavailable for scheduled maintenance. Check back in a minute.<\/em><\/p>\n<p>This file will be automatically removed when the process is completed \u2013 if the process fails, the file could get stuck on your server, so you have to remove it manually.<\/p>\n<p>The problem is that <code>.maintenance<\/code> is not customizable, as it is generated dynamically.<\/p>\n<p>So, if your emphasis is on the overall appearance of your website, you can create a file named <strong>maintenance.php<\/strong>, which you can customize with CSS, then put it inside the <code>wp-content<\/code> folder. That way, the next time you update WordPress or plugins, WordPress will use the content inside this file.<\/p>\n<p>The function is specified in <code><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/core.trac.wordpress.org\/browser\/tags\/3.6.1\/wp-includes\/load.php#L0\">wp-includes\/load.php<\/a><\/code>, like so:<\/p>\n<pre>\r\nif ( file_exists( WP_CONTENT_DIR . '\/maintenance.php' ) ) {\r\n    require_once( WP_CONTENT_DIR . '\/maintenance.php' );\r\n    die();\r\n}\r\n<\/pre>\n<h2>Using a Plugin<\/h2>\n<p>There are several WordPress plugins available to help put your website into maintenance mode, but my personal favorite is the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/\/plugins\/maintenance-mode\/\">Maintenance Mode<\/a> plugin by Michael Wohrer. Although this plugin hasn\u2019t been updated for about two years now, it still works perfectly.<\/p>\n<p>Using the Maintenance Mode plugin, you can simply <strong>activate or deactivate maintenance mode with a few clicks<\/strong>. You can also <strong>specify how long the website will be in maintenance mode<\/strong>.<\/p>\n<p>Additionally, this plugin comes with a default theme template to be displayed when maintenance mode is activated. You can also use your own theme by <strong>creating a 503.php file and uploading it to your theme directory<\/strong>. Just go to the Maintenance Mode Setting page and select the 503.php file you have created.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-maintenance\/503-page.jpg\" alt=\"Maintenance Mode Page\" width=\"500\" height=\"178\"><\/figure>\n<h2>Conclusion<\/h2>\n<p>We hope you found this tutorial useful in helping you run your WordPress site more efficiently. For further reading on the subject, you can head over to the following sites:<\/p>\n<ul>\n<li><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/perishablepress.com\/htaccess-redirect-maintenance-page-site-updates\/\">Redirect to Maintenance Page for Site Update<\/a> \u2013 PerishablePress<\/li>\n<li><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_maintenance\/\">Function Reference: wp maintenance<\/a> \u2013 WordPress Codex<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Sometimes, you may need to put your website into maintenance mode for upgrades. This will make your website temporarily unavailable to public access. You wouldn\u2019t want errors to pop up while you are running important updates in the background, right? There are several ways to put a website into maintenance mode, and the technical details&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,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 Enable Maintenance Mode on Your WordPress Site - Hongkiat<\/title>\n<meta name=\"description\" content=\"Sometimes, you may need to put your website into maintenance mode for upgrades. This will make your website temporarily unavailable to public access. You\" \/>\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-maintenance\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Enable Maintenance Mode on Your WordPress Site\" \/>\n<meta property=\"og:description\" content=\"Sometimes, you may need to put your website into maintenance mode for upgrades. This will make your website temporarily unavailable to public access. You\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/\" \/>\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=\"2013-12-04T07:38:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T17:39:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-maintenance\/503-page.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-maintenance\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-maintenance\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"How to Enable Maintenance Mode on Your WordPress Site\",\"datePublished\":\"2013-12-04T07:38:42+00:00\",\"dateModified\":\"2025-04-03T17:39:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-maintenance\\\/\"},\"wordCount\":525,\"commentCount\":10,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-maintenance\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-maintenance\\\/503-page.jpg\",\"keywords\":[\"ad-divi\",\"WordPress Tips\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-maintenance\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-maintenance\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-maintenance\\\/\",\"name\":\"How to Enable Maintenance Mode on Your WordPress Site - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-maintenance\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-maintenance\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-maintenance\\\/503-page.jpg\",\"datePublished\":\"2013-12-04T07:38:42+00:00\",\"dateModified\":\"2025-04-03T17:39:07+00:00\",\"description\":\"Sometimes, you may need to put your website into maintenance mode for upgrades. This will make your website temporarily unavailable to public access. You\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-maintenance\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-maintenance\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-maintenance\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-maintenance\\\/503-page.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-maintenance\\\/503-page.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-maintenance\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Enable Maintenance Mode on Your WordPress Site\"}]},{\"@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 Enable Maintenance Mode on Your WordPress Site - Hongkiat","description":"Sometimes, you may need to put your website into maintenance mode for upgrades. This will make your website temporarily unavailable to public access. You","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-maintenance\/","og_locale":"en_US","og_type":"article","og_title":"How to Enable Maintenance Mode on Your WordPress Site","og_description":"Sometimes, you may need to put your website into maintenance mode for upgrades. This will make your website temporarily unavailable to public access. You","og_url":"https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-12-04T07:38:42+00:00","article_modified_time":"2025-04-03T17:39:07+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-maintenance\/503-page.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-maintenance\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"How to Enable Maintenance Mode on Your WordPress Site","datePublished":"2013-12-04T07:38:42+00:00","dateModified":"2025-04-03T17:39:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/"},"wordCount":525,"commentCount":10,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-maintenance\/503-page.jpg","keywords":["ad-divi","WordPress Tips"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/","url":"https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/","name":"How to Enable Maintenance Mode on Your WordPress Site - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-maintenance\/503-page.jpg","datePublished":"2013-12-04T07:38:42+00:00","dateModified":"2025-04-03T17:39:07+00:00","description":"Sometimes, you may need to put your website into maintenance mode for upgrades. This will make your website temporarily unavailable to public access. You","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-maintenance\/503-page.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-maintenance\/503-page.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-maintenance\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Enable Maintenance Mode on Your WordPress Site"}]},{"@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-4SO","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18774","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=18774"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18774\/revisions"}],"predecessor-version":[{"id":73640,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18774\/revisions\/73640"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=18774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=18774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=18774"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=18774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}