GeneratePress: het gratis thema installeren, basisinstellingen (Customizer) en verschillen met Premium

Affiliatemelding v3.1
Affiliatemelding v3.2 (mobiel)
Testomgeving RHEL-familieWordPress 7.1.3PHP 8.3GeneratePress 3.6.1Gecontroleerd op 2026-10-19

GeneratePress is een gratis WordPress-thema van Tom Usborne waarmee je de lay-out, kleuren en lettertypen zonder code aanpast in de Customizer. Ik heb versie 3.6.1 geïnstalleerd op een WordPress 7.1.3-site met een blokthema, de gratis instellingen zonder activeren bekeken in het live voorbeeld en vergeleken met de prijstabel van GP Premium.

1️⃣ GeneratePress installeren en live voorbeeld

  • ↪️ De Customizer vóór het activeren

Je kunt de thema-instellingen al vóór het activeren openen in het live voorbeeld. Zoek bij Weergave › Thema's › [Thema toevoegen] naar GeneratePress en installeer het: op de kaart verschijnen [Activeren] en [Live voorbeeld]. Met [Live voorbeeld] opent de Customizer met GeneratePress terwijl je huidige thema blijft staan, en het thema voegt vier onderdelen toe: Lay-out, Kleuren, Typografie en Algemeen.

Thema-scherm: Weergave › Thema's in het linkermenu, met de knoppen Activeren en Live voorbeeld op de kaart van het geïnstalleerde GeneratePress

[Actief:] op de eerste kaart geeft het thema aan dat nu op de site staat; van de twee knoppen op de GeneratePress-kaart opent [Live voorbeeld] het instellingenscherm.

In de themadirectory van WordPress.org heeft GeneratePress meer dan 500.000 actieve installaties en een score van 4,9 op basis van 1.427 beoordelingen. Versie 3.6.1, uitgebracht op 1 december 2025, werkt met WordPress 6.5 en PHP 7.4 of hoger.

Waarden die je in de Customizer wijzigt, komen pas op de site na een klik op [Activeren & publiceren] bovenaan. Op een site met een blokthema voegt WordPress geen widgetonderdeel toe aan de Customizer, dus widgets staan niet in de lijst.

🧭 Simulator van de GeneratePress-Customizer
wp-adminWordPress-thema'sGeneratePress 3.6.1 · WordPress 7.1.3
Bezoekersweergave
자주 하는 설정
📍Weergave›Thema
Geïnstalleerde thema's
Klik op de GeneratePress-kaart op [Live voorbeeld]. Stap 2 hieronder is de tak van de sitebibliotheek die alleen GP Premium heeft (ga erin met NEXT ▶).
📍Weergave›GeneratePress›Site Library
Sitebibliotheek (GP Premium)
Een klik op een sjabloonkaart leidt naar voorbeeld → [Get Started] → pluginlijst → “I understand” → [Begin Import]. De officiële lijst is volledig betaald, dus alle drie de sjablonen hebben het Premium-label; het uitvoeren van de import en het eindscherm zijn nog niet gemeten.
📍Weergave›Thema›Live voorbeeld
Customizer
Klik links in de lijst op [Lay-out]. Site identiteit, Algemeen, Menu's, Homepage instellingen en Extra CSS werken ook overal waar het gratis thema ze ondersteunt.
📍Live voorbeeld›Lay-out›Container
Lay-out
Wijzig bij [Container] de inhoudslay-out en het voorbeeld rechts neemt die waarde over. Ga terug met ‹ en probeer ook Header, Hoofdnavigatie, Zijbalken, Footer en Blog.
📍Live voorbeeld›Kleur
Kleur
Klik op een van de 7 globale kleuren en kies een kleur: alle gebieden die die kleur gebruiken, veranderen mee. Klap de gebiedsgroepen hieronder open om per veld met het rondje een eigen kleur te kiezen.
📍Live voorbeeld›Typografie
Typografie
Kies met [Typografie toevoegen] het doelelement en vul de lettertypegrootte in. Registreer lettertypen eerst met [Lettertype toevoegen].
📍Live voorbeeld›Activeren & publiceren
Activeren & publiceren
Gewijzigde waarden komen pas op de site na een klik op [Activeren & publiceren] bovenaan.
📍Site bekijken
Bezoekersweergave
Dit is de bezoekersweergave, precies zoals je het hebt gepubliceerd. Wijzig de breedte met de apparaatknoppen.
📍Live voorbeeld›Site identiteit
Logo en sitetitel
Upload een logo met [Logo kiezen] en wijzig de tekst in het veld van de sitetitel: de header van het voorbeeld rechts past zich meteen aan.
📍Live voorbeeld›Lay-out›Container
Containerbreedte
Wijzig de waarde van de containerbreedte en de box met de inhoud en de zijbalk krijgt die breedte.
📍Live voorbeeld›Lay-out›Zijbalken
Zijbalk verwijderen
Zet de zijbalk lay-out voor enkele berichten op [Inhoud (geen zijbalken)] en het bericht in het voorbeeld toont alleen de inhoud, zonder zijbalk.
📍Live voorbeeld›Kleur
Globale kleuren
Klik in de globale kleuren op het rondje Accent en kies een kleur: gebieden die die kleur gebruiken, zoals links en knoppen, veranderen mee.
📍Live voorbeeld›Typografie
Tekstgrootte
Vul bij de kaart Body een getal in als lettertypegrootte en de tekst in het voorbeeld krijgt die grootte.
example.com/wp-admin/themes.php
테마6
설치된 테마 검색
Screenshot van het thema Twenty Twenty-Five
활성: Twenty Twenty-Five (2025)
GeneratePress
Screenshot van het thema Twenty Twenty-Four
Twenty Twenty-Four
Screenshot van het thema Twenty Twenty-Three
Twenty Twenty-Three
Screenshot van het thema Twenty Twenty-Two
Twenty Twenty-Two
Screenshot van het thema Astra
아스트라
Screenshot van het thema GeneratePress
GeneratePress 버전: 3.6.1

