{"id":96208,"date":"2022-04-27T23:56:05","date_gmt":"2022-04-28T03:56:05","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=96208"},"modified":"2022-05-06T08:58:03","modified_gmt":"2022-05-06T12:58:03","slug":"query-loop-block","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/","title":{"rendered":"Using the Query Loop Block in WordPress Full Site Editing"},"content":{"rendered":"<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr-1024x538.png\" alt=\"Query Block article image header\" class=\"wp-image-96220\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr-768x403.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr.png 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>The <strong>Query Loop block<\/strong> lets you dynamically display posts in different visual styles. For example, you can create a page showing recent posts dynamically using the loop block.<\/p>\n\n\n\n<p>We will be demonstrating the use of the Query Loop Block in the Full Site Editor.\u00a0 This will require that you\u2019re using WordPress 5.9 (or higher) and a block-based theme.\u00a0 We are using the Twenty Twenty-two theme for this tutorial.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#adding\">Adding the Query Loop Block<\/a><\/li><li><a href=\"#features\">Features of the Query Loop Block<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adding\">Adding the Query Loop Block<\/h2>\n\n\n\n<p>With the Query Loop block, you can set up your front page to show your existing posts in different formats.\u00a0 In order to do this, you will need to have several posts.\u00a0<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>Log in to the <strong>WordPress Administrator<\/strong>.<br><\/li><li>Click on <strong>Appearance<\/strong>, then select <strong>Editor<\/strong>.<br><\/li><li>We\u2019re going to add the <strong>Query Loop<\/strong> block under the header.\u00a0 First, open the list view in order to see the block structures on the page and click <strong>List view<\/strong>.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"571\" class=\"wp-image-96210\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/list-view.jpg\" alt=\"Select List View\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/list-view.jpg 1534w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/list-view-300x171.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/list-view-1024x585.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/list-view-768x439.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li><li>On this demo site, there is a spacer below the header.\u00a0 We click on the spacer block to select the last block in the list, then click on the <strong>+ sign<\/strong> to add a new block.<br><\/li><li>Type <strong>Query<\/strong> in the search field.\u00a0 Click on the <strong>Query Loop<\/strong> block.<br><br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"571\" class=\"wp-image-96211\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-query-loop-block.jpg\" alt=\"Select Query Loop\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-query-loop-block.jpg 1534w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-query-loop-block-300x171.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-query-loop-block-1024x585.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-query-loop-block-768x439.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li><li>The query loop block will be added to the page.\u00a0 Click <strong>List view<\/strong> again to see the block structure list. You will see the query loop block selected in the list and displayed in its default form on the page.\u00a0 Click <strong>Grid View <\/strong>to change the block so that it shows multiple posts.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"571\" class=\"wp-image-96212\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/click-grid-view.jpg\" alt=\"Click on grid view\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/click-grid-view.jpg 1534w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/click-grid-view-300x171.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/click-grid-view-1024x585.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/click-grid-view-768x439.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li><li>Click on the <strong>Save<\/strong> button to save your page.<\/li><\/ol>\n\n\n\n<p>You will see the page with multiple posts in a grid format.\u00a0 This is useful if you want to show multiple posts in a blog on the front page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"features\">Features of the Query Loop Block<\/h2>\n\n\n\n<p>The tutorial above adds the query loop block and changes only one parameter to show how easy and quick it is to apply the block. However, there are additional features to the query loop block further customize your content.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Choose a List of Posts to Display<\/h3>\n\n\n\n<p>If you use the query loop block without selecting the posts you want to display, then it will display all of them.\u00a0 However, you can select to start with a list of posts or select a specific post(s) to display in the Carousel view.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>Select the Carousel view in the query loop block.<\/li><li>You will see <strong>Start blank<\/strong> and <strong>Choose<\/strong> in the right corner of the query loop block.\u00a0 If you don\u2019t want to display a post, click on <strong>Start blank<\/strong>.<\/li><li>You will see a list of variations of how you can display your posts. The variations include:<br><br><strong>Title &amp; Date<\/strong> \u2013 displays the title of the post and its published date<br><strong>Title and Excerpt<\/strong> \u2013 displays the title of the post and a portion of the text of the post<br><strong>Title, Date, &amp; Excerpt<\/strong> \u2013 displays the title, published date, and a portion of the text of the post<br><strong>Image, Date, &amp; Title<\/strong> \u2013 displays an image from the post, the published date, and the title of the post<strong><br><br><\/strong>The options can be seen in the screenshot below:<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"488\" class=\"wp-image-96213\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-a-variation.jpg\" alt=\"Select a variation\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-a-variation.jpg 1796w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-a-variation-300x146.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-a-variation-1024x499.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-a-variation-768x375.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-a-variation-1536x749.jpg 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li><li>Click on <strong>Title &amp; Date<\/strong>.\u00a0 This will display a list of the posts based on the title and date.<br><br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"488\" class=\"wp-image-96214\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/show-title-list-posts.jpg\" alt=\"Show title list posts\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/show-title-list-posts.jpg 1796w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/show-title-list-posts-300x146.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/show-title-list-posts-1024x499.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/show-title-list-posts-768x375.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/show-title-list-posts-1536x749.jpg 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li><li>You can also adjust what\u2019s shown in the list by going to the <strong>Display Settings<\/strong>.\u00a0 The display settings include three options:<br><br><strong>Items per page<\/strong> \u2013 number of posts shown per page<br><strong>Offset<\/strong> \u2013 number of posts NOT shown in the list (e.g. 1 would mean the first post is not shown)<br><strong>Max page to show<\/strong> \u2013 maximum number of pages shown in pagination (under the post list)<br><br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"488\" class=\"wp-image-96215\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-query-loop-display-settings.jpg\" alt=\"Select query loop display\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-query-loop-display-settings.jpg 1796w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-query-loop-display-settings-300x146.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-query-loop-display-settings-1024x499.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-query-loop-display-settings-768x375.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-query-loop-display-settings-1536x749.jpg 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><br><\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Pagination<\/h2>\n\n\n\n<p>The query loop block includes a pagination option that you can adjust through the maximum page display setting (detailed above) or by using the block settings.<br><br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"489\" class=\"wp-image-96216\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/pagination.jpg\" alt=\"Select pagination options\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/pagination.jpg 1793w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/pagination-300x147.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/pagination-1024x500.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/pagination-768x375.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/pagination-1536x750.jpg 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>You can also change the appearance of the text in the block and order by clicking on the individual blocks or changing their position within the query loop.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><br>Query Loop Block Settings<\/h2>\n\n\n\n<p>The query loop block also has several settings that allow you to change the way that the content appears.\u00a0 This includes the layout, color, and order.\u00a0 Select the query loop block, then click on the gear icon in the top right corner to show the block settings column.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Layout<\/strong><br><br><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"277\" class=\"wp-image-96217\" style=\"width: 300px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/layout-settings.jpg\" alt=\"Layout settings\"><br><\/h4>\n\n\n\n<p>Inherit default layout \u2013 Switch this off in order to customize the height and width of the content displayed.<\/p>\n\n\n\n<p>You can change the content height by putting a value (in pixels), or clicking on the icon to change the alignment of the content being displayed. The width can also be changed using a value or by clicking on the alignment icon.<br><br><br><strong>Color<\/strong><br><br><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"348\" class=\"wp-image-96218\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/color-pop-up-menu.jpg\" alt=\"Color pop-up menu\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/color-pop-up-menu.jpg 399w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/color-pop-up-menu-300x209.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>The color settings allow you to change the text, background, and link colors within the query loop block.\u00a0 Click on of the three to bring up the color pick menu.<\/p>\n\n\n\n<p><strong>Query Settings<br><br><\/strong><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"375\" class=\"wp-image-96219\" style=\"width: 300px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-settings-post-type.jpg\" alt=\"Query settings\"><\/p>\n\n\n\n<p>Each setting is described in the settings column.\u00a0 The Inherit query from the template slider allows you to select the default query settings set in the current template. If it\u2019s disabled, then you can customize the settings.\u00a0 These settings include:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Post Type \u2013 you can select the type of content used by the query loop<\/li><li>Order by\u00a0 \u2013 Order content by its age or alphabetically<\/li><li>Filters \u2013 show only certain types of posts using categories, author names, or keywords<\/li><li>Sticky \u2013 select this option to include or exclude various types of content.\u00a0 You can also select a particular post so that it remains at the top of your list.<\/li><\/ul>\n\n\n\n<p>With these settings, you can control the content that is being displayed.\u00a0 For example, if you have recipe posts, and you want to have a page on your WordPress site showing only recipes, then you can add your recipe posts to a single category and specifically display those posts using the query loop block.<br><br>To see an example of the query loop block in action, check out <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/photo-gallery-with-query-loop-block\/\">How to Create a Photo Gallery Using the Query Loop Block.<\/a><\/p>\n\n\n<p>Looking for more guides? We have over 400 <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/wordpress-how-to-articles?mktgp=t&amp;utm_source=id$$post_id$$&amp;utm_medium=link&amp;utm_campaign=supportcenter&amp;utm_term=wp-how-to\">WordPress How To Articles<\/a> to help you!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Query Loop block lets you dynamically display posts in different visual styles. For example, you can create a page showing recent posts dynamically using the loop block. We will be demonstrating the use of the Query Loop Block in the Full Site Editor.\u00a0 This will require that you\u2019re using WordPress 5.9 (or higher) and<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/\"> Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4532],"tags":[],"class_list":["post-96208","post","type-post","status-publish","format-standard","hentry","category-full-site-editing"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Using the Query Loop Block in WordPress Full Site Editing | InMotion Hosting<\/title>\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.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using the Query Loop Block in WordPress Full Site Editing | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"The Query Loop block lets you dynamically display posts in different visual styles. For example, you can create a page showing recent posts dynamically using the loop block. We will be demonstrating the use of the Query Loop Block in the Full Site Editor.\u00a0 This will require that you\u2019re using WordPress 5.9 (or higher) and Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-28T03:56:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-06T12:58:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr-1024x538.png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\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.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"Using the Query Loop Block in WordPress Full Site Editing\",\"datePublished\":\"2022-04-28T03:56:05+00:00\",\"dateModified\":\"2022-05-06T12:58:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/\"},\"wordCount\":1053,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr-1024x538.png\",\"articleSection\":[\"Full Site Editing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/\",\"name\":\"Using the Query Loop Block in WordPress Full Site Editing | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr-1024x538.png\",\"datePublished\":\"2022-04-28T03:56:05+00:00\",\"dateModified\":\"2022-05-06T12:58:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using the Query Loop Block in WordPress Full Site Editing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using the Query Loop Block in WordPress Full Site Editing | InMotion Hosting","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.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/","og_locale":"en_US","og_type":"article","og_title":"Using the Query Loop Block in WordPress Full Site Editing | InMotion Hosting","og_description":"The Query Loop block lets you dynamically display posts in different visual styles. For example, you can create a page showing recent posts dynamically using the loop block. We will be demonstrating the use of the Query Loop Block in the Full Site Editor.\u00a0 This will require that you\u2019re using WordPress 5.9 (or higher) and Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2022-04-28T03:56:05+00:00","article_modified_time":"2022-05-06T12:58:03+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr-1024x538.png","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"Using the Query Loop Block in WordPress Full Site Editing","datePublished":"2022-04-28T03:56:05+00:00","dateModified":"2022-05-06T12:58:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/"},"wordCount":1053,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr-1024x538.png","articleSection":["Full Site Editing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/","name":"Using the Query Loop Block in WordPress Full Site Editing | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr-1024x538.png","datePublished":"2022-04-28T03:56:05+00:00","dateModified":"2022-05-06T12:58:03+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/query-loop-block-fse-hdr.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/query-loop-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Using the Query Loop Block in WordPress Full Site Editing"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/96208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=96208"}],"version-history":[{"count":4,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/96208\/revisions"}],"predecessor-version":[{"id":96494,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/96208\/revisions\/96494"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=96208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=96208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=96208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}