Hoe ik mijn WordPress-blog thema maakte met GeneratePress

In dit artikel neem ik je stap voor stap mee in hoe ik mijn eigen WordPress-blog heb opgebouwd met het lichte en flexibele GeneratePress-thema.

Inhoudsopgave

GeneratePress aanschaffen, downloaden, uploaden, installeren en activeren

We beginnen met het installeren van GeneratePress en de benodigde plugins. Na deze stappen is de basis van de website klaar voor verdere inrichting.

Stap 1: Ga naar https://generatepress.com/ en klik op de link “Get Started”

Stap 1

Stap 2: Klik op de link “Buy Now” en reken af

Stap 2

Stap 3: Klik op de link “Downloads”

Stap 3

Stap 4: Klik op de link “Download 1.1.0”

Stap 4

Stap 5: Klik op de link “Download 2.5.0”

Stap 5

Stap 6: Klik op de link “Download 2.5.6”

Stap 6

Stap 7: Klik op de link “Plugin toevoegen”

Stap 7

Stap 8: Klik op “Plugin uploaden”

Stap 8

Stap 9: Klik op het veld “Plugin zip bestand”

Stap 9

Stap 10: Klik op de knop “Nu installeren”

Stap 10

Stap 11: Klik op de link “Plugin activeren”

Stap 11

Stap 12: Klik op de link “Plugin toevoegen”

Stap 12

Stap 13: Klik op “Plugin uploaden”

Stap 13

Stap 14: Klik op het veld “Plugin zip bestand”

Stap 14

Stap 15: Klik op de knop “Nu installeren”

Stap 15

Stap 16: Klik op de link “Plugin activeren”

Stap 16

Stap 17: Klik op de link “Install GenerateBlocks Now”

Stap 17

Stap 18: Klik op de link “Plugin activeren”

Stap 18

Stap 19: Klik op de link “Plugin toevoegen”

Stap 19

Stap 20: Klik op “Plugin uploaden”

Stap 20

Stap 21: Klik op het veld “Plugin zip bestand”

Stap 21

Stap 22: Klik op de knop “Nu installeren”

Stap 22

Stap 23: Klik op de link “Plugin activeren”

Stap 23

Stap 24: Klik op de link “Installeer nu.”

Stap 24

Stap 25: Klik op de link “Installeren”

Stap 25

Stap 26: Klik op “GeneratePress activeren”

Stap 26

Customizer instellingen

In dit hoofdstuk stel ik de lay-out, kleuren, typografie en andere belangrijke ontwerpinstellingen van de website in.

Stap 1: Klik op “Weergave”

Stap 1

Stap 2: Klik op de link “Customizer”

Stap 2

Stap 3: Klik op de knop “Site identiteit”

Stap 3

Stap 4: Vul 30px in bij Logo breedte

Stap 4

Stap 5: Klik op de knop “Terug”

Stap 5

Stap 6: Klik op de knop “Lay-out”

Stap 6

Stap 7: Klik op de knop “Container”

Stap 7

Stap 8: Vul “960px” in bij “Container breedte”

Stap 8

Stap 9: Vul “Boxen” in bij de keuzelijst “Container uitlijning”

Stap 9

Stap 10: Klik op de knop “Hoofdnavigatie”

Stap 10

Stap 11: Vul “Klik – Menu item” in bij de keuzelijst “Menu dropdown”

Stap 11

Stap 12: Ga terug

Stap 12

Stap 13: Klik op de knop “Zijbalken”

Stap 13

Stap 14: Vul “Inhoud (geen zijbalken) in bij alle 3 velden en ga terug

Stap 14

Stap 15: Klik op de knop “Blog”

Stap 15

Stap 16: Vink aan: het veld “Toon lees meer als knop”

Stap 16

Stap 17: Vink uit: het veld “Toon berichtschrijver”

Stap 17

Stap 18: Vink uit: het veld “Toon berichtcategorieën”

Stap 18

Stap 19: Vink uit: het veld “Toon berichttags”

Stap 19

Stap 20: Vink uit: het veld “Toon aantal reacties”

Stap 20

Stap 21: Vink uit: het veld “Toon padding rond afbeeldingen”

Stap 21

Stap 22: Klik op de knop “Terug”

Stap 22

Stap 23: Klik op de knop “Footer”

Stap 35

