Velocidad + estética es igual a GeneratePress el theme para WordPress que cautivó a todos: mega tutorial (Parte 1)

Por TLPC

Tiempo de lectura minutos

 palabras

0 comentarios

Con WordPress y GeneratePress tutorial podrás crear tu proyecto soñado con diferentes estilos sin repetir diseño minimalista que lo tiene todo. Este GeneratePress tutorial te guiará desde cero, paso a paso, sin que necesites saber programar.

GeneratePress para WordPress está pensado para que puedas sacarle el máximo provecho a WordPress.org que en su versión básica es gratuita, pero puedes actualizarla a la versión GP Premium por un bajo coste. En GeneratePress tutorial parte 1 veremos en detalle todo su potencial.

GP Premium te permitirá agregar 12 plugins + o complementos para aprovechar a fondo todo su potencial, pero te lo cuento más adelante en este mismo post.

Si estás con un presupuesto algo corto, o no quieres invertir demasiado en una plantilla, GP Premium es una buena opción.

Con un código limpio que permite una velocidad de carga increíble, además es responsive esto quiere decir que se adapta perfectamente a todos los dispositivos móviles.

Esta integrada a la web de Font Awesome donde podrás utilizar más de 600 iconos para tu diseño. ¿A qué te va gustando?

GeneratePress integra todos sus complementos con el personalizador de WordPress, de esta forma puedes ir viendo los cambios que hagas en tiempo real sin tener que guardar el trabajo para luego previsualizar. Con esto ganarás mucho tiempo en la creación de tus páginas.

Dispone de 20 idiomas y creciendo día a día gracias a la comunidad de usuarios que está detrás haciendo aportaciones permanentemente.

Es totalmente personalizable desde la cabeza a los pies y si esto fuera poco es compatible con el editor Thrive Architect, ¿Qué no lo conoces? Echa un vistazo a este artículo: Thrive Architect Mega Tutorial en Español La transformación de TCB (Parte 1)

GeneratePress tutorial: cómo instalar la versión gratuita

Generatepress dispone de dos modalidades en su plantilla y es que una es gratuita o free y que podrás utilizarla sin problemas, pero no podrás sacarle su máximo potencial por la falta de los add-ons o complementos, que son 12 en total, que te permiten modificar al completo toda la plantilla y esto es un valor añadido porque podrás usar la misma plantilla para diferentes web sin tener que repetir el diseño.

Pero te lo contaré con más detalle a lo largo de este artículo. Ahora me voy a centrar a explicarte la instalación Free de este theme con imágenes para que te sea más claro, de más está decirte que el proceso es muy sencillo y que podrás utilizarlo sin los 12 plugins o complementos Premium, aunque si te gusta puedes comprarlos en cualquier momento. ¡Manos a la obra!

Voy a suponer que ya tienes un Hosting con WordPress.org instalado y configurado si no es así te recomiendo que leas este artículo antes de seguir:

generatepress tutorial
  • Paso 1: Debes ir hacia el menú de la derecha y bajar hasta la opción Apariencia>>Temas y hacer clic en él, de esta forma accederás a la sección de temas de tu WordPress.
generatepress tutorial
  • Paso 2: Una vez dentro de la sección de temas, verás un botón que dice Añadir nuevo debes hacer clic en él para habilitar la búsqueda de temas nuevos.
 generatepress tutorial
  • Paso 3: Una vez dentro encontrarás un buscador a la derecha como muestra la imagen superior, debes escribir dentro del campo la palabra GeneratePress para que te la muestre en el catálogo de temas.
generatepress tutorial

GeneratePress tutorial

  • Paso 4: Como puedes observar en la imagen superior, en la miniatura del tema GeneratePress encontrarás un botón que dice Instalar, debes hacer clic en el botón para que se instale dentro de tu WordPress.
generatepress tutorial

GeneratePress tutorial

  • Paso 5: Por último debes hacer clic en el botón Activar y listo ya tienes la plantilla GeneratePress operativa. Con este GeneratePress tutorial ya tienes el tema listo para empezar a trabajar.

GeneratePress tutorial: cómo desinstalar el tema

generatepress tutorial

GeneratePress tutorial

  • Paso 1 y 2: Ir al menú Apariencia >> Temas para desactivar la plantilla GeneratePress antes de poder eliminarla.
  • Paso 3: Hacer clic en el botón Activar de otra plantilla diferente que tengas instalada, pueden ser las que trae por defecto WordPress.