작성자 Tom Usborne

GeneratePress는 속도와 유용성에 중점을 둔 경량 워드프레스 테마입니다. 성능은 우리에게 중요하므로 새로운 GeneratePress 설치가 페이지 크기에 10kb(gzipped) 미만을 추가합니다. 우리는 블록 편집기(Gutenberg)를 최대한 활용하여 콘텐츠 생성에 대한 더 많은 제어를 제공합니다. 페이지 빌더를 사용하는 경우 GeneratePress가 적합한 테마입니다. Beaver Builder 및 Elementor를 포함한 모든 주요 페이지 빌더와 완벽하게 호환됩니다. WordPress 코딩 표준에 대한 강조 덕분에 우커머스를 포함하여 잘 코딩된 모든 플러그인과의 완벽한 호환성을 자랑할 수 있습니다. GeneratePress는 완벽하게 반응하고 유효한 HTML/CSS를 사용하며 놀라운 사용자 커뮤니티를 통해 25개 이상의 언어로 번역됩니다. 많은 기능 중 일부에는 60개 이상의 색상 컨트롤, 강력한 동적 타이포그래피, 5개의 탐색 위치, 5개의 사이드바 레이아웃, 드롭다운 메뉴(클릭 또는 가리키기) 및 9개의 위젯 영역이 포함됩니다. 자세한 내용을 알아보고 https://generatepress.com에서 강력한 프리미엄 버전을 확인하십시오.

example.com/wp-admin/themes.php?page=generate-options
GeneratePress
🔒GP Premium 전용 — 무료 테마에는 사이트 라이브러리 탭이 없습니다. 이 화면은 공식 문서 흐름대로 그린 「실측 전」 화면입니다.
Search site name or author
Designer실측 전
Plugins used 실측 전
  • GenerateBlocks
Import실측 전
Plugins to install
  • GenerateBlocks
Already installed
  • —
Importing a site changes your Customizer settings and adds the site pages, posts and images. Import on a new site, or back up first.
가져오기 실행은 여기서 하지 않습니다(실제 사이트가 바뀝니다). 진행·완료 화면은 공식 문서대로 그린 것입니다.
Import실측 전
  • Importing theme options
  • Installing plugins
  • Importing content
  • Importing widgets and menus
