{"id":16404,"date":"2013-02-07T23:01:22","date_gmt":"2013-02-07T15:01:22","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=16404"},"modified":"2023-10-09T19:42:10","modified_gmt":"2023-10-09T11:42:10","slug":"wordpress-responsive-template","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/","title":{"rendered":"Freebie Release: &#8220;Bare Responsive&#8221; &#8211; A blank and responsive WordPress Theme"},"content":{"rendered":"<p>Creating <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/go\/elegant\">WordPress Themes<\/a> from scratch can be challenging. After completing this task multiple times, you might start seeking a more straightforward approach. I\u2019ve discovered that <strong>building on a basic template can significantly speed up the project timeline<\/strong> and reduce stress.<\/p>\n<p>Therefore, I\u2019ve designed a unique WordPress template called <strong>\u201cBare Responsive\u201d<\/strong>, available for download below. The design is <em>mobile-friendly<\/em> and <em>responsive<\/em> to various screen sizes. It includes all the standard WordPress template files, and <strong>you have complete freedom to modify<\/strong> them as you wish.<\/p>\n<p>My goal is for this template to serve as a <strong>foundation for WordPress development<\/strong>, offering a better starting point than a blank slate.<\/p>\n<p>Along with the template files, I\u2019ve also <strong>provided some sample data<\/strong> (also available for download below) that you can import and use to test the design.<\/p>\n<p>In the following article, I\u2019ll discuss some of the WordPress features and <strong>how you can leverage them<\/strong> in your themes.<\/p>\n<h2>Inside the Header<\/h2>\n<p>Within the <strong>header.php<\/strong> file, I\u2019ve added numerous extra metadata and third-party scripts. It\u2019s advisable to modify the author meta tag to reflect your name or your website\u2019s name.<\/p>\n<p>I\u2019ve also incorporated an external stylesheet link to the <a href=\"https:\/\/fonts.googleapis.com\/css?family=Quando\">Google web font Quando<\/a>, which I utilize for the header text.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-responsive-template\/google-font-Quando.jpg\" alt=\"Google font Quando used in WordPress Bare Responsive theme\" width=\"500\" height=\"336\"><\/figure>\n<p>You might observe that I\u2019ve employed a custom navigation setup within the <a href=\"https:\/\/www.hongkiat.com\/blog\/go\/elegant\">WordPress Themes<\/a>. There\u2019s no strict need to modify the PHP code. However, it\u2019s beneficial to review the parameters for <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_nav_menu\/\">wp_nav_menu()<\/a> to determine any desired alterations.<\/p>\n<p>What you should consider is creating a new menu within the WP Admin under <strong>Appearance &gt; Menus.<\/strong> Subsequently, you can link this new menu to the \u201cheader-menu\u201d located in the template file.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-responsive-template\/apperance-header-menu.jpg\" alt=\"Appearance header menu in WordPress Bare Responsive theme\" width=\"500\" height=\"207\"><\/figure>\n<p>This approach allows you to <strong>integrate custom links<\/strong>, <strong>pages<\/strong>, and even <strong>sub-pages<\/strong> into the top navigation without needing any coding.<\/p>\n<h2>Custom Theme Functions<\/h2>\n<p>One of the most intriguing sections of code to customize is within the <strong>functions.php<\/strong> file. It contains all the default theme properties, encompassing navigation menus and widgetized sidebars.<\/p>\n<p>I\u2019ve configured two separate, widgetized sidebars. By default, there\u2019s no need to add anything to them, as the template displays non-widgetized data. However, it\u2019s straightforward to locate these sidebars under <strong>Appearance &gt; Widgets<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-responsive-template\/responsive-sidebar-widgets.jpg\" alt=\"Responsive sidebar widgets in WordPress Bare Responsive theme\" width=\"500\" height=\"245\"><\/figure>\n<p>The <em>main sidebar<\/em> is positioned to the right for all standard layout styles. As the screen width decreases, this sidebar becomes hidden and is substituted with a responsive sidebar. This new <em>mobile-friendly sidebar<\/em> comprises only two elements and appears below the page content.<\/p>\n<p>Having this flexibility is beneficial, as you might opt to populate both sidebars with the same content. Alternatively, you can establish entirely distinct content for each sidebar, which might be more effective.<\/p>\n<p>I\u2019ve also defined several other functions within the theme file.<\/p>\n<p>Initially, I\u2019ve removed the <strong>#more<\/strong> hash from the end of blog post links. I\u2019m not fond of this standard WordPress feature, as it seems somewhat intrusive.<\/p>\n<p>Additionally, the archive pages don\u2019t include a \u201cread more\u201d link by default. To address this, I\u2019ve incorporated it into the HTML using a custom WordPress filter.<\/p>\n<h2>Potential User Modifications<\/h2>\n<p>The \u201cbare-responsive\u201d theme is designed to be straightforward, allowing you to upload the template and begin editing files directly within the WordPress admin panel. While you have the option to work with the files individually, this can be challenging without a WordPress blog to test the modifications.<\/p>\n<p>Emphasizing simplicity, I\u2019ve restricted <strong>the theme files to just the essentials<\/strong>. Additionally, all the responsive mobile CSS codes are consolidated in the <strong>style.css<\/strong> stylesheet.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-responsive-template\/responsive-styles-css.jpg\" alt=\"Responsive styles in the WordPress Bare Responsive theme\" width=\"500\" height=\"340\"><\/figure>\n<p>You can adjust the template styles as needed to better align with your preferences.<\/p>\n<p>The custom <strong>script.js<\/strong> facilitates the mobile responsive dropdown navigation panel. I believe this approach offers an optimal solution for header navigation, resulting in a seamless appearance.<\/p>\n<p>If you wish to modify the CSS styles of the mobile menu, ensure that you <strong>maintain the consistency of the IDs and classes<\/strong> with the jQuery script.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-responsive-template\/bare-responsive-menu.jpg\" alt=\"Mobile responsive navigation in the Bare Responsive theme\" width=\"500\" height=\"412\"><\/figure>\n<h2>Concluding Remarks<\/h2>\n<p>I genuinely hope that this \u201cbare-responsive\u201d template serves as an inspiration for budding developers. Navigating WordPress can be daunting, and having a foundational code can be immensely beneficial.<\/p>\n<p>I\u2019m open to addressing queries and welcoming feedback, recognizing that no template is flawless.<\/p>\n<p>Collaborating with fellow developers is a valuable way to enhance your skills and identify common pitfalls. So, dive in and start coding!<\/p>\n<h2>Downloads Theme and Related Files<\/h2>\n<h3>wptestdata.xml<\/h3>\n<p>Download and import this XML file into your WordPress to give it some dummy content.<\/p>\n<p><a href=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-responsive-template\/wptestdata.xml.zip\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Download XML <\/span><\/a><\/p>\n<h3>Bare-responsive WordPress Theme<\/h3>\n<p>This whole project is purposefully <strong>released as open source <a href=\"https:\/\/opensource.org\/licenses\/MIT\">under the MIT license<\/a><\/strong> which means you can edit and distribute unlimited copies for any project as long as you do not claim it your own, or re-sell it.<\/p>\n<p><a href=\"https:\/\/github.com\/hongkiat\/bare-responsive-theme\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Download WordPress Theme <\/span><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Creating WordPress Themes from scratch can be challenging. After completing this task multiple times, you might start seeking a more straightforward approach. I\u2019ve discovered that building on a basic template can significantly speed up the project timeline and reduce stress. Therefore, I\u2019ve designed a unique WordPress template called \u201cBare Responsive\u201d, available for download below. The&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3394,49],"tags":[4663,2065,2066,365],"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>&quot;Bare Responsive&quot; Wordpress Theme<\/title>\n<meta name=\"description\" content=\"Creating WordPress Themes from scratch can be challenging. After completing this task multiple times, you might start seeking a more straightforward\" \/>\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-responsive-template\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Freebie Release: &quot;Bare Responsive&quot; - A blank and responsive WordPress Theme\" \/>\n<meta property=\"og:description\" content=\"Creating WordPress Themes from scratch can be challenging. After completing this task multiple times, you might start seeking a more straightforward\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/\" \/>\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-02-07T15:01:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-09T11:42:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-responsive-template\/google-font-Quando.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 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-responsive-template\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-responsive-template\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Freebie Release: &#8220;Bare Responsive&#8221; &#8211; A blank and responsive WordPress Theme\",\"datePublished\":\"2013-02-07T15:01:22+00:00\",\"dateModified\":\"2023-10-09T11:42:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-responsive-template\\\/\"},\"wordCount\":854,\"commentCount\":27,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-responsive-template\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-responsive-template\\\/google-font-Quando.jpg\",\"keywords\":[\"ad-divi\",\"responsive\",\"Responsive Web Design\",\"WordPress Themes\"],\"articleSection\":[\"Freebies\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-responsive-template\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-responsive-template\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-responsive-template\\\/\",\"name\":\"\\\"Bare Responsive\\\" Wordpress Theme\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-responsive-template\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-responsive-template\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-responsive-template\\\/google-font-Quando.jpg\",\"datePublished\":\"2013-02-07T15:01:22+00:00\",\"dateModified\":\"2023-10-09T11:42:10+00:00\",\"description\":\"Creating WordPress Themes from scratch can be challenging. After completing this task multiple times, you might start seeking a more straightforward\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-responsive-template\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-responsive-template\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-responsive-template\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-responsive-template\\\/google-font-Quando.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-responsive-template\\\/google-font-Quando.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-responsive-template\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Freebie Release: &#8220;Bare Responsive&#8221; &#8211; A blank and responsive WordPress Theme\"}]},{\"@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\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\"Bare Responsive\" Wordpress Theme","description":"Creating WordPress Themes from scratch can be challenging. After completing this task multiple times, you might start seeking a more straightforward","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-responsive-template\/","og_locale":"en_US","og_type":"article","og_title":"Freebie Release: \"Bare Responsive\" - A blank and responsive WordPress Theme","og_description":"Creating WordPress Themes from scratch can be challenging. After completing this task multiple times, you might start seeking a more straightforward","og_url":"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-02-07T15:01:22+00:00","article_modified_time":"2023-10-09T11:42:10+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-responsive-template\/google-font-Quando.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Freebie Release: &#8220;Bare Responsive&#8221; &#8211; A blank and responsive WordPress Theme","datePublished":"2013-02-07T15:01:22+00:00","dateModified":"2023-10-09T11:42:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/"},"wordCount":854,"commentCount":27,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-responsive-template\/google-font-Quando.jpg","keywords":["ad-divi","responsive","Responsive Web Design","WordPress Themes"],"articleSection":["Freebies","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/","url":"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/","name":"\"Bare Responsive\" Wordpress Theme","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-responsive-template\/google-font-Quando.jpg","datePublished":"2013-02-07T15:01:22+00:00","dateModified":"2023-10-09T11:42:10+00:00","description":"Creating WordPress Themes from scratch can be challenging. After completing this task multiple times, you might start seeking a more straightforward","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-responsive-template\/google-font-Quando.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-responsive-template\/google-font-Quando.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-responsive-template\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Freebie Release: &#8220;Bare Responsive&#8221; &#8211; A blank and responsive WordPress Theme"}]},{"@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\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-4gA","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/16404","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\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=16404"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/16404\/revisions"}],"predecessor-version":[{"id":69749,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/16404\/revisions\/69749"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=16404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=16404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=16404"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=16404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}