{"id":61,"date":"2026-07-25T13:36:29","date_gmt":"2026-07-25T13:36:29","guid":{"rendered":"https:\/\/promptlesswp.com\/demo\/?page_id=61"},"modified":"2026-08-12T15:47:36","modified_gmt":"2026-08-12T15:47:36","slug":"post-grid","status":"publish","type":"page","link":"https:\/\/promptlesswp.com\/demo\/post-grid\/","title":{"rendered":"Post Grid Layouts"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Section 11 of 13 \u00b7 Post Grid<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Live content, every arrangement.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Post Grid queries real content at render time. Every card below reads from a custom post type built with Promptless CPT Pages: Harbor &amp; Oak&#039;s listings, with price, status, beds, and baths rendered by the field system.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Grid \u00b7 3 Columns<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Featured listings.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The classic grid. Featured image, title, excerpt, and the custom fields each card inherits from the post type.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">List \u00b7 Dark<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">New on the market.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The list arrangement: one listing per row, image beside content, built for chronology-first browsing.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Featured<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">This week&#039;s spotlight.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The featured arrangement: the first listing takes the large card, the rest stack beside it as compact rows.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Grid + Filters + Pagination \u00b7 Dark<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Browse every listing.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The same grid wearing the schema-driven filter system: price range, status, neighborhood search, and square footage, generated automatically from the post type&#039;s field definitions. Filters work with JavaScript off and stay SEO-clean.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These cards read from a custom post type with custom fields. See a whole site built this way.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Carousel \u00b7 Auto<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Browse the listings on a rail.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The same live listings on a horizontal scroll-snap rail. Every card fires the same field hooks as the grid, so price, beds, baths, and status flow through untouched \u2014 the carousel only changes the arrangement, never the card.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Carousel \u00b7 3-Up \u00b7 Autoplay \u00b7 Dark<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">New on the market, auto-advancing.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A fixed three-up rail with autoplay and loop: it advances every five seconds, wraps at the ends, and pauses on hover, on keyboard focus, and when the tab is hidden. Dark theme, and the custom listing fields render exactly as they do in the grid.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Keep going<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Next: Product Grid. WooCommerce, carded.<\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Section 11 of 13 \u00b7 Post Grid Live content, every arrangement. The Post Grid queries real content at render time. Every card below reads from a custom post type built with Promptless CPT Pages: Harbor &#038; Oak&#8217;s listings, with price, status, beds, and baths rendered by the field system. Next: Product Grid All sections Grid&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/promptlesswp.com\/demo\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promptlesswp.com\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/promptlesswp.com\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/promptlesswp.com\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/promptlesswp.com\/demo\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":3,"href":"https:\/\/promptlesswp.com\/demo\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":201,"href":"https:\/\/promptlesswp.com\/demo\/wp-json\/wp\/v2\/pages\/61\/revisions\/201"}],"wp:attachment":[{"href":"https:\/\/promptlesswp.com\/demo\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}