Import complete
사용자 정의My Site
테마 미리보기GeneratePress
테마을(를) 탐색 중입니다
사용자 정의사이트 아이덴티티
사이트 제목
태그라인
로고
사이트 아이콘
사이트 아이콘은 브라우저 탭, 북마크 표시줄, 워드프레스 모바일 앱에서 표시되는 아이콘입니다. 아이콘은 정사각형이어야 하며 최소 512×512 픽셀이어야 합니다.
사용자 정의레이아웃
사용자 정의 중 ▸ 레이아웃컨테이너
컨테이너 너비
px
콘텐츠 레이아웃
컨테이너 정렬
사용자 정의 중 ▸ 레이아웃헤더
헤더 프리셋
헤더 너비
내측 헤더 너비
헤더 정렬
사용자 정의 중 ▸ 레이아웃기본 내비게이션
네비게이션 위치
내비게이션 드롭 포인트
내비게이션이 더 이상 떠 있지 않고 로고 아래로 내려갈 때의 너비.
px
네비게이션 드롭다운
드롭다운 방향
내비게이션 검색
네비게이션 너비
내측 네비게이션 너비
네비게이션 정렬
사용자 정의 중 ▸ 레이아웃사이드바
사이드바 레이아웃
블로그 사이드바 레이아웃
단일 포스트 사이드바 레이아웃
미리보기가 단일 글이라 페이지·블로그 칸은 화면이 바뀌지 않습니다.
사용자 정의 중 ▸ 레이아웃푸터
푸터 너비
내측 푸터 너비
푸터 위젯
위젯이 비어 있어 미리보기에는 아직 아무것도 안 보입니다.
하단 막대 정렬
맨 위로 버튼
사용자 정의 중 ▸ 레이아웃블로그
컨텐츠 유형
단일 글 미리보기에서는 바뀌지 않는 칸입니다.
이 섹션에 대한 더 많은 옵션은 프리미엄 버전에서 이용 가능합니다.
사용자 정의색상
글로벌 색상
글로벌 색상을 설정하고 브랜드에 맞게 사이트 스타일링을 하세요.
Base 2
배경
텍스트
링크
배경
텍스트
링크
실측 전 — 무료 테마에 있는 칸이지만, 이 시뮬레이터에서는 미리보기가 바뀌지 않습니다.
배경
텍스트
링크
사이트 제목
태그라인
내비게이션 배경
내비게이션 텍스트
하위 메뉴 배경
하위 메뉴 텍스트
배경
텍스트
배경
텍스트
링크
컨텐츠 제목
아카이브 콘텐츠 제목
항목 메타 텍스트
항목 메타 링크
제목 1 (H1) 색상
제목 2 (H2) 색상
헤딩 3 (H3) 색상
헤딩 4 (H4) 색상
헤딩 5 (H5) 색상
제목 6 (H6) 색상
배경
텍스트
테두리
배경
텍스트
링크
위젯 제목
배경
텍스트
링크
위젯 제목
배경
텍스트
링크
배경
텍스트
필드 배경
필드 텍스트
오버레이 배경색
사용자 정의타이포그래피
글꼴 관리자
타이포그래피 관리자
사용자 정의일반
아이콘 유형
링크 밑줄
주요 콘텐츠 영역의 링크에 밑줄을 추가하세요.
성능 향상을 위해 옵션으로 생성된 CSS를 캐시하십시오.
사용자 정의메뉴
메뉴
사이트에 아직 메뉴가 없는 것 같습니다. 만드시려면 버튼을 클릭해 시작하세요.
메뉴를 만들고 위치를 배정한 다음 페이지나 카테고리로 가는 링크와 같은 메뉴 항목을 추가하세요. 사용중인 테마가 여러 개의 메뉴를 지원하면 하나 이상의 메뉴를 만들 수 있습니다.
메뉴 위치
테마가 하나의 위치에서 메뉴를 표시할 수 있습니다.
사용자 정의 중 ▸ 메뉴새 메뉴
메뉴 이름
테마가 다중 메뉴를 지원할 경우 서로 다른 이름을 사용하면 관리하는데 도움이 됩니다.
메뉴 위치
이 메뉴가 어디에 나타나길 원하시나요?
새 메뉴에 링크를 추가하려면”다음”을 클릭하세요.
사용자 정의 중 ▸ 메뉴–
페이지
예제 페이지
홈
예제 글 1
페이지를 메뉴에 넣으면 미리보기의 기본 내비게이션에 그 항목이 보입니다.
메뉴 위치
실측 전 — 무료 테마에 있는 칸이지만, 이 시뮬레이터에서는 미리보기가 바뀌지 않습니다.
사용자 정의 중 ▸ 메뉴위치 보기
사용중인 테마는 하나의 위치에 메뉴를 표시할 수 있습니다. 사용하려는 메뉴를 선택하세요.
Primary Menu
+ 새 메뉴 만들기
사용자 정의홈페이지 설정
사이트의 홈페이지에 표시될 것을 선택할 수 있습니다. 시간의 반대 순으로 글이 표시될 수도 있습니다(전통적인 블로그). 또는 고정적/정적인 페이지가 될 수도 있습니다. 정적인 홈페이지를 설정하려면 두 개의 페이지를 우선 만들어야 합니다. 하나는 홈페이지가 될 것이고 다른 하나는 글이 표시될 것입니다.
홈페이지 표시
홈페이지
+ 페이지 추가
글 페이지
+ 페이지 추가
미리보기가 단일 글이라 페이지·블로그 칸은 화면이 바뀌지 않습니다.
사용자 정의추가 CSS
사이트 모양이나 레이아웃을 사용자 정의 하려면 이곳에 CSS 코드를 추가하세요.
My Site
검색 …
안녕하세요!
2026-10-04 · 작성자: admin

