GeneratePress: instalación del tema gratuito, ajustes básicos (Personalizador) y diferencias con Premium

Aviso de afiliados v3.1
Aviso de afiliados v3.2 (móvil)
Entorno de prueba Familia RHELWordPress 7.1.3PHP 8.3GeneratePress 3.6.1Verificado el 2026-10-19

GeneratePress es un tema gratuito de WordPress creado por Tom Usborne que permite cambiar el diseño, los colores y las fuentes en el Personalizador sin código. Instalé la versión 3.6.1 en un sitio con WordPress 7.1.3 que usa un tema de bloques, revisé los ajustes gratuitos con la vista previa en vivo sin activarlo y los comparé con la tabla de precios de GP Premium.

1️⃣ Instalar GeneratePress y la vista previa en vivo

  • ↪️ El Personalizador antes de activar

Puedes abrir los ajustes del tema con la vista previa en vivo incluso antes de activarlo. Busca GeneratePress en Apariencia › Temas › [Añadir tema] e instálalo: la tarjeta mostrará [Activar] y [Vista previa]. Al pulsar [Vista previa], el Personalizador se abre con GeneratePress sin cambiar el tema actual, y el tema añade cuatro secciones: Diseño, Colores, Tipografía y General.

Pantalla de temas: Apariencia › Temas en el menú izquierdo y los botones Activar y Vista previa de la tarjeta de GeneratePress instalada

[Activo:] en la primera tarjeta indica el tema que el sitio usa ahora; de los dos botones de la tarjeta de GeneratePress, [Vista previa] abre la pantalla de ajustes.

En el directorio de temas de WordPress.org, GeneratePress tiene más de 500.000 instalaciones activas y una valoración de 4,9 sobre 1.427 reseñas. La versión 3.6.1, publicada el 1 de diciembre de 2025, funciona con WordPress 6.5 y PHP 7.4 o superior.

Los valores que cambies en el Personalizador no llegan al sitio hasta que pulses [Activar y publicar] arriba. En un sitio que usa un tema de bloques, WordPress no añade la sección de widgets al Personalizador, así que no aparecen widgets en la lista.

🧭 Simulador del Personalizador de GeneratePress
wp-adminTemas de WordPressGeneratePress 3.6.1 · WordPress 7.1.3
Vista del visitante
자주 하는 설정
📍Apariencia›Temas
Lista de temas instalados
Pulsa [Vista previa] en la tarjeta de GeneratePress. El paso 2 de abajo es la rama de la biblioteca de sitios exclusiva de GP Premium (entra con NEXT ▶).
📍Apariencia›GeneratePress›Site Library
Biblioteca de sitios (GP Premium)
Al pulsar una tarjeta de plantilla, el orden es vista previa → [Get Started] → lista de plugins → «I understand» → [Begin Import]. La lista oficial es toda de pago, así que las tres plantillas llevan la etiqueta Premium; la importación y la pantalla final aún no están medidas.
📍Apariencia›Temas›Vista previa
Personalizador
Pulsa [Diseño] en la lista de la izquierda. Identidad del sitio, General, Menús, Ajustes de la página de inicio y CSS adicional también funcionan en todo lo que permite el tema gratuito.
📍Vista previa›Diseño›Contenedor
Diseño
Cambia el diseño del contenido en [Contenedor] y la vista previa de la derecha pasa a ese valor. Vuelve con ‹ y prueba también la cabecera, la navegación principal, las barras laterales, el pie de página y el blog.
📍Vista previa›Color
Color
Pulsa uno de los 7 colores globales y elige un color: todas las zonas que lo usan cambian a la vez. Despliega los grupos de zonas de abajo para elegir el color de cada campo con su círculo.
📍Vista previa›Tipografía
Tipografía
Con [Añadir tipografía] eliges el elemento objetivo e introduces el tamaño de la fuente. Las fuentes se registran antes con [Añadir una fuente].
📍Vista previa›Activar y publicar
Activar y publicar
Los valores cambiados no llegan al sitio hasta que pulses [Activar y publicar] arriba.
📍Ver sitio
Vista del visitante
Es la vista del visitante, tal como quedó publicado. Usa los botones de dispositivo para cambiar el ancho.
📍Vista previa›Identidad del sitio
Logo y título del sitio
Sube un logotipo con [Elegir el logotipo] y cambia el texto del campo del título del sitio: la cabecera de la vista previa de la derecha se actualiza al momento.
📍Vista previa›Diseño›Contenedor
Ancho del contenedor
Cambia el valor del ancho del contenedor y la caja que contiene el contenido y la barra lateral pasa a ese ancho.
📍Vista previa›Diseño›Barras laterales
Quitar la barra lateral
Pon el diseño de la barra lateral de las entradas individuales en [Contenido (sin barras laterales)] y la entrada de la vista previa muestra solo el contenido, sin barra lateral.
📍Vista previa›Color
Colores globales
Pulsa el círculo de Énfasis en los colores globales y elige un color: las zonas que lo usan, como enlaces y botones, cambian a la vez.
📍Vista previa›Tipografía
Tamaño del texto
Introduce un número en el tamaño de la fuente de la tarjeta Cuerpo y el texto de la vista previa pasa a ese tamaño.
example.com/wp-admin/themes.php
테마6
설치된 테마 검색
Captura del tema Twenty Twenty-Five
활성: Twenty Twenty-Five (2025)
GeneratePress
Captura del tema Twenty Twenty-Four
Twenty Twenty-Four
Captura del tema Twenty Twenty-Three
Twenty Twenty-Three
Captura del tema Twenty Twenty-Two
Twenty Twenty-Two
Captura del tema Astra
아스트라
Captura del 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
검색 …
Pulsa un elemento resaltado a la izquierda o un botón de la pantalla