Stap 24: Vul “0” in bij de keuzelijst “Footer widgets”

Stap 36

Stap 25: Vul “Inschakelen” in bij de keuzelijst “Terug naar boven knop”

Stap 37

Stap 26: Vul “Copyright %copy% %current_year% Sitenaam.nl” in bij het tekstgebied “Auteursrecht”

Stap 38

Stap 27: Ga terug

Stap 28: Klik op de knop “Terug”

Stap 23

Stap 29: Klik op de knop “Kleuren”

Stap 24

Stap 30: Klik op de blauwe kleur

Stap 25

Stap 31: Vul je merkkleur in

Stap 26

Stap 32: Klik op de knop “Terug”

Stap 27

Stap 33: Klik op de knop “Typografie”

Stap 28

Stap 34: Klik op de knop “Lettertype toevoegen”

Stap 29

Stap 35: Klik op “Zoek lettertypes…”

Stap 30

Stap 36: Klik op “Inter”

Stap 31

Stap 37: Klik op de knop “Typografie toevoegen”

Stap 32

Stap 38: Klik op “Body”

Stap 33

Stap 39: Klik op de keuzelijst “Lettertypefamilie” en kies “Inter”

Stap 34

Stap 40: Klik op de knop “Terug”

Stap 35

Stap 41: Klik op de knop “Algemeen”

Stap 36

Stap 42: Klik op de keuzelijst “Dynamische CSS afdrukmethode” en kies “Extern bestand”

Stap 37

Stap 43: Vink aan: het veld “Soepel scrollen”

Stap 38

Stap 44: Klik op de knop “Terug”

Stap 39

Stap 45: Klik op de knop “Extra CSS”

Stap 40

Stap 46: Plak de onderstaande CSS

Stap 41
/* footer op de onderkant */
body { display: flex; flex-direction: column; align-items: stretch; height: 100vh; }
.site { flex-grow: 1;}

body.admin-bar { height: calc(100vh - 35px); }
html { height: fit-content; }
.container.grid-container { width: 100%; }

/* blog plaatjes */
.dynamic-entry-content img {
    margin-bottom: 20px;
	  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
		padding:5px;
}

/* koppen */
.dynamic-entry-content h1,
.dynamic-entry-content h2,
.dynamic-entry-content h3,
.dynamic-entry-content h4,
.dynamic-entry-content h5,
.dynamic-entry-content h6 {
  border-bottom: 2px solid;
	border-color: var(--contrast);
  padding-bottom: 10px;
}

/* formulieren */
.wpcf7 form .wpcf7-response-output {
	margin: 0 0 1.5em 0;
	border: 2px solid;
	padding:15px;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--accent);
}

.wpcf7 input[type="text"],
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="number"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
  max-width: 960px;
  box-sizing: border-box;
}

/* Reviews (TrustIndex) vierkant maken met box‑shadow */
.ti-widget.ti-goog .ti-widget-container .ti-review-item > .ti-inner {
    border-radius: 0 !important;
}

Stap 47: Klik op de knop “Publiceren”

Stap 42

Elementen instellen

Met GeneratePress Elementen kun je onderdelen van je website centraal beheren. Hier richten we de benodigde elementen voor de website in.

Stap 1: Klik op de link “Elementen”

Stap 1

Stap 2: Klik op de link “Nieuw element toevoegen”

Stap 2

Stap 3: Klik op de keuzelijst

Stap 3

Stap 4: Klik op de knop “Maak”

Stap 4

Stap 5: Kies “Bericht” bij “Locatie”

Stap 5

Stap 6: Klik op de keuzelijst “Element type”

Stap 6

Stap 7: Vul “Inhoud template” in bij de keuzelijst “Element type”

Stap 7

Stap 8: Vul “800px” in bij het veld “Breedte editor”

Stap 8

Stap 9: Klik op de knop “Templates”

Stap 9

Stap 10: Kies een template of kopieer en plak de onderstaande code