워드프레스에 오신 것을 환영합니다. 이것은 첫 글입니다. 바로 편집하거나 삭제한 다음 쓰기 시작하세요!

미분류예제 글 1
댓글 남기기
댓글 달기
© 2026 My Site • Built with GeneratePress
검색 …
테마 검색6개 테마
이 테마는 사용자 정의하기를 지원하지 않습니다. 이 테마를 활성화 할 수 있습니다. 또한 사용자 정의 하기 위해 사이트 편집기를 사용할 수 있습니다.
Twenty Twenty-Five 테마 스크린샷
Twenty Twenty-Five (2025)
GeneratePress 테마 스크린샷
미리보기 중: GeneratePress
이 테마는 사용자 정의하기를 지원하지 않습니다. 이 테마를 활성화 할 수 있습니다. 또한 사용자 정의 하기 위해 사이트 편집기를 사용할 수 있습니다.
Twenty Twenty-Four 테마 스크린샷
Twenty Twenty-Four
이 테마는 사용자 정의하기를 지원하지 않습니다. 이 테마를 활성화 할 수 있습니다. 또한 사용자 정의 하기 위해 사이트 편집기를 사용할 수 있습니다.
Twenty Twenty-Three 테마 스크린샷
Twenty Twenty-Three
이 테마는 사용자 정의하기를 지원하지 않습니다. 이 테마를 활성화 할 수 있습니다. 또한 사용자 정의 하기 위해 사이트 편집기를 사용할 수 있습니다.
Twenty Twenty-Two 테마 스크린샷
Twenty Twenty-Two
아스트라 테마 스크린샷
아스트라
로고 선택
업로드할 파일 놓기
또는최대 업로드 파일 크기: 2 GB.제안된 이미지 크기: 350 x 70 픽셀.
아직 발행 전 — 사이트에는 기본값이 그대로 보입니다.
Mexample.com/hello-world/
My Site
검색 …
안녕하세요!
2026-10-04 · 작성자: admin

워드프레스에 오신 것을 환영합니다. 이것은 첫 글입니다. 바로 편집하거나 삭제한 다음 쓰기 시작하세요!

미분류예제 글 1
댓글 남기기
댓글 달기
© 2026 My Site • Built with GeneratePress
검색 …
Klik links op een gemarkeerd veld of op een knop in het scherm

2️⃣ Lay-outinstellingen van GeneratePress

  • ↪️ Standaardwaarden voor container, zijbalken en navigatie

