{"id":24837,"date":"2015-10-01T21:01:45","date_gmt":"2015-10-01T13:01:45","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=24837"},"modified":"2022-10-18T20:12:24","modified_gmt":"2022-10-18T12:12:24","slug":"ssl-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/","title":{"rendered":"How to Deploy SSL &amp; HTTPS in WordPress for Free"},"content":{"rendered":"<p>Deploying <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/go\/nc-ssl\">SSL<\/a> will provide several advantages to your website. Aside from improving website security, SSL would also help users gain trust of a website as well as increase its overall rankings in Google Search results.<\/p>\n<p>When deployed, your website will be running under <code>https<\/code> with the green padlock badge in the browser address bar.<\/p>\n<p>However, having <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/go\/nc-ssl\">SSL<\/a> in your website would traditionally cost a couple of hundred per year depending on the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.globalsign.com\/en\/ssl-information-center\/types-of-ssl-certificate\/\">Certificate type<\/a>. It also inevitably requires technical installation to your server which is often a tedious process.<\/p>\n<p>But, what if I told you now that you can deploy a valid SSL <strong>for free<\/strong> with less of a pain to setup your WordPress site? Here\u2019s how.<\/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\/ssl-certs-guide\/\" class=\"ref-block__link\" title=\"Read More: Beginner\u2019s Guide to Website SSL Certs\" rel=\"bookmark\"><span class=\"screen-reader-text\">Beginner\u2019s Guide to Website SSL Certs<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/ssl-certs-guide.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-14031 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/ssl-certs-guide.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Beginner\u2019s Guide to Website SSL Certs<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tWhen building a web application that deals with personal data, security is the first priority. This is true...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Getting Started<\/h2>\n<p>CloudFlare, one of the leading CDN and Internet security services, has now advanced their feature with SSL to all their customers even for those with the Free Plan. We will be using theirs to deploy SSL for free.<\/p>\n<p>Here\u2019s where you <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.cloudflare.com\/a\/sign-up\">sign-up for an account<\/a>. Next, add your website to CloudFlare. You will be prompted to replace your NS (Name Server) with the ones provided, for example:<\/p>\n<pre>\r\nANDY.NS.CLOUDFLARE.COM\r\nLOLA.NS.CLOUDFLARE.COM\r\n<\/pre>\n<p>The process to do so will be varied depending on your hosting provider. So, please consult your hosting customer support. Once you have changed the DNS, your website will run through the CloudFlare infrastructure. Your pages will be cached and served through their CDN, which subsequently will boost your page load performance.<\/p>\n<h2>Deploying SSL<\/h2>\n<p>Now, follow these steps to deploy SSL to your website:<\/p>\n<ol>\n<li>Login to your CloudFlare account. Go to the <strong>Crypto<\/strong> page and set the <strong>SSL (with SPDY)<\/strong> to <strong>Flexible<\/strong>.<\/li>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ssl-in-wordpress\/ssl-cloudflare-flexible.jpg\" height=\"297\" width=\"700\"><\/figure>\n<li>Login to your website Dashboard. Install and activate <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/cloudflare-flexible-ssl\/\">CloudFlare Flexible SSL<\/a>. This plugin will fix issues including the \u201credirect loop\u201d that will occur when we <em>force<\/em> a website address to use the <code>https<\/code> protocol.<\/li>\n<li>Our website is now served through the CloudFlare network which now allows it to redirect every visit to HTTPS as well. To do so, go to CloudFlare <strong>Dashboard &gt; Page Rules<\/strong> and turn on the <strong>Always use https<\/strong> option.<\/li>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ssl-in-wordpress\/ssl-page-rule.jpg\" height=\"360\" width=\"700\"><\/figure>\n<li>Now, we need to set the URL Pattern that should be served through HTTPS. You might want to set it to <code>http:\/\/website.xyz\/wp-login.php<\/code>, for example, or to all pages instead with <code>http:\/\/website.xyz\/*<\/code>.<\/li>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ssl-in-wordpress\/ssl-domain-rule.jpg\" height=\"360\" width=\"700\"><\/figure>\n<li>Remember to click the <strong>Add Rule<\/strong> button to apply the rule.<\/li>\n<\/ol>\n<p>Wait for between a few minutes up until 24 hours for the setup to affect your website. Only then will your website be redirected to <code>https<\/code>, like so:<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ssl-in-wordpress\/ssl-applied.jpg\" height=\"360\" width=\"700\"><\/figure>\n<h2>A Few Things to Note<\/h2>\n<p>The way we deploy <code>https<\/code> to our website without having to acquire an SSL Certificate, has been made possible with an SNI or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Server_Name_Indication\">Server Name Indication<\/a>. SNI allows HTTPS to be served to multiple hostnames, IPs, or websites under a single IP number; in this case, CloudFlare serves to many of their customers with its HTTPS.<\/p>\n<p>If you inspect the certificate information, you would find that the SSL is assigned to CloudFlare still.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ssl-in-wordpress\/ssl-assign.jpg\" height=\"360\" width=\"700\"><\/figure>\n<p>Also, SNI only works with modern browsers \u2013 basically browsers that are not more than 6 years old. You should also note that this SSL will only secure connections between your visitors to CloudFlare, while the connection between CloudFlare and your server is not secured.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ssl-in-wordpress\/ssl-secure-scheme.jpg\" height=\"210\" width=\"700\"><\/figure>\n<p>If your website will be taking payment or handling sensitive data, you must opt for Full SSL which requires SSL installation in your server. But, for most blogging sites, the Flexible SSL should be adequate.<\/p>","protected":false},"excerpt":{"rendered":"<p>Deploying SSL will provide several advantages to your website. Aside from improving website security, SSL would also help users gain trust of a website as well as increase its overall rankings in Google Search results. When deployed, your website will be running under https with the green padlock badge in the browser address bar. However,&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,2027,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.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Deploy SSL &amp; HTTPS in WordPress for Free - Hongkiat<\/title>\n<meta name=\"description\" content=\"Deploying SSL will provide several advantages to your website. Aside from improving website security, SSL would also help users gain trust of a website as\" \/>\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\/ssl-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Deploy SSL &amp; HTTPS in WordPress for Free\" \/>\n<meta property=\"og:description\" content=\"Deploying SSL will provide several advantages to your website. Aside from improving website security, SSL would also help users gain trust of a website as\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/\" \/>\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-10-01T13:01:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-18T12:12:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/ssl-in-wordpress\/ssl-cloudflare-flexible.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\\\/ssl-in-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ssl-in-wordpress\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"How to Deploy SSL &amp; HTTPS in WordPress for Free\",\"datePublished\":\"2015-10-01T13:01:45+00:00\",\"dateModified\":\"2022-10-18T12:12:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ssl-in-wordpress\\\/\"},\"wordCount\":576,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ssl-in-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/ssl-in-wordpress\\\/ssl-cloudflare-flexible.jpg\",\"keywords\":[\"ad-divi\",\"ssl\",\"WordPress Tips\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ssl-in-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ssl-in-wordpress\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ssl-in-wordpress\\\/\",\"name\":\"How to Deploy SSL &amp; HTTPS in WordPress for Free - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ssl-in-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ssl-in-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/ssl-in-wordpress\\\/ssl-cloudflare-flexible.jpg\",\"datePublished\":\"2015-10-01T13:01:45+00:00\",\"dateModified\":\"2022-10-18T12:12:24+00:00\",\"description\":\"Deploying SSL will provide several advantages to your website. Aside from improving website security, SSL would also help users gain trust of a website as\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ssl-in-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ssl-in-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ssl-in-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/ssl-in-wordpress\\\/ssl-cloudflare-flexible.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/ssl-in-wordpress\\\/ssl-cloudflare-flexible.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ssl-in-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Deploy SSL &amp; HTTPS in WordPress for Free\"}]},{\"@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 Deploy SSL &amp; HTTPS in WordPress for Free - Hongkiat","description":"Deploying SSL will provide several advantages to your website. Aside from improving website security, SSL would also help users gain trust of a website as","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\/ssl-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to Deploy SSL &amp; HTTPS in WordPress for Free","og_description":"Deploying SSL will provide several advantages to your website. Aside from improving website security, SSL would also help users gain trust of a website as","og_url":"https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2015-10-01T13:01:45+00:00","article_modified_time":"2022-10-18T12:12:24+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/ssl-in-wordpress\/ssl-cloudflare-flexible.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\/ssl-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"How to Deploy SSL &amp; HTTPS in WordPress for Free","datePublished":"2015-10-01T13:01:45+00:00","dateModified":"2022-10-18T12:12:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/"},"wordCount":576,"commentCount":6,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/ssl-in-wordpress\/ssl-cloudflare-flexible.jpg","keywords":["ad-divi","ssl","WordPress Tips"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/","url":"https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/","name":"How to Deploy SSL &amp; HTTPS in WordPress for Free - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/ssl-in-wordpress\/ssl-cloudflare-flexible.jpg","datePublished":"2015-10-01T13:01:45+00:00","dateModified":"2022-10-18T12:12:24+00:00","description":"Deploying SSL will provide several advantages to your website. Aside from improving website security, SSL would also help users gain trust of a website as","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/ssl-in-wordpress\/ssl-cloudflare-flexible.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/ssl-in-wordpress\/ssl-cloudflare-flexible.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/ssl-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Deploy SSL &amp; HTTPS in WordPress for Free"}]},{"@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-6sB","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/24837","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=24837"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/24837\/revisions"}],"predecessor-version":[{"id":53115,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/24837\/revisions\/53115"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=24837"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=24837"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=24837"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=24837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}