GeneratePress: instalação do tema gratuito, configurações básicas (Personalizador) e diferenças do Premium

Aviso de afiliados v3.1
Aviso de afiliados v3.2 (somente celular)
Ambiente de teste Família RHELWordPress 7.1.3PHP 8.3GeneratePress 3.6.1Verificado em 2026-10-19

GeneratePress é um tema gratuito para WordPress criado por Tom Usborne que permite mudar o layout, as cores e as fontes no Personalizador sem código. Instalei a versão 3.6.1 em um site com WordPress 7.1.3 que usa um tema de blocos, conferi as configurações gratuitas na pré-visualização ao vivo sem ativá-lo e comparei com a tabela de preços do GP Premium.

1️⃣ Instalar o GeneratePress e a pré-visualização ao vivo

  • ↪️ O Personalizador antes de ativar

Você pode abrir as configurações do tema na pré-visualização ao vivo antes mesmo de ativá-lo. Pesquise GeneratePress em Aparência › Temas › [Adicionar tema] e instale: o cartão mostra [Ativar] e [Ver ao vivo]. Ao clicar em [Ver ao vivo], o Personalizador abre com o GeneratePress sem trocar o tema atual, e o tema acrescenta quatro seções: Layout, Cores, Tipografia e Geral.

Tela de temas: Aparência › Temas no menu à esquerda e os botões Ativar e Ver ao vivo no cartão do GeneratePress instalado

[Ativo:] no primeiro cartão indica o tema aplicado ao site agora; dos dois botões do cartão do GeneratePress, [Ver ao vivo] abre a tela de configurações.

No diretório de temas do WordPress.org, o GeneratePress tem mais de 500 mil instalações ativas e nota 4,9 com base em 1.427 avaliações. A versão 3.6.1, lançada em 1º de dezembro de 2025, funciona com o WordPress 6.5 e o PHP 7.4 ou superior.

Os valores que você muda no Personalizador só vão para o site depois de clicar em [Ativar e publicar] no topo. Em um site que usa tema de blocos, o WordPress não adiciona a seção de widgets ao Personalizador, então os widgets não aparecem na lista.

🧭 Simulador do Personalizador do GeneratePress
wp-adminTemas do WordPressGeneratePress 3.6.1 · WordPress 7.1.3
Visão do visitante
자주 하는 설정
📍Aparência›Tema
Temas instalados
Clique em [Ver ao vivo] no cartão do GeneratePress. A etapa 2 abaixo é o ramo da biblioteca de sites exclusiva do GP Premium (entre com NEXT ▶).
📍Aparência›GeneratePress›Site Library
Biblioteca de sites (GP Premium)
Ao clicar em um cartão de modelo, a ordem é pré-visualização → [Get Started] → lista de plugins → “I understand” → [Begin Import]. A lista oficial é toda paga, por isso os três modelos têm o selo Premium; a execução da importação e a tela final ainda não foram medidas.
📍Aparência›Tema›Visualização ao vivo
Personalizador
Clique em [Layout] na lista à esquerda. Identidade do site, Geral, Menus, Configurações da página inicial e CSS adicional também funcionam em tudo o que o tema gratuito permite.
📍Visualização ao vivo›Layout›Contêiner
Layout
Mude o layout do conteúdo em [Contêiner] e a pré-visualização à direita passa a esse valor. Volte com ‹ e experimente também o cabeçalho, a navegação primária, a barra lateral, o rodapé e o blog.
📍Visualização ao vivo›Cor
Cor
Clique em uma das 7 cores globais e escolha uma cor: todas as áreas que a usam mudam juntas. Abra os grupos de áreas abaixo para escolher a cor de cada campo pelo círculo.
📍Visualização ao vivo›Tipografia
Tipografia
Com [Add Typography] você escolhe o elemento de destino e informa o tamanho da fonte. As fontes são registradas antes com [Add Font].
📍Visualização ao vivo›Ativar e publicar
Ativar e publicar
Os valores alterados só vão para o site depois de clicar em [Ativar e publicar] no topo.
📍Ver site
Visão do visitante
Esta é a visão do visitante, exatamente como foi publicado. Use os botões de dispositivo para mudar a largura.
📍Visualização ao vivo›Identidade do site
Logo e título do site
Envie um logo com [Escolher logo] e mude o texto do campo do título do site: o cabeçalho da pré-visualização à direita é atualizado na hora.
📍Visualização ao vivo›Layout›Contêiner
Largura do contêiner
Mude o valor da largura do contêiner e a caixa que contém o conteúdo e a barra lateral passa a essa largura.
📍Visualização ao vivo›Layout›Barra lateral
Remover a barra lateral
Mude o layout da barra lateral de post individual para [Conteúdo (sem barras lateral)] e o post da pré-visualização mostra só o conteúdo, sem barra lateral.
📍Visualização ao vivo›Cor
Cores globais
Clique no círculo Accent das cores globais e escolha uma cor: as áreas que a usam, como links e botões, mudam juntas.
📍Visualização ao vivo›Tipografia
Tamanho do texto
Informe um número no tamanho da fonte do cartão Body e o texto da pré-visualização passa a esse tamanho.
example.com/wp-admin/themes.php
테마6
설치된 테마 검색
Captura de tela do tema Twenty Twenty-Five
활성: Twenty Twenty-Five (2025)
GeneratePress
Captura de tela do tema Twenty Twenty-Four
Twenty Twenty-Four
Captura de tela do tema Twenty Twenty-Three
Twenty Twenty-Three
Captura de tela do tema Twenty Twenty-Two
Twenty Twenty-Two
Captura de tela do tema Astra
아스트라
Captura de tela do tema 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
검색 …
Clique em um item destacado à esquerda ou em um botão da tela