Paginabreedte en de plek van de zijbalk stel je in bij het onderdeel Lay-out van de Customizer. Het heeft zes onderdelen: Container, Header, Hoofdnavigatie, Zijbalken, Footer en Blog; de Bovenste balk verschijnt alleen als het widgetgebied van de bovenste balk widgets bevat.

De standaardbreedte van de container is 1200px, en de standaard inhoudslay-out is [Losse containers], die de inhoud en elke zijbalkwidget in een eigen witte box zet. Kies je [Een container], dan delen inhoud en zijbalk één witte achtergrond en blijft alleen de grijze achtergrond buiten over.

Live voorbeeld: Een container gekozen als inhoudslay-out in het onderdeel Lay-out › Container links; rechts het voorbeeld met inhoud en zijbalk op één witte achtergrond

Er zijn zes zijbalk-lay-outs: één zijbalk, twee of helemaal geen. De standaard [Inhoud / Zijbalk] zet binnen de container van 1200px een zijbalk van 360px rechts van een inhoudskolom van 840px. Pagina's, de berichtenlijst van de blog en enkele berichten krijgen elk een eigen instelling.

De plek van het menu stel je in bij [Navigatie locatie] onder Hoofdnavigatie; de standaard [Float rechts] zet het menu in de header rechts van het logo. De tabel hieronder verzamelt per onderdeel de standaard- en kiesbare waarden, tot en met de header-voorinstellingen, het aantal footerwidgets en het inhoudstype van de berichtenlijst van de blog.

VeldInstellingenStandaardKiesbare waarden
ContainerContainer breedte1200pxSchuifregelaar · getal invoeren
ContainerInhoud lay-outLosse containersEen container
headersHeader voorinstellingenOp dit momentDe overige 7
HoofdnavigatieNavigatie locatieFloat rechtsOnder header · Boven header · Drijvend links · Zijbalk links · Zijbalk rechts · Geen navigatie
ZijbalkenZijbalk lay-outInhoud / ZijbalkZijbalk / Inhoud · Inhoud (geen zijbalken) · Zijbalk / Inhoud / Zijbalk · Zijbalk / Zijbalk / Inhoud · Inhoud / Zijbalk / Zijbalk
FooterFooter widgets30~5
BlogInhoudstypeSamenvattingVolledige inhoud

3️⃣ Kleuren en typografie in GeneratePress: de 7 globale kleuren en het lettertypebeheer

