Page Design and Archive Page Re design

Hi there,

1. For the archive, you need to create a block element – page hero for this part:
https://app.screencast.com/5dYlG4LkINzaV

And create a block element – content template for the posts.

2. For the contact page, you can directly build the content in the page editor, I’m not sure what your difficulty is, it looks pretty simple and straight forward. You will need a form plugin to generate your contact form.

3. For the 3rd page, it’s the same as the contact page, you just need to use another form.

Hi there,

we cannot build your site for you, its seriously out of the scope of this forum.
If you need assistance building your site then you would need to employ a designer or developer.

We can however guide you on what is required.

In this topic we can focus on helping you build the archive pages.
If you need help with the static pages then please raise separate topics for them.

1. Go to Appearance > Elements -> Add New –> Block
2. in the element settings sidebar set the Element Type to Loop Template
3. in the element display rules set the Location to Category Archives > All Categories.
Add any other archives you want to the locations.

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

4. In the top bar 3 dot options menu , select the Code Editor view.
5. Copy and Paste the following block HTML into the editor:

<!-- wp:generateblocks/query-loop {"uniqueId":"b5b1644e","inheritQuery":true,"query":{"post_type":"post","per_page":"9"}} -->
<!-- wp:generateblocks/grid {"uniqueId":"6bbb2180","columns":1,"horizontalGap":40,"verticalGap":40,"isDynamic":true,"blockVersion":3,"isQueryLoop":true,"useLegacyRowGap":true,"lock":{"remove":true}} -->
<!-- wp:generateblocks/container {"uniqueId":"e0194bc6","isGrid":true,"isQueryLoopItem":true,"gridId":"6bbb2180","isDynamic":true,"blockVersion":4,"useInnerContainer":true,"zindex":1,"sizing":{"width":"33.33%","widthTablet":"50%","widthMobile":"100%"},"lock":{"remove":true,"move":true}} -->
<!-- wp:generateblocks/image {"uniqueId":"bb50894a","sizeSlug":"full","blockVersion":2,"useDynamicData":true,"dynamicContentType":"featured-image","dynamicLinkType":"single-post"} /-->

<!-- wp:generateblocks/container {"uniqueId":"8f323bc0","minHeight":0,"borderColor":"#eeeeee","backgroundColor":"var(\u002d\u002dbase-2)","isDynamic":true,"blockVersion":4,"useInnerContainer":true,"zindex":0,"spacing":{"paddingTop":"18px","paddingRight":"18px","paddingBottom":"18px","paddingLeft":"18px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"df3ff932","element":"div","blockVersion":3,"display":"inline-block","typography":{"fontSize":"12px","fontWeight":"700"},"spacing":{"marginBottom":"12px"},"inlineWidth":true,"useDynamicData":true,"dynamicContentType":"terms","termTaxonomy":"category"} -->
<div class="gb-headline gb-headline-df3ff932 gb-headline-text"></div>
<!-- /wp:generateblocks/headline -->

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

<!-- wp:generateblocks/container {"uniqueId":"643e6f79","isDynamic":true,"blockVersion":4,"variantRole":"button-container","display":"flex","spacing":{"marginTop":"20px"},"isPagination":true} -->
<!-- wp:generateblocks/button {"uniqueId":"7ac4d82d","blockVersion":4,"display":"inline-flex","spacing":{"paddingTop":"15px","paddingRight":"20px","paddingBottom":"15px","paddingLeft":"20px"},"backgroundColor":"#0366d6","backgroundColorHover":"#222222","textColor":"#ffffff","textColorHover":"#ffffff","useDynamicData":true,"isPagination":true,"dynamicLinkType":"pagination-prev","dynamicLinkRemoveIfEmpty":true} -->
<span class="gb-button gb-button-7ac4d82d gb-button-text">Previous</span>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/button {"uniqueId":"068931a2","blockVersion":4,"display":"inline-flex","spacing":{"paddingTop":"15px","paddingRight":"20px","paddingBottom":"15px","paddingLeft":"20px"},"backgroundColor":"#0366d6","backgroundColorHover":"#222222","textColor":"#ffffff","textColorHover":"#ffffff","useDynamicData":true,"isPagination":true,"dynamicContentType":"pagination-numbers"} -->
<span class="gb-button gb-button-068931a2 gb-button-text">1 2 … 10</span>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/button {"uniqueId":"929c0423","blockVersion":4,"display":"inline-flex","spacing":{"paddingTop":"15px","paddingRight":"20px","paddingBottom":"15px","paddingLeft":"20px"},"backgroundColor":"#0366d6","backgroundColorHover":"#222222","textColor":"#ffffff","textColorHover":"#ffffff","useDynamicData":true,"isPagination":true,"dynamicLinkType":"pagination-next","dynamicLinkRemoveIfEmpty":true} -->
<span class="gb-button gb-button-929c0423 gb-button-text">Next</span>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/query-loop -->

6. Switch back to visual editor and publish the element

That will give you a similar design to your example site.

You’re welcome

Glad to be of help