{"id":17698,"date":"2013-07-19T18:01:05","date_gmt":"2013-07-19T10:01:05","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=17698"},"modified":"2023-07-19T20:50:31","modified_gmt":"2023-07-19T12:50:31","slug":"webmatrix-wordpress-dev","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/","title":{"rendered":"Guide to WordPress Development With Microsoft WebMatrix"},"content":{"rendered":"<p>We have previously talked about web development with <a href=\"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/\">Microsoft WebMatrix<\/a>. In today\u2019s post, we are going to discuss WordPress development using WebMatrix \u2013 starting from the installation to deploying it in an online server.<\/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\/webmatrix-for-front-end-development\/\" class=\"ref-block__link\" title=\"Read More: A Look Into: WebMatrix for Front-End Development\" rel=\"bookmark\"><span class=\"screen-reader-text\">A Look Into: WebMatrix for Front-End Development<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/webmatrix-for-front-end-development.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-17631 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/webmatrix-for-front-end-development.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">A Look Into: WebMatrix for Front-End Development<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tThere are plenty of web development applications for Windows system, such as Notepad++, Netbeans, Eclipse, Komodo, Aptana etc....\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Installing WordPress<\/h2>\n<p>WebMatrix allows you to install WordPress directly through the application. To create a new WordPress project, Go to <strong>App Gallery<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/app-gallery.jpg\" width=\"500\" height=\"343\" alt=\"WordPress Dev with WebMatrix\"><\/figure>\n<p>If this is your first time accessing MySQL, you will be prompted for the password.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/mysql-password.jpg\" width=\"500\" height=\"387\" alt=\"WordPress Dev with WebMatrix\"><\/figure>\n<p>After accepting the WordPress UELA, WebMatrix will start downloading WordPress, and automatically create the required assets like database name and password.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/database-password.jpg\" width=\"500\" height=\"389\" alt=\"WordPress Dev with WebMatrix\"><\/figure>\n<p>In WebMatrix, click on the <strong>Site Admin<\/strong>. It will redirect you to the WordPress admin page. In that page, fill in the required information for the site like Site Name and your admin password. Click Install WordPress to complete the installation.<\/p>\n<h2>Additional Setups<\/h2>\n<p>I prefer using a customized host name in my development stage, rather than sticking with the following format <strong>localhost:1245<\/strong>. To do so, open Notepad as Administrator.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/notepad-admin.jpg\" width=\"500\" height=\"167\" alt=\"WordPress Dev with WebMatrix\"><\/figure>\n<p>Open the hosts file from the <strong>Windows\\system32\\drivers\\etc\\<\/strong> folder in the Notepad. Then, add the following line.<\/p>\n<pre>\r\n 127.0.0.1 dev.wp.com\r\n <\/pre>\n<p>This will point <strong>dev.wp.com<\/strong> address to the local IP address 127.0.0.1. Note that the hostname is merely an example; do change the name as required.<\/p>\n<p>The next step is essential. Close, then <strong>Open WebMatrix as Adminstrator<\/strong> \u2013 you need administrator privilege to change the address. Then, go to the <strong>Settings<\/strong> panel under the <strong>Site<\/strong> workspace, and change the URL to the one that we have added in the hosts file, as follows.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/change-url.jpg\" width=\"500\" height=\"333\" alt=\"WordPress Dev with WebMatrix\"><\/figure>\n<p>The \u201c<a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.techtarget.com\/searchnetworking\/definition\/port-80\">port 80<\/a>\u201d is required to tell which port should be used for the address. Otherwise, the URL will only return an error.<\/p>\n<h2>Editing Files<\/h2>\n<p>If you are proficient in PHP and WordPress functions you can make some changes to the files, whether it is for developing themes or plugins. The only thing that you are not allowed and must not to do is changing the core files.<\/p>\n<p>This is one of the more subtle features in WebMatrix; it prevents you from changing the core files and will notify you with a warning.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/file-warning.jpg\" width=\"500\" height=\"333\" alt=\"WordPress Dev with WebMatrix\"><\/figure>\n<p>As we mentioned in our previous post, WebMatrix will help you with the auto-completion feature that shows a list of WordPress functions as well as its uses.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/wordpress-function.jpg\" width=\"500\" height=\"250\" alt=\"WordPress Dev with WebMatrix\"><\/figure>\n<h2>Upload WordPresss to An Online Server<\/h2>\n<p>Once you are done developing your WordPress website, it is time to upload it to the online server. WebMatrix provides two methods to do so; we can either do it by using <strong>Web Deploy<\/strong> or <strong>FTP<\/strong>. To use Web Deploy, contact your hosting provider first to ask if they allow this method.<\/p>\n<p>Mine does not support it, so I have to use the second method: FTP.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/ftp.jpg\" width=\"500\" height=\"346\" alt=\"WordPress Dev with WebMatrix\"><\/figure>\n<p>As a reminder the FTP method does not support transfering MySQL databases, so it is likely that you should import it on your own using a MySQL Administrator for Windows like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dev.mysql.com\/downloads\/workbench\/\">MySQL WorkBench.<\/a><\/p>\n<h2>Conclusion<\/h2>\n<p>I have to say that WebMatrix is one great piece of software from Microsoft. It is free, nicely built, and integrates very well with some open source project like WordPress, streamlining the development workflow. Furthermore, there are a lot more features that we will discuss in our next articles. So stay tuned.<\/p>","protected":false},"excerpt":{"rendered":"<p>We have previously talked about web development with Microsoft WebMatrix. In today\u2019s post, we are going to discuss WordPress development using WebMatrix \u2013 starting from the installation to deploying it in an online server. Installing WordPress WebMatrix allows you to install WordPress directly through the application. To create a new WordPress project, Go to App&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,2856,55],"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>Guide to WordPress Development With Microsoft WebMatrix - Hongkiat<\/title>\n<meta name=\"description\" content=\"We have previously talked about web development with Microsoft WebMatrix. In today&#039;s post, we are going to discuss WordPress development using WebMatrix -\" \/>\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\/webmatrix-wordpress-dev\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide to WordPress Development With Microsoft WebMatrix\" \/>\n<meta property=\"og:description\" content=\"We have previously talked about web development with Microsoft WebMatrix. In today&#039;s post, we are going to discuss WordPress development using WebMatrix -\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/\" \/>\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-07-19T10:01:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-19T12:50:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/app-gallery.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\\\/webmatrix-wordpress-dev\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-wordpress-dev\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Guide to WordPress Development With Microsoft WebMatrix\",\"datePublished\":\"2013-07-19T10:01:05+00:00\",\"dateModified\":\"2023-07-19T12:50:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-wordpress-dev\\\/\"},\"wordCount\":542,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-wordpress-dev\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/webmatrix-wordpress-dev\\\/app-gallery.jpg\",\"keywords\":[\"ad-divi\",\"Dev Tools\",\"Microsoft\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-wordpress-dev\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-wordpress-dev\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-wordpress-dev\\\/\",\"name\":\"Guide to WordPress Development With Microsoft WebMatrix - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-wordpress-dev\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-wordpress-dev\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/webmatrix-wordpress-dev\\\/app-gallery.jpg\",\"datePublished\":\"2013-07-19T10:01:05+00:00\",\"dateModified\":\"2023-07-19T12:50:31+00:00\",\"description\":\"We have previously talked about web development with Microsoft WebMatrix. In today's post, we are going to discuss WordPress development using WebMatrix -\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-wordpress-dev\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-wordpress-dev\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-wordpress-dev\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/webmatrix-wordpress-dev\\\/app-gallery.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/webmatrix-wordpress-dev\\\/app-gallery.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-wordpress-dev\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide to WordPress Development With Microsoft WebMatrix\"}]},{\"@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":"Guide to WordPress Development With Microsoft WebMatrix - Hongkiat","description":"We have previously talked about web development with Microsoft WebMatrix. In today's post, we are going to discuss WordPress development using WebMatrix -","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\/webmatrix-wordpress-dev\/","og_locale":"en_US","og_type":"article","og_title":"Guide to WordPress Development With Microsoft WebMatrix","og_description":"We have previously talked about web development with Microsoft WebMatrix. In today's post, we are going to discuss WordPress development using WebMatrix -","og_url":"https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-07-19T10:01:05+00:00","article_modified_time":"2023-07-19T12:50:31+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/app-gallery.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\/webmatrix-wordpress-dev\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Guide to WordPress Development With Microsoft WebMatrix","datePublished":"2013-07-19T10:01:05+00:00","dateModified":"2023-07-19T12:50:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/"},"wordCount":542,"commentCount":6,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/app-gallery.jpg","keywords":["ad-divi","Dev Tools","Microsoft"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/","url":"https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/","name":"Guide to WordPress Development With Microsoft WebMatrix - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/app-gallery.jpg","datePublished":"2013-07-19T10:01:05+00:00","dateModified":"2023-07-19T12:50:31+00:00","description":"We have previously talked about web development with Microsoft WebMatrix. In today's post, we are going to discuss WordPress development using WebMatrix -","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/app-gallery.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-wordpress-dev\/app-gallery.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-wordpress-dev\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Guide to WordPress Development With Microsoft WebMatrix"}]},{"@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-4Bs","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17698","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=17698"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17698\/revisions"}],"predecessor-version":[{"id":68271,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17698\/revisions\/68271"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=17698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=17698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=17698"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=17698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}