{"id":45241,"date":"2025-08-04T04:48:55","date_gmt":"2025-08-04T02:48:55","guid":{"rendered":"https:\/\/www.markhendriksen.com\/?p=45241"},"modified":"2025-08-04T04:50:38","modified_gmt":"2025-08-04T02:50:38","slug":"how-to-use-the-new-loop-builder-in-divi-5-with-examples","status":"publish","type":"post","link":"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/","title":{"rendered":"How to Use the New Loop Builder in Divi 5 (With Examples)"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"What Is the Loop Builder in Divi 5? (Explained with Examples)\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/sL-NI_-D_sU?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Elegant Themes has introduced a powerful new feature in Divi 5 \u2014 the <strong>Loop Builder<\/strong>. If you\u2019ve ever felt limited by the standard Blog or Portfolio modules in Divi, the Loop Builder gives you the freedom to design <strong>custom templates for any kind of repeating content<\/strong> \u2014 blog posts, events, products, portfolios, and more.<\/p>\n\n\n\n<p>In this post, I\u2019ll walk you through:<\/p>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li>What the Loop Builder is<\/li>\n\n\n\n<li>Why you should use it<\/li>\n\n\n\n<li>How to build a simple blog layout with it<\/li>\n\n\n\n<li>And I\u2019ll show you 3 real-world examples \u2014 including an <strong>event calendar<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Let\u2019s dive in.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What Is the Divi Loop Builder?<\/h2>\n\n\n\n<p>The Loop Builder allows you to create <strong>fully customized layouts<\/strong> for repeating content in WordPress \u2014 like blog posts or custom post types \u2014 using Divi&#8217;s visual builder.<\/p>\n\n\n\n<p>It\u2019s called a \u201cloop\u201d because WordPress fetches content using something called <em>The Loop<\/em> \u2014 it\u2019s how posts, pages, or products are listed dynamically. Divi\u2019s Loop Builder gives you <strong>complete visual control<\/strong> over how each item in that loop looks, using the same modules and styling tools you\u2019re already used to.<\/p>\n\n\n\n<p>Imagine designing your own blog card from scratch \u2014 layout, spacing, typography, images, buttons \u2014 all with dynamic data.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Use the Loop Builder?<\/h2>\n\n\n\n<p>You might be wondering: <em>Why should I use the Loop Builder when Divi already has a Blog module?<\/em><\/p>\n\n\n\n<p>Well, here\u2019s the difference:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The Blog Module:<\/h3>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li>Limited layout and structure<\/li>\n\n\n\n<li>Predefined design with toggles for author, date, etc.<\/li>\n\n\n\n<li>Minimal customization<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">The Loop Builder:<\/h3>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li>Design <strong>everything<\/strong> from scratch<\/li>\n\n\n\n<li>Place elements <strong>exactly<\/strong> where you want them<\/li>\n\n\n\n<li>Style them however you like using <strong>Divi modules<\/strong><\/li>\n\n\n\n<li>Use dynamic content from <strong>any post type or custom field<\/strong><\/li>\n<\/ul>\n\n\n\n<p>It\u2019s ideal for creating blog layouts, product listings, testimonial sliders, event grids \u2014 basically <strong>any repeating content<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Setting Up a Basic Blog Layout with the Loop Builder<\/h2>\n\n\n\n<p>Here\u2019s a quick step-by-step guide to building a custom blog card using the Loop Builder.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Create Some Posts<\/h3>\n\n\n\n<p>Start by creating a few blog posts in WordPress. Make sure each has a <strong>title<\/strong>, <strong>content<\/strong>, and <strong>featured image<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"315\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Create-some-posts.jpg\" alt=\"Create some posts\" class=\"wp-image-45246\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Create-some-posts.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Create-some-posts-480x222.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Build the Card Layout<\/h3>\n\n\n\n<p>In the Divi Builder:<\/p>\n\n\n\n<ol class=\"wp-block-list list-numbers\">\n<li>Add a new <strong>row<\/strong> (1 column)<\/li>\n\n\n\n<li>Inside, add an <strong>Image Module<\/strong> for the featured image<\/li>\n\n\n\n<li>Below, add a <strong>2-column row<\/strong> with <strong>Text Modules<\/strong> for category and date<\/li>\n\n\n\n<li>Add a <strong>Heading Module<\/strong> for the post title<\/li>\n\n\n\n<li>Add a <strong>Button Module<\/strong> labeled <em>Read More<\/em><\/li>\n<\/ol>\n\n\n\n<p>This is the basic layout of your blog card.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"362\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/layout-for-the-post-with-loopbuilder.jpg\" alt=\"layout for the post with loopbuilder\" class=\"wp-image-45247\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/layout-for-the-post-with-loopbuilder.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/layout-for-the-post-with-loopbuilder-480x256.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Enable the Loop<\/h3>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li>Open the column that holds the layout<\/li>\n\n\n\n<li>Go to the <strong>Loop<\/strong> settings and enable <strong>\u201cLoop Element\u201d<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"272\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Enable-loop-builder.jpg\" alt=\"Enable loop builder\" class=\"wp-image-45250\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Enable-loop-builder.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Enable-loop-builder-480x192.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Assign Dynamic Content<\/h3>\n\n\n\n<p>Now replace static content with <strong>dynamic fields<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li>Image: <code>Looped Featured Image<\/code><\/li>\n\n\n\n<li>Category: <code>Loop Post Terms<\/code><\/li>\n\n\n\n<li>Date: <code>Loop Publish Date<\/code><\/li>\n\n\n\n<li>Title: <code>Loop Post Title<\/code><\/li>\n\n\n\n<li>Button link: <code>Loop Link<\/code><\/li>\n<\/ul>\n\n\n\n<p>Your layout is now powered by WordPress posts!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"272\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Assign-dynamic-elements.jpg\" alt=\"Assign dynamic elements\" class=\"wp-image-45251\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Assign-dynamic-elements.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Assign-dynamic-elements-480x192.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Style Your Blog Card<\/h3>\n\n\n\n<p>Use Divi\u2019s <strong>Design tab<\/strong> to style each element \u2014 fonts, spacing, background, shadows \u2014 the works.<\/p>\n\n\n\n<p>To adjust the layout:<\/p>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li>In the row settings, enable <strong>Layout Wrapping<\/strong><\/li>\n\n\n\n<li>In the column settings, tweak spacing and structure as needed<\/li>\n<\/ul>\n\n\n\n<p>From here, you can get as creative as you want!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3 Loop Builder Examples<\/h2>\n\n\n\n<p>Here are three different layouts I\u2019ve built using the Loop Builder to give you some inspiration.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Blog Card with Author Info<\/h3>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li>Layout includes a featured image, category, title, date, and \u201cRead More\u201d button.<\/li>\n\n\n\n<li>Button is aligned to the bottom for consistency.<\/li>\n\n\n\n<li>Added an author section using a <strong>Blurb Module<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Name: <code>Loop Author<\/code><\/li>\n\n\n\n<li>Photo: <code>Author Profile Picture<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"310\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Blog-example-with-loop-builder.jpg\" alt=\"Blog example with loop builder\" class=\"wp-image-45252\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Blog-example-with-loop-builder.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Blog-example-with-loop-builder-480x219.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. Blog Card with Background Image<\/h3>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li>The featured image is used as a <strong>background<\/strong> for the column.<\/li>\n\n\n\n<li>To do this, insert <strong>dynamic content<\/strong> into the column\u2019s background: <code>Looped Featured Image<\/code><\/li>\n\n\n\n<li>Content is layered on top, creating a clean modern layout.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"290\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Blog-example-with-loop-builder-and-featured-background-image.jpg\" alt=\"Blog example with loop builder and featured background image\" class=\"wp-image-45253\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Blog-example-with-loop-builder-and-featured-background-image.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Blog-example-with-loop-builder-and-featured-background-image-480x205.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. Event Calendar (Using Custom Fields)<\/h3>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li>Instead of posts, this uses the <strong>Projects<\/strong> post type.<\/li>\n\n\n\n<li>Custom fields added: event date, day, time, location (via ACF or similar).<\/li>\n\n\n\n<li>Modules display this info using <code>Loop Post Custom Field<\/code><\/li>\n\n\n\n<li>Under the field settings, just enter the <strong>custom meta key<\/strong> (e.g. <code>event_date<\/code>)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"457\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Event-calendar-with-loop-builder.jpg\" alt=\"Event calendar with loop builder\" class=\"wp-image-45254\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Event-calendar-with-loop-builder.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Event-calendar-with-loop-builder-480x323.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>\ud83c\udfa5 <em>I\u2019ll be creating a full tutorial for this event calendar soon \u2014 stay tuned!<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Final Thoughts<\/h2>\n\n\n\n<p>The Loop Builder is a major upgrade for Divi users \u2014 giving you the freedom to design custom content layouts <strong>without needing extra plugins or code<\/strong>.<\/p>\n\n\n\n<p>Whether you&#8217;re building blogs, portfolios, or custom grids, this tool is a game-changer.<\/p>\n\n\n\n<p>If you\u2019re ready to take full control over your content design in Divi 5, the Loop Builder is where you start.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elegant Themes has introduced a powerful new feature in Divi 5 \u2014 the Loop Builder. If you\u2019ve ever felt limited by the standard Blog or Portfolio modules in Divi, the Loop Builder gives you the freedom to design custom templates for any kind of repeating content \u2014 blog posts, events, products, portfolios, and more. In [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":45257,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[133,29],"tags":[],"class_list":["post-45241","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi-5","category-divi-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Use the Divi 5 Loop Builder: Custom Blog Layouts &amp; More<\/title>\n<meta name=\"description\" content=\"Learn how to use the new Loop Builder in Divi 5 to create custom blog cards, event calendars, and dynamic layouts. Step-by-step tutorial with real examples!\" \/>\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.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use the Divi 5 Loop Builder: Custom Blog Layouts &amp; More\" \/>\n<meta property=\"og:description\" content=\"Learn how to use the new Loop Builder in Divi 5 to create custom blog cards, event calendars, and dynamic layouts. Step-by-step tutorial with real examples!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Mark Hendriksen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/madebymarkhendriksen\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-04T02:48:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-04T02:50:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Loop-builder.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mark Hendriksen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Hendriksen\" \/>\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.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/\"},\"author\":{\"name\":\"Mark Hendriksen\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\"},\"headline\":\"How to Use the New Loop Builder in Divi 5 (With Examples)\",\"datePublished\":\"2025-08-04T02:48:55+00:00\",\"dateModified\":\"2025-08-04T02:50:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/\"},\"wordCount\":723,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Loop-builder.jpg\",\"articleSection\":[\"Divi 5\",\"Divi tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/\",\"url\":\"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/\",\"name\":\"How to Use the Divi 5 Loop Builder: Custom Blog Layouts & More\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Loop-builder.jpg\",\"datePublished\":\"2025-08-04T02:48:55+00:00\",\"dateModified\":\"2025-08-04T02:50:38+00:00\",\"description\":\"Learn how to use the new Loop Builder in Divi 5 to create custom blog cards, event calendars, and dynamic layouts. Step-by-step tutorial with real examples!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#primaryimage\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Loop-builder.jpg\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Loop-builder.jpg\",\"width\":720,\"height\":400,\"caption\":\"Divi loop builder\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markhendriksen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Divi 5\",\"item\":\"https:\/\/www.markhendriksen.com\/divi-5\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Use the New Loop Builder in Divi 5 (With Examples)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markhendriksen.com\/#website\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"name\":\"Mark Hendriksen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markhendriksen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\",\"name\":\"Mark Hendriksen\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"width\":354,\"height\":40,\"caption\":\"Mark Hendriksen\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/madebymarkhendriksen\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\",\"name\":\"Mark Hendriksen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"caption\":\"Mark Hendriksen\"},\"url\":\"https:\/\/www.markhendriksen.com\/author\/twopixels\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use the Divi 5 Loop Builder: Custom Blog Layouts & More","description":"Learn how to use the new Loop Builder in Divi 5 to create custom blog cards, event calendars, and dynamic layouts. Step-by-step tutorial with real examples!","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.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/","og_locale":"en_US","og_type":"article","og_title":"How to Use the Divi 5 Loop Builder: Custom Blog Layouts & More","og_description":"Learn how to use the new Loop Builder in Divi 5 to create custom blog cards, event calendars, and dynamic layouts. Step-by-step tutorial with real examples!","og_url":"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/","og_site_name":"Mark Hendriksen","article_publisher":"https:\/\/www.facebook.com\/madebymarkhendriksen","article_published_time":"2025-08-04T02:48:55+00:00","article_modified_time":"2025-08-04T02:50:38+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Loop-builder.jpg","type":"image\/jpeg"}],"author":"Mark Hendriksen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Hendriksen","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#article","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/"},"author":{"name":"Mark Hendriksen","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765"},"headline":"How to Use the New Loop Builder in Divi 5 (With Examples)","datePublished":"2025-08-04T02:48:55+00:00","dateModified":"2025-08-04T02:50:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/"},"wordCount":723,"commentCount":2,"publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Loop-builder.jpg","articleSection":["Divi 5","Divi tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/","url":"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/","name":"How to Use the Divi 5 Loop Builder: Custom Blog Layouts & More","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#primaryimage"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Loop-builder.jpg","datePublished":"2025-08-04T02:48:55+00:00","dateModified":"2025-08-04T02:50:38+00:00","description":"Learn how to use the new Loop Builder in Divi 5 to create custom blog cards, event calendars, and dynamic layouts. Step-by-step tutorial with real examples!","breadcrumb":{"@id":"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#primaryimage","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Loop-builder.jpg","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2025\/08\/Loop-builder.jpg","width":720,"height":400,"caption":"Divi loop builder"},{"@type":"BreadcrumbList","@id":"https:\/\/www.markhendriksen.com\/how-to-use-the-new-loop-builder-in-divi-5-with-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markhendriksen.com\/"},{"@type":"ListItem","position":2,"name":"Divi 5","item":"https:\/\/www.markhendriksen.com\/divi-5\/"},{"@type":"ListItem","position":3,"name":"How to Use the New Loop Builder in Divi 5 (With Examples)"}]},{"@type":"WebSite","@id":"https:\/\/www.markhendriksen.com\/#website","url":"https:\/\/www.markhendriksen.com\/","name":"Mark Hendriksen","description":"","publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markhendriksen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.markhendriksen.com\/#organization","name":"Mark Hendriksen","url":"https:\/\/www.markhendriksen.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","width":354,"height":40,"caption":"Mark Hendriksen"},"image":{"@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/madebymarkhendriksen"]},{"@type":"Person","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765","name":"Mark Hendriksen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","caption":"Mark Hendriksen"},"url":"https:\/\/www.markhendriksen.com\/author\/twopixels\/"}]}},"_links":{"self":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/45241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/comments?post=45241"}],"version-history":[{"count":6,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/45241\/revisions"}],"predecessor-version":[{"id":45319,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/45241\/revisions\/45319"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media\/45257"}],"wp:attachment":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media?parent=45241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/categories?post=45241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/tags?post=45241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}