generatepress tutorial

GeneratePress tutorial

  • Paso 4: Una vez desactivada GeneratePress y activada cualquier otra plantilla debes hacer clic en Detalles del tema de la plantilla GeneratePress (que ahora está desactivada).
generatepress tutorial

GeneratePress tutorial

  • Paso 5: Por último, podrás ver el botón Borrar si haces clic en el la plantilla GeneratePress se borrará de tu instalación de WordPress de forma definitiva.

GeneratePress la plantilla perfecta para tu próximo proyecto web, ligera, minimalista y adaptable a dispositivos móviles. ¡Mega tutorial en español!

¡Compártelo!

GeneratePress tutorial: cómo comprar GP Premium 

generatepress tutorial
  • Paso 1: Primero debes acceder a la web oficial desde este enlace: GeneratePress o si lo prefieres desde el botón azul de abajo. Una vez dentro de la web oficial de GeneratePress debes hacer clic en el botón Premium como muestra la imagen superior.
generatepress tutorial
  • Paso 2: Ahora debes hacer clic en el botón Get it now (Consíguelo ahora) para ir directo al botón de compra.
generatepress tutorial
  • Paso 3: Encontrarás un botón con el nombre de Add to Cart (Añadir al carro) como se ve en la imagen, debes hacer clic en él para ir al carro de compra.
generatepress tutorial
  • Paso 4: Como puedes observar en la imagen superior, ya está añadido el producto al carro de compras con el nombre de GP Premium. Debes elegir el método de pago, que en este caso dispone de dos PayPal y Tarjeta de crédito.

Según cual elijas deberás rellenar un formulario con tus datos personales. Es muy importante poner tu correo electrónico, nombre de usuario (el que quieras) y una contraseña, necesario para que se cree una cuenta en la plataforma de GeneratePress, donde deberás ingresar posteriormente para descargar el archivo GP Premium.zip a tu ordenador.

Por último, debes hacer clic en el botón Purchase (Comprar) para finalizar la compra. Recibirás unos correos en tu buzón de la compra realizada.

IMPORTANTE: Este precio puede variar considerablemente según la cotización de la divisa en cada país y la aplicación del IVA si correspondiera.

También el precio de la plantilla puede variar desde el momento que se creó este artículo de GeneratePress. Puedes ver el precio actualizado en el siguiente enlace: Precio actual de GeneratePress

GeneratePress tutorial: cómo descargar GP Premium

Para descargar GP Premium que acabas de comprar en el paso anterior debes ingresar a tu cuenta en GeneratePress. ¿Te acuerdas? Con el nombre de usuario y contraseña que utilizaste en el proceso de compra.

generatepress tutorial
  • Paso 1: Ingresa a tu cuenta donde encontrarás el enlace de descarga del archivo gp-premium.zip
generatepress tutorial
  • Paso 2: Una vez dentro de tu cuenta debes posar el puntero del ratón donde dice GP Premium y hacer clic  el botón Download (Descargar) para guardarlo en tu ordenador, como se ve claramente en la imagen superior.

GeneratePress tutorial: cómo instalar GP Premium

generatepress tutorial
  • Paso 1: Ya tienes descargado en tu ordenador el archivo gp-premium.zip, pues ahora deberás instalarlo como cualquier otro plugin desde el menú Plugins>>Añadir Nuevo como se ve en la imagen superior.
generatepress tutorial
  • Paso 2: Ya tienes descargado en tu ordenador el archivo gp-premium.zip,  ahora deberás instalarlo como cualquier otro plugin desde el menú Plugins>>Añadir Nuevo como se aprecia en la imagen superior.
generatepress tutorial
  • Paso 3:  Debes buscar en tu ordenador el archivo gp-premium.zip, lo seleccionas, haces clic en el botón Instalar ahora y esperas unos segundos.
generatepress tutorial
  • Paso 4: Puedes ver en la imagen superior el proceso de instalación. Una vez que veas el mensaje Plugin instalado con éxito, debes hacer clic en el botón Activar plugin. Solo queda activar los add-ons o complementos.
webempresa hosting wordpress

El hosting en el que confío para mis proyectos (y para esta web).