De kleuren van de hele site stel je in bij de globale kleuren bovenaan het onderdeel Kleuren, met 7 kleuren: 3 Contrast, 3 Basis en 1 Accent. Kleuren per gebied, zoals de inhoud, header, knoppen en zijbalkwidgets, stel je in bij de 10 ingeklapte onderdelen daaronder. De paginaachtergrond (#f7f8f9) gebruikt standaard Basis 2 en de inhoudsbox, header en widgetboxen van de zijbalk (#ffffff) gebruiken Basis 3, dus als je die twee kleuren wijzigt, veranderen die gebieden mee.

Onderdeel Kleuren in het live voorbeeld van GeneratePress: de 7 globale kleuren en 10 ingeklapte kleuronderdelen per gebied; rechts een witte inhoudsbox op een grijze achtergrond

Lettertypen registreer je in het onderdeel Typografie met [Lettertype toevoegen], waarna je met [Typografie toevoegen] kiest waarop dat lettertype wordt toegepast. Er zijn 21 doelen, waaronder body, sitetitel, items van het hoofdmenu, knoppen, H1–H6, widgettitels en de footerbalk.

Onderdeel Typografie in het live voorbeeld van GeneratePress: de knop Lettertype toevoegen van het lettertypebeheer en de knop Typografie toevoegen van de typografiemanager; rechts het voorbeeld in het standaardlettertype
Als je het onderdeel Typografie voor het eerst opent, staan er maar twee knoppen, en zolang er geen lettertype is geregistreerd, staat de voorbeeldtekst in het standaardlettertype van het besturingssysteem op 17px.

4️⃣ Verschillen met GP Premium: de gratis versie, GP Premium en de prijzen van GeneratePress One

GP Premium is een betaalde plugin die een Theme Builder toevoegt om thema-onderdelen zoals de footer van de site en de 404-pagina in de blokeditor te maken. De bibliotheek met startersites, vaste navigatie, een mobiele header en extra instellingen voor kleur, lettertype en ruimte horen ook bij GP Premium.

Eerste lijst van de Customizer in het live voorbeeld van GeneratePress: bovenaan de regel Premium modules beschikbaar, daarna Site identiteit, Lay-out, Kleuren, Typografie en Algemeen
Een klik op de regel [Premium modules beschikbaar] bovenaan de Customizer van de gratis versie opent de introductiepagina van GP Premium in een nieuw tabblad.

GP Premium kost $59 per jaar, is bruikbaar op maximaal 500 sites en bevat een jaar updates en ondersteuning. Het abonnement verlengt elk jaar automatisch en kun je op elk moment in je account opzeggen; binnen 30 dagen na aankoop krijg je je geld terug.

GeneratePress One, dat ook GenerateBlocks Pro en GenerateCloud bundelt, kost $149 per jaar; los kosten de twee producten elk $99 per jaar. GenerateCloud werkt alleen met GenerateBlocks Pro.

ProductJaarprijsBeschrijving op de officiële prijspagina
GP Premium$59Theme Builder · startersites · 1 jaar updates en ondersteuning
GenerateBlocks Pro$99Blokken en patronen voor de blokeditor
GenerateCloud$99Gedeelde patronenbibliotheek · vereist GenerateBlocks Pro
GeneratePress One$149Bundel van alle drie de producten

De prijzen in de tabel zijn jaarprijzen in Amerikaanse dollars, gecontroleerd op de officiële prijspagina op 19 oktober 2026.

5️⃣ Voor welke sites het thema GeneratePress past: kiezen tussen de gratis versie en GP Premium

De gratis versie volstaat voor sites zoals blogs en bedrijfspresentaties, waar je container, zijbalken, kleuren en lettertypen in de Customizer instelt en de inhoud met de blokeditor maakt.

Wil je een hele site in één keer opbouwen vanuit een startersite, dan heb je GP Premium nodig. Sites die vaste navigatie of een mobiele header nodig hebben, komen ook uit bij GP Premium.

GeneratePress past ook bij sites die lichtere pagina's willen. Volgens de officiële beschrijving voegt een verse installatie van GeneratePress minder dan 10 KB (gzip) aan een pagina toe, en het standaardstylesheet van 3.6.1, [main.min.css], krimpt met gzip van 19,5 KB naar 4,7 KB. Toen ik op 31 augustus 2026 de officiële demo's onder dezelfde omstandigheden opende en de overdrachtsgrootte per thema mat, kwam GeneratePress ook uit op 17,8 KB en Astra op 143,2 KB.

🔢 FAQ & aanbevolen content

Op WordPress.org staan vertalingen van GeneratePress, dus op sites die de vertaalbestanden hebben gedownload, verschijnen menu's als Lay-out, Kleuren en Typografie in de taal van het beheer. Op sites zonder die bestanden verschijnen ze in het Engels.

Op sites van klanten die je zelf bouwt en beheert, mag dat (volgens de FAQ op de officiële prijspagina). Opnemen in een hostingproduct, licentiesleutels doorverkopen en alleen de installatie en activering van GeneratePress als dienst aanbieden, is niet toegestaan.

De geteste versie in [readme.txt] gaat tot WordPress 6.9. Op een WordPress 7.1.3-site openden de onderdelen van de Customizer en het voorbeeldscherm in het live voorbeeld gewoon.

ℹ️ Affiliatemelding
De content van deze site bevat affiliatelinks. Koopt een bezoeker via een van deze links een product of dienst, dan ontvangt deze site een commissie van de verkoper. Het bedrag dat de koper betaalt (bij acties gaat het omlaag ↓) wordt daardoor niet hoger. De vermelde prijzen, kortingen en voorraad gelden op het moment van schrijven en kunnen afwijken; controleer ze daarom vóór je aankoop bij de verkoper. Producten worden gekozen en beoordeeld volgens onze eigen criteria, en commissies hebben geen invloed op de volgorde of de inhoud van de beoordelingen.

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Laat zien dat je geen machine bent: 4   +   10   =