GeneratePress: Installing the Free Theme, Basic Settings (Customizer) and Premium Differences

Affiliate disclosure v3.1
Affiliate disclosure v3.2 (mobile)
Test environment RHEL familyWordPress 7.1.3PHP 8.3GeneratePress 3.6.1Checked 2026-10-19

GeneratePress is a free WordPress theme by Tom Usborne that lets you change the layout, colors and fonts in the Customizer without code. I installed version 3.6.1 on a WordPress 7.1.3 site that uses a block theme, checked the free settings in Live Preview without activating it, and compared them with the GP Premium pricing table.

1️⃣ Installing GeneratePress and Live Preview

  • ↪️ The Customizer before activation

You can open the theme settings in Live Preview even before activating the theme. Search for GeneratePress under Appearance › Themes › [Add Theme] and install it, and the card shows [Activate] and [Live Preview]. Clicking [Live Preview] opens the Customizer with GeneratePress while your current theme stays as it is, and the theme adds four sections: Layout, Colors, Typography and General.

Themes screen: Appearance › Themes in the left menu, with the Activate and Live Preview buttons on the installed GeneratePress card

[Active:] on the first card marks the theme currently applied to the site; of the two buttons on the GeneratePress card, [Live Preview] opens the settings screen.

In the WordPress.org theme directory, GeneratePress has more than 500,000 active installations and a rating of 4.9 from 1,427 reviews. Version 3.6.1, released on December 1, 2025, works with WordPress 6.5 and PHP 7.4 or later.

Values you change in the Customizer don't reach the site until you click [Activate & Publish] at the top. On a site that uses a block theme, WordPress doesn't add a widgets section to the Customizer, so widgets don't appear in the list.

🧭 GeneratePress Customizer simulator
wp-adminWordPress ThemesGeneratePress 3.6.1 · WordPress 7.1.3
Visitor view
자주 하는 설정
📍Appearance›Theme
Installed themes
Click [Live Preview] on the GeneratePress card. Step 2 below is the GP Premium-only Site Library branch (enter it with NEXT ▶).
📍Appearance›GeneratePress›Site Library
Site Library (GP Premium)
Clicking a template card leads to preview → [Get Started] → plugin list → “I understand” → [Begin Import]. The official list is all paid, so all three templates carry the Premium label, and running the import and the completion screen are not measured yet.
📍Appearance›Theme›Live Preview
Customizer
Click [Layout] in the list on the left. Site Identity, General, Menus, Homepage Settings and Additional CSS also work wherever the free theme supports them.
📍Live Preview›Layout›Container
Layout
Change the content layout under [Container] and the preview on the right switches to that value. Go back with ‹ and try Header, Primary Navigation, Sidebars, Footer and Blog too.
📍Live Preview›Color
Color
Click one of the 7 global colors and pick a color, and every area that uses it changes too. Expand the area groups below to pick each field's color separately with its circle.
📍Live Preview›Typography
Typography
Use [Add Typography] to pick the target element and enter a font size. Register fonts first with [Add Font].
📍Live Preview›Activate & Publish
Activate & Publish
Changed values don't reach the site until you click [Activate & Publish] at the top.
📍View Site
Visitor view
This is the visitor view, showing exactly what you published. Use the device buttons to change the width.
📍Live Preview›Site Identity
Logo and site title
Upload a logo with [Choose logo] and change the text in the site title field, and the header of the preview on the right updates right away.
📍Live Preview›Layout›Container
Container width
Change the container width value and the box holding the content and the sidebar changes to that width.
📍Live Preview›Layout›Sidebars
Remove sidebar
Set the Single Post Sidebar Layout to [Content (no sidebars)] and the post in the preview shows only the content, without a sidebar.
📍Live Preview›Color
Global colors
Click the Accent circle in the global colors and pick a color, and areas that use it, such as links and buttons, change too.
📍Live Preview›Typography
Body font size
Enter a number in the font size of the Body card and the body text in the preview changes to that size.
example.com/wp-admin/themes.php
테마6
설치된 테마 검색
Twenty Twenty-Five theme screenshot
활성: Twenty Twenty-Five (2025)
GeneratePress
Twenty Twenty-Four theme screenshot
Twenty Twenty-Four
Twenty Twenty-Three theme screenshot
Twenty Twenty-Three
Twenty Twenty-Two theme screenshot
Twenty Twenty-Two
Astra theme screenshot
아스트라
GeneratePress theme screenshot
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
검색 …
Click a highlighted item on the left or a button on the screen

2️⃣ GeneratePress layout settings

  • ↪️ Defaults for the container, sidebars and navigation

Page width and sidebar position are set in the Layout panel of the Customizer. The panel has six sections: Container, Header, Primary Navigation, Sidebars, Footer and Blog; the Top Bar appears only when the Top Bar widget area has widgets.

The default container width is 1200px, and the default content layout is [Separate Containers], which splits the content and each sidebar widget into their own white boxes. Switch to [One Container] and the content and sidebar share a single white background, leaving only the gray background outside.

Live Preview screen: One Container selected as the content layout in the Layout › Container panel on the left; on the right, a preview where the content and sidebar share one white background

There are six sidebar layouts: you can have one sidebar, two, or none at all. The default [Content / Sidebar] puts a 360px sidebar to the right of an 840px content column inside the 1200px container. Pages, the blog post list and single posts each get their own sidebar setting.