Llevo con Webempresa desde 2014. Su soporte en español, su velocidad y su seguridad son diferenciales.

  • Soporte técnico 24/7: Gente real, en español, que sabe de WordPress y te ayuda de verdad.
  • Velocidad: Discos NVMe, Magic Cache y Cloudflare integrado.
  • Seguridad: Copias de seguridad cada 4 horas, anti-malware y reglas específicas para WordPress.
  • Staging gratuito: Prueba cambios sin miedo a romper nada.
  • Dominio gratis el primer año.
  • Certificado SSL gratis por siempre.
  • IA incluida en todos los planes.
  • Garantía de 45 días: Si no estás contento, te devuelven el dinero.

Si usas mi enlace, a ti te cuesta lo mismo y a mí me ayudas a seguir creando contenido gratuito. ¡Gracias!"

GeneratePress tutorial: cómo activar los add-ons

generatepress tutorial
  • Paso 1: Una vez que tengas Activado el plugin debes ir al menú Apariencia>>GeneratePress y clic en el, para proceder a la activación de los add-ons o complementos.
generatepress tutorial
  • Paso 2: En la imagen superior puedes ver todos los complementos desactivados todavía, puedes activar todos o los que necesites uno por uno haciendo clic en el texto Activar en cada complemento.
generatepress tutorial
  • Paso 3: En esta imagen puedes ver claramente que todos los complementos están activados.
  • Paso 4: Por el contrario si quieres desactivar alguno de los complementos debes hacer clic en el texto Desactivar correspondiente a cada add-ons.
generatepress tutorial
  • Punto 5: Al activar todos los complementos podrás ver 2 nuevas opciones en el menú Apariencia>>GP Hooks y Apariencia>>Blog Page Header, más adelante en este mismo post te contare para qué sirven y cómo se utilizan.

GeneratePress tutorial: compatibilidad con plugins

GeneratePress es compatible con la mayoría de los plugins más populares del mercado, entre ellos los más destacados son los siguientes:

GeneratePress es totalmente personalizable desde la cabeza a los pies y si esto fuera poco es compatible con el editor Thrive Architect. ¡No te pierdas este mega tutorial!

¡Compártelo!

GeneratePress tutorial: personalizador en tiempo real

generatepress tutorial
  • Punto 1: Una de las ventajas que más me gustan de GP Premium es que todos sus complementos se integran perfectamente en el personalizador de WordPress y esto es fabuloso porque podrás ir haciendo cambios en tu página, al mismo tiempo que los ves en tiempo real.

Esto quiere decir que no tienes la necesidad de ir guardando tu trabajo para luego hacer una previsualización y ver como va quedando, eso es cosa del pasado.

Si necesitabas un punto fuerte para decidirte, creo que este es uno muy fuerte, porque ganarás mucho tiempo en la creación y edición de páginas y ya sabes el tiempo vale oro en estos tiempos. Esta parte del GeneratePress tutorial es la que más tiempo te ahorrará en el día a día.

Widgets disponibles

generatepress tutorial

GeneratePress dispone de 8 zonas de widget, ya sabes que estos widget son muy útiles para añadir módulos en el header (cabecera), sidebar (barra lateral), footer (Pie de página) y otras zonas dependiendo de la plantilla que tengas instalada.

¿Qué se puede añadir en estas zonas disponibles? Bueno, en una barra lateral puedes agregar un widget de búsqueda, últimos comentarios, categorías, últimas entradas, calendario, menú, etiquetas etc.

En un pie de página o footer puedes agregar tus redes sociales, código html, imágenes etc. las posibilidades son infinitas.

Dispones de un abanico amplio de zonas para colocar tus widgets favoritos que consideres necesario, de esta forma harás vivir a tus visitantes una experiencia de usuario altamente gratificante.

GP Hooks ganchos donde quieras

Una de las funciones que más me gusta es la posibilidad de usar Hooks, me hace recordar mucho a Genesis Framework que posee esta funcionalidad.

¿Qué es un hook? La traducción literal sería "Gancho" porque te permite enganchar códigos para determinada funciones en diferentes zonas de la plantilla para que luego se puedan ejecutar y visualizar como si se tratase de un widget.

La diferencia con el widget es que en el GP hook tú tendrás que escribir algunas líneas de código PHP - HTML o TEXTO para realizar determinadas funciones o mostrar solo texto; una podría ser el número de comentarios en una parte específica de la plantilla.