2️⃣ Configurações de layout do GeneratePress

  • ↪️ Valores padrão do contêiner, da barra lateral e da navegação

A largura da página e a posição da barra lateral são definidas no painel Layout do Personalizador. O painel tem seis seções: Contêiner, Cabeçalho, Navegação primária, Barra lateral, Rodapé e Blog; a Barra superior só aparece quando a área de widgets da barra superior tem widgets.

A largura padrão do contêiner é 1200px, e o layout do conteúdo padrão é [Separar contêiner], que separa o conteúdo e cada widget da barra lateral em caixas brancas próprias. Ao mudar para [Um contêiner], o conteúdo e a barra lateral ficam juntos em um único fundo branco, e só resta o fundo cinza por fora.

Tela de pré-visualização ao vivo: Um contêiner escolhido como layout do conteúdo no painel Layout › Contêiner à esquerda; à direita, a pré-visualização com conteúdo e barra lateral em um único fundo branco

Há seis layouts de barra lateral: você pode ter uma barra, duas ou nenhuma. O padrão, [Conteúdo / barra lateral], coloca uma barra lateral de 360px à direita de uma coluna de conteúdo de 840px dentro do contêiner de 1200px. Páginas, a lista de posts do blog e os posts individuais têm cada um sua própria configuração.

A posição do menu é definida em [Localização da navegação] na Navegação primária, e o padrão [Flutuar à direita] coloca o menu à direita do logo dentro do cabeçalho. A tabela abaixo reúne o valor padrão e os valores possíveis de cada campo, até as predefinições de cabeçalho, o número de widgets de rodapé e o tipo de conteúdo da lista de posts do blog.

CampoConfiguraçõesPadrãoValores possíveis
ContêinerLargura do contêiner1200pxControle deslizante · número
ContêinerLayout do conteúdoSeparar contêinerUm contêiner
cabeçalhosPredefinições de cabeçalhoAtualmenteAs outras 7
Navegação primáriaLocalização da navegaçãoFlutuar à direitaAbaixo do cabeçalho · Acima do cabeçalho · Flutuar à esquerda · Barra lateral esquerdo · Barra lateral direita · Sem navegação
Barra lateralLayout da barra lateralConteúdo / barra lateralBarra lateral / conteúdo · Conteúdo (sem barras lateral) · Barra lateral / conteúdo / barra lateral · Barra lateral / barra lateral / conteúdo · Conteúdo / barra lateral / barra lateral
RodapéWidgets de rodapé30~5
BlogTipo de conteúdoResumoFull Content

3️⃣ Cores e tipografia do GeneratePress: as 7 cores globais e o gerenciador de fontes

