[Resolved] Archive with Query Loop

Hi there,

in the next GP Premium update we will be adding a new Element Type that allows you to replace the Theme archives with those GBP Query Loops.

In the meantime, it can be done using a Block Element – Content Template:

https://docs.generatepress.com/article/block-element-content-template/

Which GBP Query Loop pattern did you use ? Can i see it ?

You can try this:

1. Appearance > Elements –> New Block
2. Set the Element Type to: Content Template.
3. In the 3 dot top bar menu, switch to code view:
4. In the code editor paste the following code:

<!-- wp:generateblocks/image {"uniqueId":"2265530a","sizeSlug":"full","useDynamicData":true,"dynamicContentType":"featured-image","dynamicLinkType":"single-post"} /-->

<!-- wp:generateblocks/container {"uniqueId":"4a0e425e","paddingTop":"12","paddingRight":"18","paddingBottom":"18","paddingLeft":"18","backgroundColor":"var(\u002d\u002dbase-2)","zindex":0,"isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/image {"uniqueId":"0f810950","sizeSlug":"thumbnail","width":"36px","height":"36px","borderColor":"var(\u002d\u002dbase-3)","alignment":"floatLeft","useDynamicData":true,"dynamicContentType":"author-avatar","marginRight":"4","borderSizeTop":"2","borderSizeRight":"2","borderSizeBottom":"2","borderSizeLeft":"2","borderRadiusTopRight":"36","borderRadiusBottomRight":"36","borderRadiusBottomLeft":"36","borderRadiusTopLeft":"36"} /-->

<!-- wp:generateblocks/headline {"uniqueId":"1710792f","element":"div","fontWeight":"700","fontSize":14,"marginBottom":"12","inlineWidth":true,"useDynamicData":true,"dynamicContentType":"author-name"} -->
<div class="gb-headline gb-headline-1710792f gb-headline-text"></div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"d8375f7c","element":"div","borderColor":"var(\u002d\u002dcontrast-3)","fontWeight":"700","fontSize":14,"marginBottom":"12","marginLeft":"6","paddingLeft":"6","borderSizeLeft":"2","inlineWidth":true,"useDynamicData":true,"dynamicContentType":"post-date"} -->
<div class="gb-headline gb-headline-d8375f7c gb-headline-text"></div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"bcdb0fb1","textColor":"#222222","linkColor":"#222222","linkColorHover":"#575760","fontSize":20,"marginTop":"6","marginBottom":"6","useDynamicData":true,"dynamicContentType":"post-title","dynamicLinkType":"single-post"} -->
<h2 class="gb-headline gb-headline-bcdb0fb1 gb-headline-text"></h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"b0e62723","element":"p","fontSize":15,"useDynamicData":true,"dynamicContentType":"post-excerpt","useDefaultMoreLink":false,"excerptLength":15} -->
<p class="gb-headline gb-headline-b0e62723 gb-headline-text"></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/button-container {"uniqueId":"f4522935","isDynamic":true,"blockVersion":2} -->
<!-- wp:generateblocks/button {"uniqueId":"5904d52c","hasUrl":false,"backgroundColor":"#0366d6","backgroundColorHover":"#222222","textColor":"#ffffff","textColorHover":"#ffffff","fontWeight":"700","fontSize":10,"textTransform":"uppercase","letterSpacing":0.18,"marginRight":"2","paddingTop":"4","paddingRight":"6","paddingBottom":"4","paddingLeft":"6","blockVersion":2,"useDynamicData":true,"dynamicContentType":"terms","dynamicLinkType":"term-archives","termTaxonomy":"category"} -->
<span class="gb-button gb-button-5904d52c gb-button-text">Button</span>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/button-container -->
<!-- /wp:generateblocks/container -->

5. Switch back to the Visual editor.

You should see the single content template, with placeholder text.
Adjust it how you need it.

6. Set the Display Rule Locations:

All Archives
Blog

And then you should see the same design as the your Query Loops.

The alternative is to wait for the update. It will be soon but we are probably a few weeks before we release a beta version for testing.

In Customizer > Layout > Container you cans set the: Content Layout to: One Container