Más adelante en este mismo post en la sección de complementos te explico cómo se utilizan los hooks.

Blog Page Header - Encabezado personalizado del blog

Blog Page Header te permite colocar una imagen en la cabecera de la página principal donde se muestran las últimas entradas del blog. Puedes ver más claro la configuración en la siguiente imagen. 

  • Paso 1 y 2: Debes ir al menú Apariencia>>Blog Page Header para acceder a la configuración de esta función que es muy sencilla.
  • Paso 3: Con el botón add or Upload File (añadir o subir imagen) puedes cargar una imagen desde la biblioteca de medios o subir una desde tu ordenador.
  • Punto 4: Aquí puedes ver una previsualización de la imagen cargada, te recomiendo cargar imágenes grandes ya que ocupará todo el ancho del encabezado, una resolución ideal sería no menor de 1060 pixels. 

Aquí puedes ver el resultado de forma clara, la imagen ocupa todo el ancho del encabezado. Recuerda, este ajuste es solo para la página principal del blog donde se listan las últimas entradas.

Nuevos módulos dentro del editor de entradas

Al instalar GP Premium y activar todos los complementos, el editor de WordPress contendrá nuevos módulos o cajas para activar o desactivar funciones, esto es muy útil porque podrás configurar de forma específica cada post. En la siguiente imagen te voy a describir cada módulo añadido.

  • Punto 1: El módulo Use Sections (Usar Secciones) si lo activas (Yes) podrás incluir secciones independientes al contenido del post para poner lo que quieras en cada una de ellas, puedes ver un ejemplo en la siguiente imagen.
  • Punto 2: El módulo Disable Elements (Desactivar elementos) es otra función muy útil ya que con ella podrás desactivar de forma independiente en cada entrada ciertos elementos que te detallo a continuación.
  • Header - Oculta o desactiva el encabezado.
  • Primary Navigation - Oculta o desactiva el menú principal.
  • Secondary Navigation - Oculta o desactiva el menú secundario.
  • Post Image / Post Header - Oculta o desactiva la imagen del post y la del encabezado.
  • Content Title - Oculta o desactiva el título del post.
  • Footer - Oculta o desactiva el pie de página.
  • Punto 3: Disposición de la barra lateral, aquí también puedes hacer varios ajustes para mostrar la barra en diferentes posiciones de forma independiente en cada post y son los siguientes:
  • Contenido / Barra lateral.
  • Barra lateral / Contenido.
  • Contenido / Sin barras laterales.
  • Barra lateral / Contenido / Barra lateral.
  • Barra lateral / Barra lateral / Contenido.
  • Contenido / Barra lateral / Barra lateral.
  • Punto 4: Widgets de pie de página, es otra opción interesante para mostrar estos módulos en el footer o no mostrarlos para nada y se puede hacer de forma independiente en cada entrada:
  • 0 Widgets - No muestra ninguna caja o módulo en el footer.
  • 1 Widgets - Muestra 1 caja o módulo en el footer.
  • 2 Widgets - Muestra 2 cajas o módulos en el footer.
  • 3 Widgets - Muestra 3 cajas o módulos en el footer.
  • 4 Widgets - Muestra 4 cajas o módulos en el footer.
  • 5 Widgets - Muestra 5 cajas o módulos en el footer.
  • Punto 5: Page Header (Encabezado de página) te permite insertar una imagen como encabezado del post de forma específica para cada entrada.
  • Punto 6: Integración con Page Builder, básicamente esta función lo que hace es ocupar todo el ancho del contenido del post. En las siguientes imágenes puedes apreciar la diferencia más claramente.

Velocidad + estética es igual a GeneratePress el theme para WordPress que cautivó a todos: mega tutorial (Parte 2)

Todavía hay más cosas que quiero contarte, pero para no extender demasiado este artículo aquí te dejo la segunda parte de este mega tutorial: Velocidad + estética es igual a GeneratePress el theme para WordPress que cautivó a todos: mega tutorial (Parte 2)

Preguntas frecuentes sobre GeneratePress

¿Este GeneratePress tutorial sirve si no sé programar?