Stap 10
<!-- wp:generateblocks/container {"uniqueId":"0af4cc7c","backgroundColor":"#ffffff","isDynamic":true,"blockVersion":4,"sizing":{"height":"","maxWidth":""},"spacing":{"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":"","paddingTopMobile":"","paddingLeftMobile":"","paddingRightMobile":"","paddingBottomMobile":""},"paddingSyncUnits":true,"borders":{"borderTopWidth":"","borderTopStyle":"","borderTopColor":"","borderRightWidth":"","borderRightStyle":"","borderRightColor":"","borderBottomWidth":"","borderBottomStyle":"","borderBottomColor":"","borderLeftWidth":"","borderLeftStyle":"","borderLeftColor":"","borderTopRightRadius":"","borderBottomRightRadius":"","borderBottomLeftRadius":"","borderTopLeftRadius":"","borderRightRightRadius":"2px","borderLeftRightRadius":"2px","borderRightLeftRadius":"2px","borderLeftLeftRadius":"2px"}} -->
<!-- wp:generateblocks/element {"uniqueId":"0770de41","tagName":"div","styles":{}} -->
<div><!-- wp:generatepress/dynamic-image {"imageType":"featured-image","imageSize":"large"} /--></div>
<!-- /wp:generateblocks/element -->

<!-- wp:generateblocks/container {"uniqueId":"b69b5c43","isDynamic":true,"blockVersion":4,"sizing":{"height":"","maxWidth":""},"spacing":{"paddingTop":"40px","paddingRight":"40px","paddingBottom":"40px","paddingLeft":"40px","paddingLeftMobile":"20px","paddingRightMobile":"20px","paddingTopMobile":"20px","paddingBottomMobile":"20px","paddingTopTablet":"30px","paddingLeftTablet":"30px","paddingRightTablet":"30px","paddingBottomTablet":"30px"},"paddingSyncUnits":true} -->
<!-- wp:generateblocks/container {"uniqueId":"ce3f6f48","isDynamic":true,"blockVersion":4,"display":"flex","alignItems":"center","sizing":{"height":"","maxWidth":""},"spacing":{"paddingTop":"0px","paddingRight":"0px","paddingBottom":"0px","paddingLeft":"0px","marginBottom":"10px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"d0ad43bf","element":"p","blockVersion":3,"typography":{"fontSize":"14px"},"spacing":{"marginRight":"10px","marginBottom":"0px"},"gpDynamicTextType":"post-date","gpDynamicTextReplace":"Date","gpDynamicDateUpdated":true} -->
<p class="gb-headline gb-headline-d0ad43bf gb-headline-text">Date</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/headline {"uniqueId":"29491daa","element":"h1","blockVersion":3,"typography":{"fontSize":"30px"},"spacing":{"marginBottom":"15px"},"gpDynamicTextType":"title","gpDynamicTextReplace":"Hello World"} -->
<h1 class="gb-headline gb-headline-29491daa gb-headline-text">Hello World</h1>
<!-- /wp:generateblocks/headline -->

<!-- wp:generatepress/dynamic-content {"contentType":"post-content","excerptLength":25,"useThemeMoreLink":false} /-->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

Stap 11: Klik op de knop “Publiceren”

Stap 11

Stap 12: Klik nogmaals op de knop “Publiceren”

Stap 12

Stap 13: Ga terug

Stap 13

Stap 14: Klik op de link “Elementen”

Stap 14

Stap 15: Klik op de link “Nieuw element toevoegen”

Stap 15

Stap 16: Klik op de keuzelijst

Stap 16

Stap 17: Vul “Blok” in bij de keuzelijst

Stap 17

Stap 18: Vul “Hele site” in bij “Locatie”

Stap 18

Stap 19: Kies een template of kopieer en plak de onderstaande code

Stap 19
<!-- wp:generateblocks/element {"uniqueId":"004a1d73","tagName":"div","styles":{"backgroundColor":"var(\u002d\u002dbase-3)"},"css":".gb-element-004a1d73{background-color:var(\u002d\u002dbase-3)}","globalClasses":["gbp-footer"],"metadata":{"name":"Footer section"}} -->
<div class="gbp-footer gb-element-004a1d73"><!-- wp:generateblocks/element {"uniqueId":"d1f03f87","tagName":"div","styles":{"display":"flex","justifyContent":"space-between","@media (max-width:767px)":{"display":"flex"},"paddingBottom":"2rem","@media (max-width:1024px)":{"display":"flex"}},"css":".gb-element-d1f03f87{display:flex;justify-content:space-between;padding-bottom:2rem}@media (max-width:1024px){.gb-element-d1f03f87{display:flex}}@media (max-width:767px){.gb-element-d1f03f87{display:flex}}","globalClasses":["gbp-section__inner"],"metadata":{"name":"inner container with max with"}} -->
<div class="gbp-section__inner gb-element-d1f03f87"><!-- wp:generateblocks/media {"uniqueId":"6b5c8e14","tagName":"img","styles":{"height":"40px","maxWidth":"100%","objectFit":"cover","width":"auto"},"css":".gb-media-6b5c8e14{height:40px;max-width:100%;object-fit:cover;width:auto}","htmlAttributes":{"src":"https://wiersmaweb.nl/wp-content/uploads/2026/01/Logo-V3-met-tekst.png","title":"Logo V3 met tekst","alt":""},"mediaId":49149,"linkHtmlAttributes":{"href":"https://wiersmaweb.nl/"}} -->
<a href="https://wiersmaweb.nl/"><img class="gb-media-6b5c8e14" src="https://wiersmaweb.nl/wp-content/uploads/2026/01/Logo-V3-met-tekst.png" title="Logo V3 met tekst" alt=""/></a>
<!-- /wp:generateblocks/media -->

<!-- wp:generateblocks/text {"uniqueId":"08572ce3","tagName":"a","styles":{".gb-shape svg":{"fill":"currentColor","width":"1.5rem","height":"1.5rem"},"display":"flex","alignItems":"center"},"css":".gb-text-08572ce3{align-items:center;display:flex}.gb-text-08572ce3 .gb-shape svg{fill:currentColor;width:1.5rem;height:1.5rem}","htmlAttributes":{"aria-label":"Visit our LinkedIn","href":"https://www.linkedin.com/in/jeroen-wiersma-840748120/"},"iconOnly":true} -->
<a class="gb-text-08572ce3" aria-label="Visit our LinkedIn" href="https://www.linkedin.com/in/jeroen-wiersma-840748120/"><span class="gb-shape"><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="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></span></a>
<!-- /wp:generateblocks/text --></div>
<!-- /wp:generateblocks/element -->

<!-- wp:generateblocks/element {"uniqueId":"227c65a6","tagName":"div","styles":{"paddingTop":"2rem","alignItems":"center","columnGap":"2rem","rowGap":"1rem","flexWrap":"wrap","@media (max-width:767px)":{"flexDirection":"column-reverse","alignItems":"flex-start"},"borderTopWidth":"2px","borderTopStyle":"solid","borderTopColor":"#222222"},"css":".gb-element-227c65a6{align-items:center;column-gap:2rem;flex-wrap:wrap;padding-top:2rem;row-gap:1rem;border-top:2px solid #222222}@media (max-width:767px){.gb-element-227c65a6{align-items:flex-start;flex-direction:column-reverse}}","globalClasses":["gbp-section__inner"],"metadata":{"name":"inner container with max with"}} -->
<div class="gbp-section__inner gb-element-227c65a6"><!-- wp:generateblocks/text {"uniqueId":"96398b6a","tagName":"div","styles":{"textAlign":"center"},"css":".gb-text-96398b6a{text-align:center}"} -->
<div class="gb-text gb-text-96398b6a">Copyright © {{current_year}} WiersmaWeb.nl</div>
<!-- /wp:generateblocks/text --></div>
<!-- /wp:generateblocks/element --></div>
<!-- /wp:generateblocks/element -->

Stap 20: Klik op “Element”

Stap 20

Stap 21: Vul “Site footer” in bij de keuzelijst “Element type”

Stap 21

Stap 22: Klik 2x op de knop “Publiceren”

Stap 22

Stap 23: Ga terug

Stap 23

Stap 24: Klik op de link “Elementen”

Stap 24

Stap 25: Klik op de link “Nieuw element toevoegen”

Stap 25

Stap 26: Klik op de keuzelijst

Stap 26

Stap 27: Vul “Blok” in bij de keuzelijst

Stap 27

Stap 28: Kies een template of kopieer en plak de onderstaande code

Stap 28
<!-- wp:generateblocks-pro/site-header {"uniqueId":"ced622d2","styles":{"paddingTop":"1rem","paddingBottom":"1rem","@media (max-width:1024px)":{"paddingRight":"30px","paddingLeft":"30px"},"@media (max-width:767px)":{"paddingRight":"20px","paddingLeft":"20px"},"backgroundColor":"#ffffff","paddingLeft":"40px","paddingRight":"40px"},"css":".gb-site-header-ced622d2{background-color:#ffffff;padding:1rem 40px}@media (max-width:1024px){.gb-site-header-ced622d2{padding-left:30px;padding-right:30px}}@media (max-width:767px){.gb-site-header-ced622d2{padding-left:20px;padding-right:20px}}","tagName":"header"} -->
<header class="gb-site-header gb-site-header-ced622d2"><!-- wp:generateblocks-pro/navigation {"uniqueId":"60fee0cc","styles":{"display":"flex","@media (max-width:767px)":{"maxWidth":"var(\u002d\u002dgb-container-width)","justifyContent":"space-between"},"columnGap":"1rem","alignItems":"center","maxWidth":"var(\u002d\u002dgb-container-width)","marginLeft":"auto","marginRight":"auto"},"css":".gb-navigation-60fee0cc{align-items:center;column-gap:1rem;display:flex;margin-left:auto;margin-right:auto;max-width:var(\u002d\u002dgb-container-width)}@media (max-width:767px){.gb-navigation-60fee0cc{justify-content:space-between;max-width:var(\u002d\u002dgb-container-width)}}","tagName":"nav","htmlAttributes":{"data-gb-mobile-breakpoint":"769px","data-gb-mobile-menu-type":"partial-overlay"}} -->
<nav class="gb-navigation gb-navigation-60fee0cc" data-gb-mobile-breakpoint="769px" data-gb-mobile-menu-type="partial-overlay"><!-- wp:generateblocks/media {"uniqueId":"559ebc52","tagName":"img","styles":{"maxWidth":"100%","height":"40px","width":"auto"},"css":".gb-media-559ebc52{height:40px;max-width:100%;width:auto}","htmlAttributes":{"alt":"","src":"https://wiersmaweb.nl/wp-content/uploads/2026/01/Logo-V3-met-tekst.png","title":"Logo V3 met tekst"},"mediaId":49149,"linkHtmlAttributes":{"href":"https://wiersmaweb.nl/"},"metadata":{"name":"Logo"}} -->
<a href="https://wiersmaweb.nl/"><img class="gb-media-559ebc52" alt="" src="https://wiersmaweb.nl/wp-content/uploads/2026/01/Logo-V3-met-tekst.png" title="Logo V3 met tekst"/></a>
<!-- /wp:generateblocks/media -->

<!-- wp:generateblocks-pro/menu-toggle {"uniqueId":"e3e903de","styles":{"display":"flex","columnGap":"5px","color":"#ffffff","paddingTop":"10px","paddingRight":"10px","paddingBottom":"10px","paddingLeft":"10px","zIndex":"2","svg":{"width":"25px","height":"25px","fill":"currentColor"},"alignItems":"center","backgroundColor":"var(\u002d\u002daccent)","\u0026:is(:hover, :focus)":{"backgroundColor":"var(\u002d\u002daccent)"}},"css":".gb-menu-toggle-e3e903de{align-items:center;background-color:var(\u002d\u002daccent);color:#ffffff;column-gap:5px;display:flex;z-index:2;padding:10px}.gb-menu-toggle-e3e903de:is(:hover,:focus){background-color:var(\u002d\u002daccent)}.gb-menu-toggle-e3e903de svg{width:25px;height:25px;fill:currentColor}","htmlAttributes":{"aria-label":"Menu"},"tagName":"button","iconOnly":true} -->
<button class="gb-menu-toggle gb-menu-toggle-e3e903de" aria-label="Menu"><span class="gb-menu-open-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></line><line x1="40" y1="64" x2="216" y2="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></line><line x1="40" y1="192" x2="216" y2="192" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></line></svg></span><span class="gb-menu-close-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><line x1="200" y1="56" x2="56" y2="200" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line><line x1="200" y1="200" x2="56" y2="56" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line></svg></span></button>
<!-- /wp:generateblocks-pro/menu-toggle -->

<!-- wp:generateblocks-pro/menu-container {"uniqueId":"95460a74","styles":{"\u0026.gb-menu-container\u002d\u002dmobile":{"backgroundColor":"var(\u002d\u002daccent)","color":"#ffffff","paddingBottom":"60px","position":"fixed"},"\u0026.gb-menu-container\u002d\u002dmobile .gb-menu":{"flexDirection":"column"},"flexGrow":"1","display":"flex","alignItems":"center","justifyContent":"flex-end","@media (max-width:767px)":{"flexDirection":"column","alignItems":"flex-start","justifyContent":"flex-start","rowGap":"2rem"}},"css":".gb-menu-container-95460a74{align-items:center;display:flex;flex-grow:1;justify-content:flex-end}.gb-menu-container-95460a74.gb-menu-container\u002d\u002dmobile{background-color:var(\u002d\u002daccent);color:#ffffff;padding-bottom:60px;position:fixed}.gb-menu-container-95460a74.gb-menu-container\u002d\u002dmobile .gb-menu{flex-direction:column}@media (max-width:767px){.gb-menu-container-95460a74{align-items:flex-start;flex-direction:column;justify-content:flex-start;row-gap:2rem}}","tagName":"div"} -->
<div class="gb-menu-container gb-menu-container-95460a74"><!-- wp:generateblocks-pro/classic-menu {"menu":"26","uniqueId":"c9c65bf5","styles":{"paddingTop":"0px","paddingRight":"0px","paddingBottom":"0px","paddingLeft":"0px","marginTop":"0px","marginRight":"0px","marginBottom":"0px","marginLeft":"0px","display":"flex","flexWrap":"wrap","listStyleType":"none"},"css":".gb-menu-c9c65bf5{display:flex;flex-wrap:wrap;list-style-type:none;margin:0px;padding:0px}"} -->
<!-- wp:generateblocks-pro/classic-menu-item {"uniqueId":"mic65bf5","styles":{"position":"relative","paddingTop":"0px","paddingRight":"0px","paddingBottom":"0px","paddingLeft":"0px","marginTop":"0px","marginRight":"0px","marginBottom":"0px","marginLeft":"0px","listStyleType":"none",".gb-menu-link":{"display":"flex","justifyContent":"space-between","alignItems":"center","textDecoration":"none","columnGap":"10px","paddingTop":"1em","paddingBottom":"1em","paddingLeft":"20px","paddingRight":"20px"}},"css":".gb-menu-item-mic65bf5{list-style-type:none;position:relative;margin:0px;padding:0px}.gb-menu-item-mic65bf5 .gb-menu-link{display:flex;justify-content:space-between;align-items:center;text-decoration:none;column-gap:10px;padding:1em 20px}"} /-->

<!-- wp:generateblocks-pro/classic-sub-menu {"uniqueId":"smc65bf5","styles":{"width":"200px","paddingTop":"0px","paddingRight":"0px","paddingBottom":"0px","paddingLeft":"0px","marginTop":"0px","marginRight":"0px","marginBottom":"0px","marginLeft":"0px","right":"0px","zIndex":"100",".menu-item":{"backgroundColor":"var(\u002d\u002dcontrast)","color":"#ffffff"},".gb-sub-menu":{"top":"0px","right":"100%"}},"css":".gb-sub-menu-smc65bf5{right:0px;width:200px;z-index:100;margin:0px;padding:0px}.gb-sub-menu-smc65bf5 .gb-sub-menu{top:0px;right:100%}.gb-sub-menu-smc65bf5 .menu-item{background-color:var(\u002d\u002dcontrast);color:#ffffff}"} /-->
<!-- /wp:generateblocks-pro/classic-menu --></div>
<!-- /wp:generateblocks-pro/menu-container --></nav>
<!-- /wp:generateblocks-pro/navigation --></header>
<!-- /wp:generateblocks-pro/site-header -->

Stap 29: Vul “Hele site” in bij “Locatie”

Stap 29

Stap 30: Klik op de knop “Element”

Stap 30

Stap 31: Vul “Site header” in bij de keuzelijst “Element type”

Stap 31

Stap 32: Klik op de knop “Publiceren”

Stap 32

Stap 33: Bekijk het resultaat!

Homepage & header

Bericht

Footer

Je hebt nu een WordPress-blog gebouwd met GeneratePress. Vanaf hier kun je de website verder uitbreiden met eigen content, pagina’s en functionaliteiten.

Nuttig gevonden? Help een ander (en mij) en deel dit artikel.

Voelt je website traag?

Trage websites kunnen zorgen voor klantverlies.

Vraag de check aan