2️⃣ Ajustes de diseño de GeneratePress

  • ↪️ Valores por defecto del contenedor, las barras laterales y la navegación

El ancho de la página y la posición de la barra lateral se definen en el panel Diseño del Personalizador. El panel tiene seis secciones: Contenedor, Cabecera, Navegación principal, Barras laterales, Pie de página y Blog; la Barra superior solo aparece cuando su área de widgets tiene widgets.

El ancho por defecto del contenedor es de 1200px, y el diseño del contenido por defecto es [Contenedores separados], que separa el contenido y cada widget de la barra lateral en cajas blancas. Si cambias a [Un contenedor], el contenido y la barra lateral comparten un único fondo blanco y solo queda el fondo gris exterior.

Pantalla de vista previa: Un contenedor elegido como diseño del contenido en el panel Diseño › Contenedor de la izquierda; a la derecha, la vista previa con el contenido y la barra lateral sobre un solo fondo blanco

Hay seis diseños de barra lateral: puedes tener una, dos o ninguna. El predeterminado, [Contenido / Barra lateral], coloca una barra lateral de 360px a la derecha de una columna de contenido de 840px dentro del contenedor de 1200px. Las páginas, la lista de entradas del blog y las entradas individuales tienen cada una su propio ajuste.

La posición del menú se define en [Ubicación de la navegación] dentro de Navegación principal, y el valor por defecto [Flotar a la derecha] pone el menú a la derecha del logotipo dentro de la cabecera. La tabla de abajo reúne el valor por defecto y los valores posibles de cada campo, hasta los preajustes de la cabecera, el número de widgets del pie de página y el tipo de contenido de la lista de entradas del blog.

CampoAjustesPredeterminadoValores posibles
ContenedorAncho del contenedor1200pxControl deslizante · número
ContenedorDiseño del contenidoContenedores separadosUn contenedor
cabecerasPreajustes de la cabeceraActualmenteLos otros 7
Navegación principalUbicación de la navegaciónFlotar a la derechaDebajo de la cabecera · Encima de la cabecera · Flotar a la izquierda · Barra lateral izquierda · Barra lateral derecha · Sin navegación
Barras lateralesDiseño de la barra lateralContenido / Barra lateralBarra lateral / Contenido · Contenido (sin barras laterales) · Barra lateral / Contenido / Barra lateral · Barra lateral / Barra lateral / Contenido · Contenido / Barra lateral / Barra lateral
Pie de páginaWidgets del pie de página30~5
BlogTipo de contenidoExtractoContenido completo

3️⃣ Colores y tipografía de GeneratePress: los 7 colores globales y el gestor de fuentes

