{"id":17832,"date":"2013-08-05T18:01:12","date_gmt":"2013-08-05T10:01:12","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=17832"},"modified":"2025-04-04T01:36:42","modified_gmt":"2025-04-03T17:36:42","slug":"wordpress-infinite-scroll","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/","title":{"rendered":"Enabling Infinite Scroll for WordPress Themes"},"content":{"rendered":"<p>On the web, Infinite Scroll is a technique that loads content continuously as users scroll down a page. As long as there is more content, it will keep appearing. This experience is common on platforms like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/twitter.com\/\">Twitter<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/\">Facebook<\/a>, and many other sites.<\/p>\n<p>If you want to create this feature on your own website, and you are using WordPress, we\u2019ll show you how to enable infinite scrolling.<\/p>\n<h2>Installing Jetpack<\/h2>\n<p>While there are several plugins <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/code.tutsplus.com\/tutorials\/how-to-create-infinite-scroll-pagination--wp-24873\">and methods<\/a> to achieve <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wptheming.com\/2012\/03\/infinite-scroll-to-wordpress-theme\/\">Infinite Scroll<\/a>, I prefer using the one from <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jetpack.com\/\">Jetpack<\/a>. Jetpack is a plugin developed by <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/automattic.com\/\">Automattic<\/a> \u2013 the team behind WordPress. It includes a set of plugins to extend your blogging experience, including Infinite Scroll.<\/p>\n<p>This feature was introduced in version 2.0. However, unless you\u2019re using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/\/extend\/themes\/twentyten\">TwentyTen<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/\/extend\/themes\/twentyeleven\">TwentyEleven<\/a>, or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/\/extend\/themes\/twentytwelve\">TwentyTwelve<\/a> \u2013 the default <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/go\/elegant\">WordPress Themes<\/a> \u2013 the experience may not immediately work on your theme. Since each theme has a unique page structure, Jetpack needs information about your theme to function correctly.<\/p>\n<p>Ensure Jetpack is installed and Infinite Scroll is activated as follows:<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-infinite-scroll\/activated.jpg\" width=\"500\" height=\"250\" alt=\"Jetpack Infinite Scroll activated\"><\/figure>\n<h2>Adding Infinite Scroll Function<\/h2>\n<p>Similar to adding Post Thumbnails, Infinite Scroll is added using the <code>add_theme_support()<\/code> function. This is one reason I prefer Jetpack over other options, as it integrates smoothly with WordPress\u2019s core functions.<\/p>\n<p>In this example, I\u2019m using the free <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/go\/elegant\">WordPress Theme<\/a> from ThemeZilla, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/pixelunion.net\/products\/launch\/\">Launch<\/a>.<\/p>\n<p>First, we need to create a function to specify the post template used by Infinite Scroll to append content. In this case, we use <strong>content-post-standard.php<\/strong> as the template.<\/p>\n<pre>\r\n function zilla_infinite_scroll_render() {\r\n get_template_part('content-post', 'standard');\r\n }\r\n <\/pre>\n<p>Then, we can enable Infinite Scroll this way:<\/p>\n<pre>\r\n add_theme_support('infinite-scroll', array(\r\n 'container' => 'primary',\r\n 'render' => 'zilla_infinite_scroll_render',\r\n ));\r\n <\/pre>\n<p>The <code>container<\/code> parameter specifies the ID that contains the posts. In this case, the <strong>Launch<\/strong> theme wraps its posts in <code>id=\"primary\"<\/code>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-infinite-scroll\/id.jpg\" width=\"500\" height=\"133\" alt=\"Primary container for posts\"><\/figure>\n<p>The <code>render<\/code> parameter specifies the template format for the content. At this point, the effect should be visible when you reload your website.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-infinite-scroll\/loading.jpg\" width=\"500\" height=\"180\" alt=\"Loading new content\"><\/figure>\n<p>However, notice that the footer now overlays the posts.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-infinite-scroll\/overlay.jpg\" width=\"500\" height=\"180\" alt=\"Footer overlaying posts\"><\/figure>\n<p>If this doesn\u2019t fit your theme design, you can set the <code>type<\/code> parameter to <code>click<\/code>, so content only appends when users click a button.<\/p>\n<pre>\r\n add_theme_support('infinite-scroll', array(\r\n 'type' => 'click',\r\n 'container' => 'primary',\r\n 'render' => 'zilla_infinite_scroll_render',\r\n ));\r\n <\/pre>\n<p>Jetpack will add the button for users to click to show the next content.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-infinite-scroll\/button.jpg\" width=\"500\" height=\"180\" alt=\"Button for loading more content\"><\/figure>\n<h2>Final Thought<\/h2>\n<p>This is a basic implementation of Jetpack\u2019s Infinite Scroll. For most cases, this should suffice. However, if you want more advanced options, you can visit this <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jetpack.com\/support\/infinite-scroll\/\">page<\/a> at Jetpack for additional resources.<\/p>\n<p><strong>Note:<\/strong> This post was first published on August 5, 2013.<\/p>","protected":false},"excerpt":{"rendered":"<p>On the web, Infinite Scroll is a technique that loads content continuously as users scroll down a page. As long as there is more content, it will keep appearing. This experience is common on platforms like Twitter, Facebook, and many other sites. If you want to create this feature on your own website, and you&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,3471,365,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 Enable Infinite Scroll for WordPress Theme<\/title>\n<meta name=\"description\" content=\"On the web, Infinite Scroll is a technique that loads content continuously as users scroll down a page. As long as there is more content, it will keep\" \/>\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-infinite-scroll\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Enabling Infinite Scroll for WordPress Themes\" \/>\n<meta property=\"og:description\" content=\"On the web, Infinite Scroll is a technique that loads content continuously as users scroll down a page. As long as there is more content, it will keep\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/\" \/>\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-08-05T10:01:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T17:36:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/wordpress-infinite-scroll\/activated.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-infinite-scroll\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-infinite-scroll\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Enabling Infinite Scroll for WordPress Themes\",\"datePublished\":\"2013-08-05T10:01:12+00:00\",\"dateModified\":\"2025-04-03T17:36:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-infinite-scroll\\\/\"},\"wordCount\":386,\"commentCount\":24,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-infinite-scroll\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-infinite-scroll\\\/activated.jpg\",\"keywords\":[\"ad-divi\",\"Website Optimization\",\"WordPress Themes\",\"WordPress Tips\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-infinite-scroll\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-infinite-scroll\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-infinite-scroll\\\/\",\"name\":\"How to Enable Infinite Scroll for WordPress Theme\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-infinite-scroll\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-infinite-scroll\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-infinite-scroll\\\/activated.jpg\",\"datePublished\":\"2013-08-05T10:01:12+00:00\",\"dateModified\":\"2025-04-03T17:36:42+00:00\",\"description\":\"On the web, Infinite Scroll is a technique that loads content continuously as users scroll down a page. As long as there is more content, it will keep\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-infinite-scroll\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-infinite-scroll\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-infinite-scroll\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-infinite-scroll\\\/activated.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/wordpress-infinite-scroll\\\/activated.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wordpress-infinite-scroll\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Enabling Infinite Scroll for WordPress Themes\"}]},{\"@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 Infinite Scroll for WordPress Theme","description":"On the web, Infinite Scroll is a technique that loads content continuously as users scroll down a page. As long as there is more content, it will keep","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-infinite-scroll\/","og_locale":"en_US","og_type":"article","og_title":"Enabling Infinite Scroll for WordPress Themes","og_description":"On the web, Infinite Scroll is a technique that loads content continuously as users scroll down a page. As long as there is more content, it will keep","og_url":"https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-08-05T10:01:12+00:00","article_modified_time":"2025-04-03T17:36:42+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-infinite-scroll\/activated.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-infinite-scroll\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Enabling Infinite Scroll for WordPress Themes","datePublished":"2013-08-05T10:01:12+00:00","dateModified":"2025-04-03T17:36:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/"},"wordCount":386,"commentCount":24,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-infinite-scroll\/activated.jpg","keywords":["ad-divi","Website Optimization","WordPress Themes","WordPress Tips"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/","url":"https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/","name":"How to Enable Infinite Scroll for WordPress Theme","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-infinite-scroll\/activated.jpg","datePublished":"2013-08-05T10:01:12+00:00","dateModified":"2025-04-03T17:36:42+00:00","description":"On the web, Infinite Scroll is a technique that loads content continuously as users scroll down a page. As long as there is more content, it will keep","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-infinite-scroll\/activated.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/wordpress-infinite-scroll\/activated.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/wordpress-infinite-scroll\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Enabling Infinite Scroll for WordPress Themes"}]},{"@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-4DC","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17832","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=17832"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17832\/revisions"}],"predecessor-version":[{"id":73620,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17832\/revisions\/73620"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=17832"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=17832"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=17832"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=17832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}