As cores do site inteiro são definidas nas cores globais no topo do painel Cores, que tem 7 cores: 3 Contrast, 3 Base e 1 Accent. As cores de cada área, como o conteúdo, o cabeçalho, os botões e os widgets da barra lateral, ficam nas 10 seções recolhidas abaixo. O fundo da página (#f7f8f9) usa Base 2 e a caixa do conteúdo, o cabeçalho e as caixas de widgets da barra lateral (#ffffff) usam Base 3 por padrão, então mudar essas duas cores muda essas áreas juntas.

Painel Cores na pré-visualização ao vivo do GeneratePress: as 7 cores globais e 10 seções de cor por área recolhidas; à direita, uma caixa de conteúdo branca sobre fundo cinza

As fontes são registradas no painel Tipografia com [Add Font] e depois, com [Add Typography], você escolhe onde aplicar essa fonte. São 21 alvos, entre eles o corpo do texto, o título do site, os itens do menu principal, os botões, H1–H6, os títulos de widgets e a barra do rodapé.

Painel Tipografia na pré-visualização ao vivo do GeneratePress: o botão Add Font do Font Manager e o botão Add Typography do Typography Manager; à direita, a pré-visualização na fonte padrão
Na primeira vez que você abre o painel Tipografia, ele só tem dois botões, e antes de registrar uma fonte o texto da pré-visualização aparece na fonte padrão do sistema operacional em 17px.

4️⃣ Diferenças do GP Premium: a versão gratuita, o GP Premium e os preços do GeneratePress One

O GP Premium é um plugin pago que adiciona um Theme Builder para criar elementos do tema, como o rodapé do site e a página 404, no editor de blocos. A biblioteca de sites iniciais, a navegação fixa, o cabeçalho para dispositivos móveis e as configurações extras de cor, fonte e espaçamento também fazem parte do GP Premium.

Primeira lista do Personalizador na pré-visualização ao vivo do GeneratePress: a linha Módulos premium disponíveis no topo e depois Identidade do site, Layout, Cores, Tipografia e Geral
Ao clicar na linha [Módulos premium disponíveis] no topo do Personalizador da versão gratuita, a página de apresentação do GP Premium abre em uma nova aba.

O GP Premium custa $59 por ano, pode ser usado em até 500 sites e inclui um ano de atualizações e suporte. A assinatura é renovada automaticamente todo ano e pode ser cancelada na sua conta a qualquer momento; há reembolso em até 30 dias após a compra.

O GeneratePress One, que reúne também o GenerateBlocks Pro e o GenerateCloud, custa $149 por ano; comprar os dois produtos separadamente custa $99 por ano cada. O GenerateCloud precisa do GenerateBlocks Pro.

ProdutoPreço anualDescrição da página oficial de preços
GP Premium$59Theme Builder · sites iniciais · 1 ano de atualizações e suporte
GenerateBlocks Pro$99Blocos e padrões para o editor de blocos
GenerateCloud$99Biblioteca de padrões compartilhada · requer GenerateBlocks Pro
GeneratePress One$149Pacote com os três produtos

Os preços da tabela são anuais em dólares americanos, conferidos na página oficial de preços em 19 de outubro de 2026.

5️⃣ Para quais sites o tema GeneratePress serve: como escolher entre a versão gratuita e o GP Premium

A versão gratuita é suficiente para sites como blogs e apresentações de empresas, em que você define o contêiner, a barra lateral, as cores e as fontes no Personalizador e cria o conteúdo com o editor de blocos.

Para montar um site de uma vez a partir de um site inicial, você precisa do GP Premium. Sites que precisam de navegação fixa ou de cabeçalho para dispositivos móveis também acabam escolhendo o GP Premium.

O GeneratePress também serve para sites que querem páginas mais leves. Segundo a descrição oficial, uma instalação nova do GeneratePress acrescenta menos de 10 KB (com gzip) à página, e a folha de estilos padrão da 3.6.1, [main.min.css], cai de 19,5 KB para 4,7 KB com gzip. Ao abrir as demos oficiais nas mesmas condições em 31 de agosto de 2026 e medir a transferência por tema, o resultado também foi GeneratePress 17,8 KB contra Astra 143,2 KB.

🔢 FAQ & conteúdo recomendado

O GeneratePress tem traduções no WordPress.org, então, nos sites que baixaram os arquivos de tradução, menus como Layout, Cores e Tipografia aparecem no idioma do painel. Nos sites que não baixaram os arquivos, eles aparecem em inglês.

Você pode usar em sites de clientes que você mesmo cria e gerencia (segundo as perguntas frequentes da página oficial de preços). Não é permitido incluí-la em um produto de hospedagem, revender chaves de licença nem oferecer apenas a instalação e a ativação do GeneratePress como serviço.

A versão testada que consta em [readme.txt] vai até o WordPress 6.9. Em um site com WordPress 7.1.3, os painéis do Personalizador e a tela de pré-visualização da pré-visualização ao vivo abriram normalmente.

ℹ️ Aviso de afiliados
O conteúdo deste site contém links de afiliados. Quando um visitante compra um produto ou serviço por meio de um desses links, o site recebe uma comissão do vendedor. O valor que o comprador paga (em promoções, ele diminui ↓) não aumenta por causa disso. Preços, descontos e informações de estoque valem para o momento em que o texto foi escrito e podem ter mudado, por isso confirme com o vendedor antes de comprar. Os produtos são escolhidos e avaliados por critérios próprios, e o recebimento de comissão não influencia a ordem de apresentação nem o conteúdo das avaliações.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Demonstre sua humanidade: 3   +   7   =