How to Make a Simple Blog Website on WordPress Using GeneratePress Theme

In this video tutorial, I will show you, how to build a simple and elegant blog using GeneratePress free theme. You can download the latest version of GeneratePress free theme from WordPress repository or from the GeneratePress website directly.

It’s a quick and short video, so please watch the video without skipping.

Table of Contents

Recommended Hosting

Required Theme

Required Plugins

Color Palette

CSS Variable NameHexa CodeActual Color
contrast#1C1717
contrast-2#1E2633
contrast-3#312c2c
base#f6f6f6
base-2#f7f8f9
base-3#ffffff
accent#7678e5
accent-2#f5a623
accent-3#36b87f

Home Page Gutenberg Blocks (GenerateBlocks)

1. Hero Banner Section

<!-- wp:generateblocks/container {"uniqueId":"4e34cbba","isDynamic":true,"blockVersion":4,"paddingSyncUnits":true} -->
<!-- wp:generateblocks/container {"uniqueId":"c0a14d5b","isDynamic":true,"blockVersion":4,"flexDirection":"column","justifyContent":"center","typography":{"textAlign":"center"},"spacing":{"paddingTop":"100px","paddingRight":"20px","paddingBottom":"0px","paddingLeft":"20px","marginRight":"auto","marginLeft":"auto"}} -->
<!-- wp:generateblocks/container {"uniqueId":"29d32817","isDynamic":true,"blockVersion":4,"sizing":{"width":"900px","widthTablet":"100%"},"useGlobalMaxWidth":true,"spacing":{"marginLeft":"auto","marginRight":"auto"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"b5cbc1a3","element":"h1","blockVersion":3,"typography":{"fontSize":"55px","fontSizeMobile":"30px"},"spacing":{"marginBottom":"50px"},"textColor":"var(\u002d\u002dcontrast-2)"} -->
<h1 class="gb-headline gb-headline-b5cbc1a3 gb-headline-text">Learn how to build a <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-3-color">successful</mark> and <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">thriving blog</mark> from John Doe</h1>
<!-- /wp:generateblocks/headline -->

<!-- wp:search {"label":"Search","showLabel":false,"width":100,"widthUnit":"%","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|base-3"}}}},"backgroundColor":"accent","textColor":"base-3"} /-->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"3e7c3978","isDynamic":true,"blockVersion":4,"useGlobalMaxWidth":true,"spacing":{"marginRight":"auto","marginLeft":"auto","paddingTop":"50px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"100px"}} -->
<!-- wp:generateblocks/grid {"uniqueId":"90c34ebe","columns":1,"verticalAlignment":"center","isDynamic":true,"blockVersion":3} -->
<!-- wp:generateblocks/container {"uniqueId":"3dce0d04","isGrid":true,"gridId":"90c34ebe","isDynamic":true,"blockVersion":4,"borders":{"borderTopLeftRadius":"25px","borderTopRightRadius":"25px","borderBottomLeftRadius":"25px","borderBottomRightRadius":"25px"}} -->
<!-- wp:generateblocks/query-loop {"uniqueId":"a3c489d2","query":{"post_type":"post","per_page":"3"}} -->
<!-- wp:generateblocks/grid {"uniqueId":"32667d65","columns":1,"horizontalGap":32,"verticalGap":32,"isDynamic":true,"blockVersion":3,"isQueryLoop":true,"lock":{"remove":true}} -->
<!-- wp:generateblocks/container {"uniqueId":"1b5711c9","isGrid":true,"isQueryLoopItem":true,"gridId":"32667d65","gradient":true,"gradientDirection":135,"gradientColorOne":"rgba(0, 0, 0, 0.5)","gradientColorTwo":"rgba(0, 0, 0, 0.40)","gradientSelector":"pseudo-element","textColor":"#fff","bgImageInline":true,"isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"column","justifyContent":"flex-end","position":"relative","sizing":{"width":"33.33%","widthMobile":"100%","height":"100%","minHeight":"250px","widthTablet":"50%"},"borders":{"borderTopLeftRadius":"20px","borderTopRightRadius":"20px","borderBottomLeftRadius":"20px","borderBottomRightRadius":"20px"},"useDynamicData":true,"dynamicContentType":"featured-image","dynamicLinkType":"single-post","lock":{"remove":true,"move":true},"className":"rounded-border"} -->
<!-- wp:generateblocks/container {"uniqueId":"53b5ab83","isDynamic":true,"blockVersion":4,"blockLabel":"content container","position":"relative","zindex":1,"borders":{"borderTopLeftRadius":"","borderTopRightRadius":"","borderBottomLeftRadius":"","borderBottomRightRadius":""}} -->
<!-- wp:generateblocks/headline {"uniqueId":"2ceefb06","element":"div","blockVersion":3,"typography":{"fontSize":"14px"},"spacing":{"paddingTop":"0px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"0px"},"useDynamicData":true,"dynamicContentType":"post-date","className":"gbp-card__meta-text"} -->
<div class="gb-headline gb-headline-2ceefb06 gb-headline-text gbp-card__meta-text">Meta</div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"e1233b4a","element":"h3","blockVersion":3,"typography":{"fontSize":"20px","fontWeight":"500"},"spacing":{"paddingTop":"10px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"20px"},"linkColor":"var(\u002d\u002dbase-3)","linkColorHover":"var(\u002d\u002dbase-3)","useDynamicData":true,"dynamicContentType":"post-title","dynamicLinkType":"single-post","className":"gbp-card__title"} -->
<h3 class="gb-headline gb-headline-e1233b4a gb-headline-text gbp-card__title">H3 tag with specific typography</h3>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/query-loop -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

2. Popular Topic Section

<!-- wp:generateblocks/container {"uniqueId":"a737532f","backgroundColor":"var(\u002d\u002dbase)","isDynamic":true,"blockVersion":4} -->
<!-- wp:generateblocks/container {"uniqueId":"10195f29","isDynamic":true,"blockVersion":4,"useGlobalMaxWidth":true,"typography":{"textAlign":"left"},"spacing":{"paddingTop":"50px","paddingRight":"20px","paddingBottom":"50px","paddingLeft":"20px","marginRight":"auto","marginLeft":"auto"},"paddingSyncUnits":true} -->
<!-- wp:generateblocks/grid {"uniqueId":"45874306","columns":1,"horizontalGap":20,"verticalAlignment":"center","horizontalAlignment":"flex-start","isDynamic":true,"blockVersion":3} -->
<!-- wp:generateblocks/container {"uniqueId":"7c8b2364","isGrid":true,"gridId":"45874306","isDynamic":true,"blockVersion":4,"sizing":{"width":"100%","widthMobile":"100%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"95b2185c","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","typography":{"fontSize":"29px","fontWeight":"700","textAlign":"center","fontSizeMobile":"25px"},"spacing":{"marginBottom":"30px"},"iconStyles":{"width":"2.5em","height":"2.5em","paddingRight":"0.5em"}} -->
<h2 class="gb-headline gb-headline-95b2185c gb-headline-text">Popular Topics</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/grid {"uniqueId":"0c99403c","columns":7,"horizontalGap":20,"verticalGap":20,"isDynamic":true,"blockVersion":3} -->
<!-- wp:generateblocks/container {"uniqueId":"4bb3fa17","isGrid":true,"gridId":"0c99403c","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"sizing":{"width":"25%","widthMobile":"100%"},"typography":{"textAlign":"center"},"spacing":{"paddingTop":"20px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"20px"},"borders":{"borderTopLeftRadius":"10px","borderTopRightRadius":"10px","borderBottomLeftRadius":"10px","borderBottomRightRadius":"10px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"91cc5b23","element":"div","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","typography":{"fontSize":"20px"},"linkColor":"var(\u002d\u002dcontrast)","linkColorHover":"var(\u002d\u002daccent)","hasIcon":true,"iconColor":"var(\u002d\u002daccent)","iconStyles":{"height":"1em","width":"1em"}} -->
<div class="gb-headline gb-headline-91cc5b23"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M323.56 51.2c-20.8 19.3-39.58 39.59-56.22 59.97C240.08 73.62 206.28 35.53 168 0 69.74 91.17 0 209.96 0 281.6 0 408.85 100.29 512 224 512s224-103.15 224-230.4c0-53.27-51.98-163.14-124.44-230.4zm-19.47 340.65C282.43 407.01 255.72 416 226.86 416 154.71 416 96 368.26 96 290.75c0-38.61 24.31-72.63 72.79-130.75 6.93 7.98 98.83 125.34 98.83 125.34l58.63-66.88c4.14 6.85 7.91 13.55 11.27 19.97 27.35 52.19 15.81 118.97-33.43 153.42z"></path></svg></span><span class="gb-headline-text"><a href="#">Tips and Tricks</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"85363793","isGrid":true,"gridId":"0c99403c","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"sizing":{"width":"25%","widthMobile":"100%"},"typography":{"textAlign":"center"},"spacing":{"paddingTop":"20px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"20px"},"borders":{"borderTopLeftRadius":"10px","borderTopRightRadius":"10px","borderBottomLeftRadius":"10px","borderBottomRightRadius":"10px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"7853ea4e","element":"div","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","typography":{"fontSize":"20px"},"linkColor":"var(\u002d\u002dcontrast)","linkColorHover":"var(\u002d\u002daccent)","hasIcon":true,"iconColor":"var(\u002d\u002daccent)","iconStyles":{"height":"1em","width":"1em"}} -->
<div class="gb-headline gb-headline-7853ea4e"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"></path></svg></span><span class="gb-headline-text"><a href="#">Email Marketing</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"955c1dbe","isGrid":true,"gridId":"0c99403c","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"sizing":{"width":"25%","widthMobile":"100%"},"typography":{"textAlign":"center"},"spacing":{"paddingTop":"20px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"20px"},"borders":{"borderTopLeftRadius":"10px","borderTopRightRadius":"10px","borderBottomLeftRadius":"10px","borderBottomRightRadius":"10px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"6d26e061","element":"div","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","typography":{"fontSize":"20px"},"linkColor":"var(\u002d\u002dcontrast)","linkColorHover":"var(\u002d\u002daccent)","hasIcon":true,"iconColor":"var(\u002d\u002daccent)","iconStyles":{"height":"1em","width":"1em"}} -->
<div class="gb-headline gb-headline-6d26e061"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"></path></svg></span><span class="gb-headline-text"><a href="#">Guides</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"3cb107c2","isGrid":true,"gridId":"0c99403c","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"sizing":{"width":"25%","widthMobile":"100%"},"typography":{"textAlign":"center"},"spacing":{"paddingTop":"20px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"20px"},"borders":{"borderTopLeftRadius":"10px","borderTopRightRadius":"10px","borderBottomLeftRadius":"10px","borderBottomRightRadius":"10px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"74fb54d2","element":"div","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","typography":{"fontSize":"20px"},"linkColor":"var(\u002d\u002dcontrast)","linkColorHover":"var(\u002d\u002daccent)","hasIcon":true,"iconColor":"var(\u002d\u002daccent)","iconStyles":{"height":"1em","width":"1em"}} -->
<div class="gb-headline gb-headline-74fb54d2"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z"></path></svg></span><span class="gb-headline-text"><a href="#">Podcasts</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"28f878b5","isGrid":true,"gridId":"0c99403c","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"sizing":{"width":"25%","widthMobile":"100%"},"typography":{"textAlign":"center"},"spacing":{"paddingTop":"20px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"20px"},"borders":{"borderTopLeftRadius":"10px","borderTopRightRadius":"10px","borderBottomLeftRadius":"10px","borderBottomRightRadius":"10px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"ced48c1d","element":"div","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","typography":{"fontSize":"20px"},"linkColor":"var(\u002d\u002dcontrast)","linkColorHover":"var(\u002d\u002daccent)","hasIcon":true,"iconColor":"var(\u002d\u002daccent)","iconStyles":{"height":"1em","width":"1em"}} -->
<div class="gb-headline gb-headline-ced48c1d"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.744 18.745 49.136 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zM112 160c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm513.941 133.823L421.823 497.941c-18.745 18.745-49.137 18.745-67.882 0l-.36-.36L527.64 323.522c16.999-16.999 26.36-39.6 26.36-63.64s-9.362-46.641-26.36-63.64L331.397 0h48.721a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882z"></path></svg></span><span class="gb-headline-text"><a href="#">Marketing</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"ced9f8d0","isGrid":true,"gridId":"0c99403c","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"sizing":{"width":"25%","widthMobile":"100%"},"typography":{"textAlign":"center"},"spacing":{"paddingTop":"20px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"20px"},"borders":{"borderTopLeftRadius":"10px","borderTopRightRadius":"10px","borderBottomLeftRadius":"10px","borderBottomRightRadius":"10px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"ca14711b","element":"div","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","typography":{"fontSize":"20px"},"linkColor":"var(\u002d\u002dcontrast)","linkColorHover":"var(\u002d\u002daccent)","hasIcon":true,"iconColor":"var(\u002d\u002daccent)","iconStyles":{"height":"1em","width":"1em"}} -->
<div class="gb-headline gb-headline-ca14711b"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg></span><span class="gb-headline-text"><a href="#">Blogging</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"3c56180f","isGrid":true,"gridId":"0c99403c","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"sizing":{"width":"25%","widthMobile":"100%"},"typography":{"textAlign":"center"},"spacing":{"paddingTop":"20px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"20px"},"borders":{"borderTopLeftRadius":"10px","borderTopRightRadius":"10px","borderBottomLeftRadius":"10px","borderBottomRightRadius":"10px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"b781b6d4","element":"div","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","typography":{"fontSize":"20px"},"linkColor":"var(\u002d\u002dcontrast)","linkColorHover":"var(\u002d\u002daccent)","hasIcon":true,"iconColor":"var(\u002d\u002daccent)","iconStyles":{"height":"1em","width":"1em"}} -->
<div class="gb-headline gb-headline-b781b6d4"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M296 160H180.6l42.6-129.8C227.2 15 215.7 0 200 0H56C44 0 33.8 8.9 32.2 20.8l-32 240C-1.7 275.2 9.5 288 24 288h118.7L96.6 482.5c-3.6 15.2 8 29.5 23.3 29.5 8.4 0 16.4-4.4 20.8-12l176-304c9.3-15.9-2.2-36-20.7-36z"></path></svg></span><span class="gb-headline-text"><a href="#">Performance</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

3. Featured Posts Section

<!-- wp:generateblocks/container {"uniqueId":"d1d4fafa","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"spacing":{"paddingTop":"","paddingBottom":""}} -->
<!-- wp:generateblocks/container {"uniqueId":"0af06d13","isDynamic":true,"blockVersion":4,"useGlobalMaxWidth":true,"spacing":{"marginRight":"auto","marginLeft":"auto","paddingTop":"80px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"80px"}} -->
<!-- wp:generateblocks/grid {"uniqueId":"521aeef7","columns":2,"verticalAlignment":"center","isDynamic":true,"blockVersion":3} -->
<!-- wp:generateblocks/container {"uniqueId":"6f38bd43","isGrid":true,"gridId":"521aeef7","isDynamic":true,"blockVersion":4,"sizing":{"width":"100%","widthMobile":"100%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"5e1d4d32","blockVersion":3,"typography":{"fontSize":"29px","fontWeight":"700"},"spacing":{"paddingLeft":"","marginBottom":"40px"}} -->
<h2 class="gb-headline gb-headline-5e1d4d32 gb-headline-text">Most Popular/Featured Posts</h2>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"bd84e501","isGrid":true,"gridId":"521aeef7","isDynamic":true,"blockVersion":4} -->
<!-- wp:generateblocks/query-loop {"uniqueId":"9b74cac7","query":{"post_type":"post","per_page":"8"}} -->
<!-- wp:generateblocks/grid {"uniqueId":"330f5ef1","columns":1,"horizontalGap":32,"verticalGap":32,"isDynamic":true,"blockVersion":3,"isQueryLoop":true,"lock":{"remove":true}} -->
<!-- wp:generateblocks/container {"uniqueId":"53dc45f2","isGrid":true,"isQueryLoopItem":true,"gridId":"330f5ef1","gradient":true,"gradientDirection":90,"gradientColorOne":"rgba(0, 0, 0, 0.40)","gradientColorTwo":"rgba(0, 0, 0, 0.40)","gradientSelector":"pseudo-element","textColor":"#fff","bgImageInline":true,"isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"column","justifyContent":"flex-end","position":"relative","sizing":{"width":"25%","widthMobile":"100%","height":"100%","minHeight":"250px","widthTablet":"50%"},"borders":{"borderTopLeftRadius":"25px","borderTopRightRadius":"25px","borderBottomLeftRadius":"25px","borderBottomRightRadius":"25px"},"useDynamicData":true,"dynamicContentType":"featured-image","dynamicLinkType":"single-post","lock":{"remove":true,"move":true},"className":"rounded-border"} -->
<!-- wp:generateblocks/container {"uniqueId":"2da82e49","isDynamic":true,"blockVersion":4,"blockLabel":"content container","position":"relative","zindex":1} -->
<!-- wp:generateblocks/headline {"uniqueId":"1df90236","element":"div","blockVersion":3,"typography":{"fontSize":"14px"},"spacing":{"paddingTop":"0px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"0px"},"useDynamicData":true,"dynamicContentType":"post-date","className":"gbp-card__meta-text"} -->
<div class="gb-headline gb-headline-1df90236 gb-headline-text gbp-card__meta-text">Meta</div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"77be8b4d","element":"h3","blockVersion":3,"typography":{"fontSize":"20px","fontWeight":"500"},"spacing":{"paddingTop":"10px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"20px"},"linkColor":"var(\u002d\u002dbase-3)","linkColorHover":"var(\u002d\u002dbase-3)","useDynamicData":true,"dynamicContentType":"post-title","dynamicLinkType":"single-post","className":"gbp-card__title"} -->
<h3 class="gb-headline gb-headline-77be8b4d gb-headline-text gbp-card__title">H3 tag with specific typography</h3>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/query-loop -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

4. Latest Posts Section

<!-- wp:generateblocks/container {"uniqueId":"87a83a81","backgroundColor":"var(\u002d\u002dbase)","isDynamic":true,"blockVersion":4,"spacing":{"paddingBottom":""}} -->
<!-- wp:generateblocks/container {"uniqueId":"92463035","isDynamic":true,"blockVersion":4,"useGlobalMaxWidth":true,"spacing":{"marginRight":"auto","marginLeft":"auto","paddingTop":"80px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"80px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"43d49486","blockVersion":3,"typography":{"fontSize":"29px","fontWeight":"700","fontSizeMobile":"29px"},"spacing":{"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":"","marginBottom":"30px"},"textColor":"var(\u002d\u002dcontrast)"} -->
<h2 class="gb-headline gb-headline-43d49486 gb-headline-text">Latest Posts</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/container {"uniqueId":"d666d91b","isDynamic":true,"blockVersion":4,"blockLabel":"Section","typography":{"fontSize":""},"spacing":{"paddingTop":"","paddingLeft":"","paddingRight":"","paddingBottom":"","paddingTopTablet":"6rem","paddingLeftTablet":"30px","paddingRightTablet":"30px","paddingBottomTablet":"6rem","paddingBottomMobile":"4rem","paddingTopMobile":"4rem","paddingLeftMobile":"20px","paddingRightMobile":"20px"}} -->
<!-- wp:generateblocks/container {"uniqueId":"45beb772","isDynamic":true,"blockVersion":4,"blockLabel":"inner container max width","columnGap":"5rem","rowGap":"3rem","position":"relative","zindex":1,"useGlobalMaxWidth":true,"typography":{"fontSize":""},"spacing":{"marginRight":"auto","marginLeft":"auto"}} -->
<!-- wp:generateblocks/query-loop {"uniqueId":"65585dfd","query":{"post_type":"post","per_page":"6"}} -->
<!-- wp:generateblocks/grid {"uniqueId":"eec08044","columns":1,"horizontalGap":40,"verticalGap":40,"isDynamic":true,"blockVersion":3,"isQueryLoop":true,"lock":{"remove":true}} -->
<!-- wp:generateblocks/container {"uniqueId":"b9954109","isGrid":true,"isQueryLoopItem":true,"gridId":"eec08044","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"sizing":{"width":"33.33%","widthMobile":"100%","height":"100%"},"spacing":{"paddingTop":"25px","paddingLeft":"25px","paddingRight":"25px","paddingBottom":"25px"},"borders":{"borderTopLeftRadius":"25px","borderTopRightRadius":"25px","borderBottomLeftRadius":"25px","borderBottomRightRadius":"25px"},"lock":{"remove":true,"move":true}} -->
<!-- wp:generateblocks/image {"uniqueId":"6af10fb6","mediaId":4345,"sizeSlug":"large","blockVersion":2,"spacing":{"marginRight":"-25px","marginBottom":"-25px","paddingTop":"","paddingLeft":"","paddingRight":"","paddingBottom":"","marginTop":"-25px","marginLeft":"-25px"},"borders":{"borderTopLeftRadius":"25px","borderTopRightRadius":"25px","borderBottomLeftRadius":"","borderBottomRightRadius":""},"useDynamicData":true,"dynamicContentType":"featured-image","dynamicLinkType":"single-post"} /-->

<!-- wp:generateblocks/headline {"uniqueId":"5f66ad2d","element":"div","blockVersion":3,"typography":{"fontSize":"0.875rem"},"spacing":{"marginBottom":"","paddingTop":"40px"},"useDynamicData":true,"dynamicContentType":"terms","dynamicLinkType":"term-archives"} -->
<div class="gb-headline gb-headline-5f66ad2d gb-headline-text">Meta</div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"445df4ed","element":"h3","blockVersion":3,"typography":{"fontSize":"22px"},"spacing":{"marginBottom":"0.5rem","marginTop":"10px"},"linkColor":"var(\u002d\u002dcontrast)","linkColorHover":"var(\u002d\u002daccent)","useDynamicData":true,"dynamicContentType":"post-title","dynamicLinkType":"single-post"} -->
<h3 class="gb-headline gb-headline-445df4ed gb-headline-text">H3 tag with specific typography</h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"353ee1e2","element":"div","blockVersion":3,"typography":{"fontSize":"1rem"},"useDynamicData":true,"dynamicContentType":"post-excerpt","useDefaultMoreLink":false,"excerptLength":24} -->
<div class="gb-headline gb-headline-353ee1e2 gb-headline-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.</div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/container {"uniqueId":"e47d14f2","isDynamic":true,"blockVersion":4,"blockLabel":"Meta Byline","display":"flex","alignItems":"center","spacing":{"marginTop":"1.5rem"}} -->
<!-- wp:generateblocks/image {"uniqueId":"630cf1c4","mediaId":4266,"sizeSlug":"thumbnail","width":"50px","height":"50px","blockVersion":2,"spacing":{"marginRight":"1rem"},"borders":{"borderTopLeftRadius":"100%","borderTopRightRadius":"100%","borderBottomLeftRadius":"100%","borderBottomRightRadius":"100%"},"useDynamicData":true,"dynamicContentType":"author-avatar"} /-->

<!-- wp:generateblocks/container {"uniqueId":"dfed73c9","isDynamic":true,"blockVersion":4,"columnGap":"1rem"} -->
<!-- wp:generateblocks/headline {"uniqueId":"d9ac4ef6","element":"div","blockVersion":3,"typography":{"fontSize":"0.875rem","fontWeight":"600"},"useDynamicData":true,"dynamicContentType":"author-name"} -->
<div class="gb-headline gb-headline-d9ac4ef6 gb-headline-text">Name</div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"a1ac5c31","element":"div","blockVersion":3,"typography":{"fontSize":"0.875rem"},"spacing":{"paddingRight":"0.5rem","marginRight":"0.5rem"},"borders":{"borderRightWidth":"","borderRightStyle":""},"useDynamicData":true,"dynamicContentType":"post-date"} -->
<div class="gb-headline gb-headline-a1ac5c31 gb-headline-text">Date</div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/query-loop -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

Custom CSS Code

.rounded-border::after {
	border-radius: 20px;
}
.single #nav-below {
  display: flex;
  flex-wrap: wrap;
}
.nav-previous {
  flex: 49%;
	background: var(--base);
  padding: 15px;
	margin-right: 10px;
	border-radius: 20px;
}
.nav-next {
  flex: 49%;
	background: var(--base);
  padding: 15px;
	border-radius: 20px;
}
@media (max-width: 800px) {
  .nav-previous, .nav-next {
    flex: 100%;
  }
}
.page-header {
	padding: 20px;
	background: var(--base);
	border-radius: 25px;
}
#right-sidebar .widget,
#left-sidebar .widget {
	background: var(--base);
	padding: 25px;
  border-radius: 25px;
}
.contact-form-wrapper {
    padding: 30px;
    margin-top: -50px;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 5px;
    margin-bottom: 50px;
}
.main-navigation .main-nav ul li a {
  line-height: 35px;
	border-radius: 5px;
	margin-right: 2px;
}
.wp-block-social-links li:last-child {
	margin-bottom: 0.5em !important;
}
ul.wp-block-categories li a,
ul.wp-block-archives li a {
	display: inline-block;
	width: 80%;
	float: none;
	text-decoration: none;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.wp-block-tag-cloud a, a.wpf-tags {
	font-size: 14px !important;
	text-decoration: none;
	border: 1px solid var(--accent);
	padding: 5px 12px;
	margin-bottom: 10px;
	border-radius: 25px;
}
.gp-custom-tag-section {
	margin-top: 20px;
}
a.wpf-tags {
	margin-right: 10px;
}
.inside-right-sidebar .widget {
	padding: 25px;
}
.page-numbers {
	background: var(--accent);
  color: var(--base-3);
  padding: 7px 14px !important;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.page-numbers.current {
	background: var(--base);
  color: inherit;
}
.next.page-numbers, .prev.page-numbers {
	background: none;
	color: inherit;
}
.custom-readmore-button {
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 2px solid var(--accent);
	font-weight: bold;
	padding: 10px;
  border-radius: 25px;
	display: inline-flex;
}
.custom-readmore-button:hover {
	border: 2px solid var(--contrast);
}
.read-more-section {
	text-align: left;
}
.paging-navigation {
	text-align: center;
}
.entry-header .gp-custom-category-section, .entry-header .entry-title, .entry-header .entry-meta {
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
}
.entry-header .entry-title {
	margin-top: 15px;
	margin-bottom: 5px;
}
.single-featured-image {
	margin-top: 20px;
}
.entry-header .gp-custom-category-section {
	font-weight: bold;
	font-size: 14px;
}
.widget-title {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}
.recent-post-widget a {
	font-size: 16px;
}
.recent-post-widget li { 
	border-bottom: 1px dotted var(--contrast);
  padding-bottom: 15px;
}

PHP Code Snippets

Site Customization Code

add_action( 'generate_after_content','wpf_gp_custom_display_tags' );  
if( !function_exists('wpf_gp_custom_display_tags')) { 
	function wpf_gp_custom_display_tags() {  
		if(is_single()) {
			$post_tags = get_the_tags( get_the_ID() );
			$tags_content = '<div class="gp-custom-tag-section">';
			if( $post_tags ) { 
				foreach($post_tags as $tag) {
					$tag_link = get_tag_link( $tag->term_id );
					$tags_content = $tags_content . '<a class="wpf-tags" href="'. $tag_link .'">' . $tag->name . '</a>';
				}
			}
			$tags_content = $tags_content . '</div>';
		echo $tags_content;
		}
	}
}
add_action( 'generate_after_entry_header','wpf_gp_custom_thumbnail_image' );
if( !function_exists('wpf_gp_custom_thumbnail_image')) {
	function wpf_gp_custom_thumbnail_image() {  
		if(is_single()) {
			$feat_image = wp_get_attachment_url( get_post_thumbnail_id(get_the_ID()) );
			echo '<img class="single-featured-image" src="'.$feat_image.'"></img>';	
		}
	}
}
add_action( 'generate_before_entry_title','wpf_gp_custom_before_title' );
if( !function_exists('wpf_gp_custom_before_title')) {
	function wpf_gp_custom_before_title() {  
		$post_categories = wp_get_post_categories(get_the_ID(), [ 'fields' => 'all' ]);
		$category_content = '<div class="gp-custom-category-section">';
		if( $post_categories ) { 
			foreach($post_categories as $c) {
				$category_link = get_category_link( $c->term_id );
				$category_content = $category_content . '<a href="'. $category_link .'">' . $c->name . '</a>' . ' / ';
			}
			$category_content = rtrim($category_content, ' / ');
		}
		$category_content = $category_content . '</div>';
		echo $category_content;
	}
}

add_filter( 'generate_post_date_output','wpf_gp_custom_add_to_post_date' );
if( !function_exists('wpf_gp_custom_add_to_post_date')) {
	function wpf_gp_custom_add_to_post_date( $output ) {
		return '<div class="gp-post-date-author">' . $output;
	}
}
add_filter( 'generate_post_author_output','wpf_gp_custom_add_to_post_author' );
if( !function_exists('wpf_gp_custom_add_to_post_author')) {
	function wpf_gp_custom_add_to_post_author( $output ) {
		return $output . '</div>';
	}
}
add_filter( 'generate_leave_comment','wpf_gp_custom_remove_comment_link' );
if( !function_exists('wpf_gp_custom_remove_comment_link')) {
	function wpf_gp_custom_remove_comment_link() {
		return false;
	}
}

add_filter( 'generate_show_comments', '__return_false' );
add_filter( 'generate_show_tags', '__return_false' ); 
add_filter( 'generate_show_categories', '__return_false' );

add_filter( 'generate_excerpt_more_output', 'wpf_gp_custom_read_more' );
if( !function_exists('wpf_gp_custom_read_more')) {
	function wpf_gp_custom_read_more() { 
		return '<div class="read-more-section"><a class="custom-readmore-button" href="'.get_permalink(get_the_ID()).'">Continue Reading &rarr;</a></div>';
	}
}
add_action( 'after_setup_theme','wpf_gp_remove_featured_image' );
if( !function_exists('wpf_gp_remove_featured_image')) {
	function wpf_gp_remove_featured_image() { 
		remove_action( 'generate_before_content', 'generate_featured_page_header_inside_single', 10 );
	}
}

GeneratePress Custom Copyright Text

add_filter( 'generate_copyright','wpframer_gp_custom_copyright' );
if (!function_exists('wpframer_gp_custom_copyright')) {
	function wpframer_gp_custom_copyright() {
		$year = date("Y");
		?>
		© <?php echo $year ?> WordPress Site Development• All Rights Reserved!
		<?php
	}
}
I regularly post videos about building WordPress Websites from scratch using free and premium themes. If you like to watch more similar contents, please subscribe to my YouTube channel!