Si. GeneratePress está diseñado para que cualquier persona, sin conocimientos de código, pueda crear una web profesional. Toda la configuración se realiza desde el Personalizador de WordPress, viendo los cambios en tiempo real. Para personalizaciones más avanzadas, el tema ofrece hooks y filtros, pero no son obligatorios para empezar.

¿Qué diferencia hay entre GeneratePress gratis y GP Premium?

La versión gratuita te da un tema ligero y rápido, ideal para empezar. GP Premium desbloquea 12 módulos adicionales (add-ons) que te permiten controlar tipografía, colores, diseño, hooks, menús avanzados y más. También incluye acceso a la biblioteca de sitios (Site Library) y soporte prioritario. Es una inversión única anual, no una suscripción mensual.

¿GeneratePress es compatible con Thrive Architect?

Sí. GeneratePress es totalmente compatible con Thrive Architect y el resto de plugins de Thrive Suite. De hecho, muchos usuarios y combinan ambos: usan GeneratePress como base del tema y Thrive Architect para diseñar páginas y landing pages de forma visual. Esta combinación ofrece velocidad y flexibilidad de diseño.

¿Este GeneratePress tutorial está disponible en varios idiomas?

GeneratePress está disponible en más de 20 idiomas y la comunidad sigue añadiendo traducciones. Si tu idioma no está incluido, puedes traducir el tema tú mismo usando archivos .po y .mo, o contribuir a la traducción oficial desde el repositorio de WordPress.

¿Este GeneratePress tutorial cubre el diseño responsive?

Significa que el tema se adapta automáticamente a cualquier tamaño de pantalla: móviles, tablets, portátiles y ordenadores de sobremesa. No tienes que crear versiones separadas para cada dispositivo. El diseño fluye según el ancho disponible, garantizando una experiencia de lectura óptima en todos los casos.

¿Puedo usar GeneratePress en varias webs con una sola licencia?

La licencia de GP Premium es para un número limitado de sitios, pero GeneratePress One (el pack completo) incluye licencia para hasta 500 sitios. Esto lo hace ideal para agencias, freelancers o cualquier persona que gestione varios proyectos. Si solo tienes una web, con la licencia individual es suficiente.

¿GeneratePress ralentiza mi web?

Al contrario. GeneratePress es conocido por ser uno de los temas más ligeros de WordPress. Su código está optimizado al máximo, sin scripts innecesarios ni dependencias externas. Esto se traduce en tiempos de carga muy bajos, lo que beneficia tanto a la experiencia de usuario como al SEO.

thrive suite

¿Buscas la plantilla más rápida y estable para WordPress? Deja de buscar.

GeneratePress no es un tema cualquiera. Es el que uso en proyectos donde la velocidad, el código limpio y la estabilidad son innegociables.
Con GP Premium (y el nuevo GeneratePress One) tienes:
  • Más de 60 starter sites para empezar en minutos.
  • Theme Builder para diseñar tu web sin código.
  • Licencia para hasta 500 sitios (ideal para agencias y múltiples proyectos).
  • Soporte prioritario con más de 10 años de experiencia.
  • 30 días de garantía: pruébalo sin riesgo.
Como dice Brian Jackson: "De e-commerce a blogs, es un tema que abarca todo".

"Si usas mi enlace, a ti te cuesta lo mismo y a mí me ayudas a seguir creando contenido gratuito. ¡Gracias!"

Tu lugar para Crear

Donde tus ideas toman forma

Aprende a dominar WordPress - Thrive Suite y GeneratePress con tutoriales prácticos y cursos gratuitos. Diseña páginas que convierten, construye embudos y haz crecer tu proyecto paso a paso.

¿Te ha gustado? Sigamos creando juntos.

Aquí tienes más contenido para seguir aprendiendo.

8 fortalezas de Genesis Framework que harán la diferencia en tu web
Kwik nuevo tema para Thrive Theme Builder a la velocidad de la luz
Velocidad + estética es igual a GeneratePress el theme para WordPress que cautivó a todos: mega tutorial (Parte 2)
¡Me encantaría saber qué piensas!
{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
thrive architect curso gratis

¿Quieres crear la web de tus sueños sin escribir ni una línea de código?

Con Thrive Architect puedes diseñar páginas profesionales arrastrando y soltando, desde el primer día y sin complicaciones. Te regalo mi Curso Completo de Thrive Architect en PDF (más de 400 páginas) para que lo domines paso a paso.