Los colores de todo el sitio se definen en los colores globales de la parte superior del panel Colores, que tiene 7 colores: 3 de Contraste, 3 Base y 1 de Énfasis. Los colores de cada zona, como el contenido, la cabecera, los botones y los widgets de la barra lateral, se definen en las 10 secciones plegadas de abajo. El fondo de la página (#f7f8f9) usa Base 2 y la caja del contenido, la cabecera y las cajas de widgets de la barra lateral (#ffffff) usan Base 3 por defecto, así que al cambiar esos dos colores cambian esas zonas a la vez.

Panel Colores en la vista previa de GeneratePress: los 7 colores globales y 10 secciones de color por zona plegadas; a la derecha, una caja de contenido blanca sobre fondo gris

Las fuentes se registran con [Añadir una fuente] en el panel Tipografía y luego, con [Añadir tipografía], se eligen los elementos a los que se aplica. Hay 21 objetivos, entre ellos el cuerpo, el título del sitio, los elementos del menú principal, los botones, H1–H6, los títulos de los widgets y la barra del pie de página.

Panel Tipografía en la vista previa de GeneratePress: el botón Añadir una fuente del gestor de fuentes y el botón Añadir tipografía del gestor de la tipografía; a la derecha, la vista previa con la fuente por defecto
La primera vez que abres el panel Tipografía solo tiene dos botones, y antes de registrar una fuente el texto de la vista previa aparece en la fuente predeterminada del sistema operativo a 17px.

4️⃣ Diferencias con GP Premium: la versión gratuita, GP Premium y los precios de GeneratePress One

GP Premium es un plugin de pago que añade un Theme Builder para crear elementos del tema, como el pie de página del sitio y la página 404, con el editor de bloques. La biblioteca de sitios de inicio, la navegación fija, la cabecera móvil y los ajustes adicionales de color, fuentes y espaciado también vienen en GP Premium.

Primera lista del Personalizador en la vista previa de GeneratePress: la fila Módulos premium disponibles arriba y después Identidad del sitio, Diseño, Colores, Tipografía y General
Al pulsar la fila [Módulos premium disponibles] en la parte superior del Personalizador de la versión gratuita, la página de presentación de GP Premium se abre en una pestaña nueva.

GP Premium cuesta $59 al año, sirve para hasta 500 sitios e incluye un año de actualizaciones y soporte. La suscripción se renueva automáticamente cada año y puedes cancelarla desde tu cuenta en cualquier momento; además, admite reembolsos durante los 30 días siguientes a la compra.

GeneratePress One, que incluye también GenerateBlocks Pro y GenerateCloud, cuesta $149 al año; comprar los dos productos por separado cuesta $99 al año cada uno. GenerateCloud necesita GenerateBlocks Pro.

ProductoPrecio anualDescripción de la página oficial de precios
GP Premium$59Theme Builder · sitios de inicio · 1 año de actualizaciones y soporte
GenerateBlocks Pro$99Bloques y patrones para el editor de bloques
GenerateCloud$99Biblioteca de patrones compartida · necesita GenerateBlocks Pro
GeneratePress One$149Paquete de los tres productos

Los precios de la tabla son anuales en dólares estadounidenses, comprobados en la página oficial de precios el 19 de octubre de 2026.

5️⃣ Qué sitios encajan con el tema GeneratePress: cómo elegir entre la versión gratuita y GP Premium

La versión gratuita basta para sitios como blogs o páginas de empresa, en los que defines el contenedor, las barras laterales, los colores y las fuentes en el Personalizador y creas el contenido con el editor de bloques.

Para montar un sitio de una vez con un sitio de inicio necesitas GP Premium. Los sitios que necesitan navegación fija o cabecera móvil también acaban eligiendo GP Premium.

GeneratePress también encaja en sitios que quieren páginas más ligeras. Según la descripción oficial, una instalación nueva de GeneratePress añade menos de 10 KB (con gzip) a la página, y la hoja de estilos por defecto de la 3.6.1, [main.min.css], pasa de 19,5 KB a 4,7 KB con gzip. Al abrir las demos oficiales en las mismas condiciones el 31 de agosto de 2026 y medir la transferencia por tema, el resultado también fue GeneratePress 17,8 KB frente a Astra 143,2 KB.

🔢 FAQ & contenido recomendado

GeneratePress tiene traducciones en WordPress.org, así que en los sitios que descargaron los archivos de traducción, menús como Diseño, Colores y Tipografía aparecen en el idioma de la administración. En los sitios que no los han descargado, aparecen en inglés.

Puedes usarla en sitios de clientes que tú mismo creas y gestionas (según las preguntas frecuentes de la página oficial de precios). No se permite incluirla en un producto de hosting, revender claves de licencia ni ofrecer solo la instalación y activación de GeneratePress como servicio.

La versión probada que figura en [readme.txt] llega hasta WordPress 6.9. En un sitio con WordPress 7.1.3, los paneles del Personalizador y la pantalla de la vista previa se abrieron sin problemas.

ℹ️ Aviso de afiliados
El contenido de este sitio incluye enlaces de afiliado. Cuando un visitante compra un producto o servicio a través de uno de ellos, el sitio recibe una comisión del vendedor. El importe que paga el comprador(baja durante las promociones ↓)no aumenta. Los precios, descuentos y existencias publicados corresponden al momento de redacción y pueden variar, así que confírmalos con el vendedor antes de comprar. Los productos se eligen y evalúan con criterios propios, y las comisiones no influyen en el orden ni en el contenido de las reseñas.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Demuestra que eres humano: 2   +   6   =