The menu position is set in [Navigation Location] under Primary Navigation, and the default [Float Right] puts the menu to the right of the logo inside the header. The table below collects each section's default and available values, down to the header presets, the number of footer widgets and the content type of the blog post list.

FieldSettingsDefaultAvailable values
ContainerContainer Width1200pxSlider · number input
ContainerContent LayoutSeparate ContainersOne Container
headersHeader PresetsCurrently,The other 7
Primary NavigationNavigation LocationFloat RightBelow Header · Above Header · Float Left · Left Sidebar · Right Sidebar · No Navigation
SidebarsSidebar LayoutContent / SidebarSidebar / Content · Content (no sidebars) · Sidebar / Content / Sidebar · Sidebar / Sidebar / Content · Content / Sidebar / Sidebar
FooterFooter Widgets30~5
BlogContent TypeExcerptFull Content

3️⃣ GeneratePress colors and typography: the 7 global colors and the Font Manager

Site-wide colors are set in the global colors at the top of the Colors panel, which hold 7 colors: 3 Contrast, 3 Base and 1 Accent. Colors for each area, such as the content, header, buttons and sidebar widgets, are set in the 10 collapsed sections below. The page background (#f7f8f9) uses Base 2 and the content box, header and sidebar widget boxes (#ffffff) use Base 3 by default, so changing those two colors changes those areas together.

Colors panel in GeneratePress Live Preview: the 7 global colors and 10 collapsed area color sections; on the right, a white content box on a gray background

Fonts are registered with [Add Font] in the Typography panel, and then [Add Typography] picks the targets for that font. There are 21 targets, including the body, site title, primary menu items, buttons, H1–H6, widget titles and the footer bar.

Typography panel in GeneratePress Live Preview: the Add Font button of the Font Manager and the Add Typography button of the Typography Manager; on the right, the preview in the default font
When you first open the Typography panel it has only two buttons, and before any font is registered the preview text appears in the operating system's default font at 17px.

4️⃣ GP Premium differences: the free version, GP Premium and GeneratePress One pricing

GP Premium is a paid plugin that adds a Theme Builder for creating theme elements such as the site footer and the 404 page in the block editor. The starter site library, sticky navigation, a mobile header and extra color, font and spacing settings are also part of GP Premium.

First list of the Customizer in GeneratePress Live Preview: the Premium Modules Available row at the top, then Site Identity, Layout, Colors, Typography and General
Clicking the [Premium Modules Available] row at the top of the free version's Customizer opens the GP Premium introduction page in a new tab.

GP Premium costs $59 a year, covers up to 500 sites and includes one year of updates and support. The subscription renews automatically every year and can be canceled from your account at any time, and refunds are available within 30 days of purchase.

GeneratePress One, which bundles GenerateBlocks Pro and GenerateCloud as well, costs $149 a year, while buying the two products separately costs $99 a year each. GenerateCloud requires GenerateBlocks Pro.

ProductAnnual priceOfficial pricing page description
GP Premium$59Theme Builder · starter sites · 1 year of updates and support
GenerateBlocks Pro$99Blocks and patterns for the block editor
GenerateCloud$99Shared pattern library · requires GenerateBlocks Pro
GeneratePress One$149Bundle of all three products

The prices in the table are annual prices in US dollars, checked on the official pricing page on October 19, 2026.

5️⃣ Which sites suit the GeneratePress theme: choosing between the free version and GP Premium

The free version is enough for sites such as blogs and company profiles, where you set the container, sidebars, colors and fonts in the Customizer and build the content with the block editor.

To build a whole site at once from a starter site, you need GP Premium. Sites that need sticky navigation or a mobile header also end up choosing GP Premium.

GeneratePress also suits sites that want lighter pages. According to the official description, a fresh GeneratePress install adds less than 10KB (gzipped) to a page, and the default stylesheet in 3.6.1, [main.min.css], shrinks from 19.5KB to 4.7KB with gzip. When I opened the official demos under the same conditions on August 31, 2026 and measured the transfer size by theme, the result was again GeneratePress 17.8KB versus Astra 143.2KB.

🔢 FAQ & Recommended Content

GeneratePress has translations on WordPress.org, so on sites that have downloaded the translation files, menus such as Layout, Colors and Typography appear in the admin language. On sites where the translation files haven't been downloaded, they appear in English.

You can use it on client sites that you build and manage yourself (per the FAQ on the official pricing page). Including it in a hosting product, reselling license keys, and offering only the installation and activation of GeneratePress as a service are not allowed.

The “Tested up to” version in [readme.txt] is WordPress 6.9. On a WordPress 7.1.3 site, the Customizer panels and the preview in Live Preview opened as usual.

ℹ️ Affiliate Disclosure
This site's content contains affiliate links. When a visitor buys a product or service through one of them, the site receives a commission from the seller. The amount the buyer pays(it goes down during event discounts ↓)does not go up. Posted prices, discounts, and stock reflect the time of writing and may differ, so confirm with the seller before buying. Products are chosen and reviewed by our own standards, and commissions do not affect the order or content of reviews.

Leave a Reply

Your email address will not be published. Required fields are marked *

Prove your humanity: 1   +   4   =