GeneratePress Review: Una de las mejores plantillas para WordPress

En esta review de GeneratePress quiero explicarte por qué es una de las mejores plantillas para WordPress en 2018.

¿Acabas de empezar con WordPress?

No tienes conocimientos técnicos pero quieres poder adaptar la web a tu gusto de forma sencilla e intuitiva.

¿Haces webs para clientes?

Necesitas un tema flexible que puedas adaptar a las necesidades de tus clientes(estructura, colores, tipografía…) sin tener que recurrir a modificar el código.

Con GeneratePress podrás cambiar la estructura y el estilo de la web desde el customizador de WordPress viendo todos los cambios en vivo.  Y para cosas más avanzadas puedes recurrir a los diferentes hooks que tiene la plantilla.

Si buscas una plantilla para WordPress que no te de problemas y que te lo ponga fácil, si duda GeneratePress es una opción que deberías de considerar.

Principales características de GeneratePress

generatepress-lightweight-responsive

Esta plantilla ha ganado popularidad bastante rápido ya que el autor Tom Usborne ha hecho las cosas muy bien. Ha creado una especie de Genesis 2.0.

Un tema rápido y ligero

Esta plantilla opta por un diseño sencillo que recuerda bastante las plantillas de Genesis framework. Es algo que ami personalmente me gusta. Pero a diferencia de Genesis cuenta con amplias opciones de personalización que explicaré más adelante.

No esta recargada de funcionalidades innecesarias, sus opciones de configuración se limitan a cambiar el aspecto y la estructura de la web. Esto permite mantener un rendimiento óptimo.

Gracias a su sistema modular de addons tu decides los que quieres utilizar. Desactiva los que no necesites para no consumir recursos extra.

Responsivo 100%

Hoy en día tu web se tiene que adaptar a los diferentes dispositivos móviles sí o sí. Y GeneratePress se adapta perfectamente a todos esos dispositivos móviles. Además, gracias a los addons puedes configurar la navegación en pantallas pequeñas.

Opciones como establecer un menú diferente para los dispositivos móviles, activar o desactivar el sticky menú, añadir un logo al menú, etc.

Haciendo esos ajustes mejoras la experiencia de usuario en dispositivos móviles y de escritorio.

Buena estructura HTML

El código de GeneratePress es limpio y sigue todas las buenas prácticas de WordPress Codex de forma que Google podrá leer perfectamente tu web e indexarla.

Además utiliza microdatos de schema.org que mejoran la comunicación con motores de búsqueda.

Compatible con los plugins más populares

GeneratePress funciona perfectamente con los plugins más populares como Woocommerce, bbPress o WPML entre otors. Además es compatible con la mayoría de los maquetadores visuales y los diferentes navegadores de internet.

Esto hace que puedas crear diferentes tipos de webs que usan unos plugin muy específicos.

Amplias posibilidades de customización

Sin duda uno de los puntos fuertes de esta plantilla. Y es algo que voy a explicar en detalle más adelante.

Gracias a lo fácil e intuitivo que resulta cambiar el aspecto estético de la plantilla la convierte en una opción ideal para los usuarios principiantes.

Todos los ajustes se hacen directamente desde los ajustes de personalización de WordPress o desde las opciones de página o post que estés editando. De forma que puedes ver los cambios en vivo.

Opinión de los usuarios

La opinión de los usuarios es siempre importante. Y la opinión que tienen los usuarios sobre GeneratePress no puede ser mejor.

GeneratePress optinion de los usuarios

Más de 100 mil instalaciones activas y una valoración media de 5 sobre 5 estrellas. Difícil de superar.

Otro dato importante, GeneratePress recibe una media de 1000 descargas al día, con picos de hasta 4000.

GeneratePress descargas diarias 2018

Esto indica claramente que hay muchos usuarios que optan por usar GeneneratePress para crear su página web.

GeneratePress Free vs Premium

La plantilla es gratuita, pero realmente todo el potencial que tiene está en los addons, y estos sí son de pago.

Por eso yo considero que realmente la plantilla es de pago, porque la versión free no te va dar para mucho. Te puede servir para hacer un blog básico pero hasta ahí.

Antes se podían comprar los addons por separado, pero eso ha cambiando y ahora solo tiene un plan de precios.

GeneratePress premium cuesta 39,95$ que son unos 35€.

Un precio bastante asequible si lo comparas con el precio que tienen las plantillas de ThemeForest, que en su mayoría cuestan unos 59$+IVA. La licencia es solo para una web y dan soporte durante 6 meses, si necesitas soporte pasado ese tiempo tienes que pagar otra vez.

Veamos lo que te ofrece la versión premium de GeneratePress en detalle.

Lo que ofrece GP Premium:

  • Los 14 addons y los nuevos que saquen.
  • Uso de licencia ilimitado: puedes usar GP premium en todas las webs que quieras tanto tuyas como de clientes. Ideal para diseñadores web.
  • Un año de soporte y actualizaciones: Recibirás todas las mejoras y corrección de errores más soporte en caso de que no te funcione algo durante 12 meses, después tienes que renovar la licencia para seguir recibiendo las nuevas actualizaciones y soporte.
  • Para siempre: una vez la compres la tendrás para siempre aunque no renueves al cabo de un año. No se te va borrar, ni desactivar ni nada. Simplemente si no renuevas la licencia no obtendrás las actualizaciones pero la podrás seguir usando igualmente.
  • Devolución 30 días: Si por lo que sea no te gusta la plantilla tienes 30 días para que te devuelvan tu dinero sin hacer preguntas.

Los precios y los planes han ido cambiando desde que salió por unos 30$, si no recuerdo mal.

GeneratePress Premium en detalle

Los addons son la clave del éxito de esta plantilla. En el siguiente vídeo te hablo de cada uno de ellos para que sepas que ofrece cada uno.

Para más información te recomiendo te recomiendo que le eches un vistazo a su web porque el vídeo ya tiene un tiempo y hay algunas cosas que han cambiado.

Colors

Los colores, seguramente es lo primero que empiezas a cambiar en una web. Un addon imprescindible que te permitirá adaptar los colores de cada elemento de tu web sin tocar nada de código.

Esto son los elementos a los que le puedes echar mano:

GeneratePress Colors Addon

Como ves las posibilidades las posibilidades de personalización de los colores son muy amplias. Incluso puedes cambiar los colores de los formularios.

Tipograhpy

La tipografía es otra parte importante de una web. Y para eso GeneteraPress no podía fallar tampoco. Con el addon de tipografía podrás hacer uso de Google Fotns y cambiar la fuente y el estilo de todos estos elementos:

  • Títulos de los post y páginas.
  • Establecer un tipo de fuente y estilo para cada etiqueta H1 H2 y H3
  • Los títulos y el texto de los widgets
  • La tipografía del menú.
  • El footer.

Básicamente puedes usar una tipografía diferentes para cada elemento de la web.

Sections

Este addon es uno de los más interesantes porque te permite maquetar tus páginas creando una serie de secciones con un estilo propio cada una. Te dejo un vídeo en cual explico cómo usar las secciónes.

A cada sección le puedes cambiar una serie de parámetros:

  • Cambiar el color de fondo.
  • El color de los enlaces y el texto
  • Establecer una imagen de fondo.
  • Usar el efecto parallax.
  • Añadir padding top y bottom.
  • Crear secciones de ancho completo.
  • Añadir custom css.

generatepress section addon

Dentro de las secciones no puedes usar maquetadores visuales tipo Visual Composer o Thrive Conten Builder ni tampoco dividir las secciones en columnas. Aunque para crear las columnas puedes usar un plugin desarrollado por el propio autor de la plantilla especialmente para eso.

Más abajo te voy te enseño los plugins recomendados para esta plantilla.

Ten en cuenta que solo cuentas con el editor de WordPress. Entonces para algo tan simple como añadir un botón no se puede hacer, salvo que lo crees uno desde cero tu mismo o uses algún plugin de shortcodes que te permita insertar uno.

En general considero que está bastante bien, pero los usuarios más novatos no le podrán sacar todo el potencial a las secciones.

Menu Plus

Te ofrece diferentes ajustes relacionados con el menú como por ejemplo activar el menú “pegajoso” o más conocido como sticky menú que se mantiene arriba cuando haces scroll.

Puedes añadir un logo al menú e incluso establecer un menú distinto en la versión móvil.

Otro vídeo más para que veas cómo se configura el menú.

Otra opción que me gusta bastante es el side-out menu No sé si has visto que en la versión móvil de algunas webs el menú se despliega desde un lateral. Este tipo de menú me parece mucho mejor para los dispositivos móviles que el típico que se abre en vertical con todos los elementos del menú.

Todas estas opciones combinadas permiten mejorar la usabilidad y la experiencia de usuario tanto en pantallas de escritorio como en las más pequeñas.

Por eso digo que es una de las plantillas que mejor se comporta en los diferentes tamaños de pantalla.

Page Header

Este addon me gusta bastante porque te permite crear una cabecera personalizada para cada pagina o post. Puedes poner desde una simple imagen de fondo hasta un vídeo. Insertar código HTML o utilizar shortcodes.

La mejor forma de que entiendas las posibilidades que ofrece page header es viendo este vídeo del desarrollador (o el mio que he puesto antes).

Con solo usar las opciones que tiene las posibilidades son enormes pero ten en cuenta que también puede meter shortcodes. O sea que todo lo que genere shortcodes lo puedes poner en el header: slides, galerías, botones… lo que sea.

Blog

Con un par de clics puedes ocultar los siguientes elementos de tus posts:

  • El autor
  • La fecha
  • Categorías
  • Comentarios
  • Tags
  • y más…

Además de eso puedes cambiar la forma de mostrar tus artículos. Como por ejemplo dividir el contenido en varias columnas o usar “mansroy layout” de forma que todos tus posts se van a ir cargando uno detrás de otro. Un sistema parecido al que utiliza Pinterest.

Y esto no es todo. Otra posibilidad que tiene es la de destacar el artículo mas reciente para que ocupe todo el ancho del blog.

La verdad es que es complicado explicar todo lo que ofrece, lo mejor es que veas el vídeo del principio donde explico cada addon.

Backgrounds

Es evidente de qué va la cosa. Básicamente te de posibilidad de cambiar el fondo a todos estos elementos:

  • Body
  • Header
  • Content
  • Sidebar Widgets
  • Footer Widget Area
  • Footer
  • Navigation
  • Navigation Item
  • Navigation Item Hover
  • Navigation Item Current
  • Sub-Navigation Item
  • Sub-Navigation Item Hover
  • Sub-Navigation Item Current

Esto no tiene mucha explicación pero solo la posibilidad de poner un fondo al menú y a los sub-elementos del mismo me parece fuera de lo normal.

Spacing

Este es un addon bastante interesante ya que permite cambiar el espacio (padding) que hay entre los diferentes elementos de la web. Esto es algo que yo no he visto en otras plantillas. Es algo bastante delicado que cuando empiezas a cambiar es probable que se descuadre algo en la web.

Con GeneratePress no tienes ese problema y es super fácil de ajustar el espaciado de cada elemento de la web.

Generate Spacing addon
Puedes cambiar el padding de todos estos elementos.

Secondary Nav

¿Necesitas un menú secundario? No hay problema.

Lo puedes colocar en diferentes posiciones y si dispones de los addons que he mencionado antes también podrás cambiar el colo, el espaciado y la tipografía del menú secundario.

Generate Secondary Nav addon

Estas son las posiciones y las opciones de configuración que tiene.

Copyright

Con este addon podrás modificar el texto del footer donde esta el copyright que trae el tema por defecto sin tener que tocar los archivos del tema.

copyright

Este campo permite usar HTML y shortcodes. Además cuentas con un par de variables que puedes usar:

%corrent_year% para que se actualice el año de forma automática.

%copy% para colocar el símbolo de copyright ©.

Disable Elements

Te permite ocultar la cabecera, el menú principal, menú secundario, imagen destacada del post, título la página o post y el footer. Estos ajustes sólo afectan a la página o posts que estés editando.

generatepress disable elements

Esto facilita muchísimo la creación de landing pages o también conocidas páginas de aterrizaje. Se utilizan mucho para captar suscriptores o para vender algún infoproducto o servicio.

Seguro que has acabado en un a de esas páginas donde no tienes “escapatoria”. Porque no te deja hacer otra cosa que o suscribirte/comprar algo o cerrar la ventana ya que no tienen ningún menú de navegación.

Entonces si vas a crear un blog tarde o temprano acabarás creando una de estas landing pages y con este addon lo tienes muy fácil.

Hooks

Esta es una opción para usuarios más avanzados que permite insertar tu propio código en diferentes áreas de la web. Puedes insertar texto plano, código HTML, scripts o código en PHP.

Estas son las áreas disponibles para insertar código:

  • wp_head
  • Before Header
  • Before Header Content
  • After Header Content
  • After Header
  • Before Content
  • After Entry Title
  • After Content
  • Before Right Sidebar Content
  • After Right Sidebar Content
  • Before Left Sidebar Content
  • AfterLeft Sidebar Content
  • Before Footer
  • Before Footer Content
  • wp_footer

Puede ser especialmente útil para insertar publicidad o el código de seguimiento de Google Analytics.

GeneratePress + WooCommerce

Esto era lo que le faltaba a esta plantilla. Antes no tenia nada para WooCommerece, lo dejaba tal como viene por defecto.

Pero eso ya es cosas del pasado, ahora GeneratePress cuenta con muchas opciones de configuración enfocadas a WooCommerce para que puedas crear tu tienda online usando esta plantilla sin problema.

Te dejo mi vídeo para que veas los ajustes que tiene.

Este addon lo que añade son algunas mejoras de estilo para la tienda junto con una serie de opciones que para adaptar WooCommerece a tu gusto.

Cosas que puedes hacer con el addon de WooCommerce:

  • Añade el carrito al menú, antes lo tenias que añadir mediante otro plugin. Tambien lo puedes ocultar si no lo quieres.
  • Mostrtar o ocultar las migas de pan.
  • Elegir la estructura de la página de la tienda con sidebar a la derecha, izquirda, con dos sidebar o sin sidebar.
  • Alineación de la imagen y texto: izquierda, centro y derecha.
  • Productos por página.
  • Ocultar la ordenación de productos.
  • ocultar el número de productos totales.
  • Ocultar el título del producto.
  • Ocultar el texto.
  • Ocultar el precio.
  • Ocultar las ofertas.
  • Ocultar la imagen del producto
  • etc.

Luego tienes más o menos las mismas opciones para la página de producto en sí.

Y además, también puedes cambiar el color y la tipografía de casi cualquier elemento de la tienda online.

En el caso de que no necesites nada esto que he comentado, simplemente no actives el addon y tendrás el WooCommerece por defecto.

Con este último addon ya puedes usar GeneratePress para crear una tienda online perfectamente.

GeneratePress + Elementor Page Builder

Elementor Page Builder

Como he dicho antes, GeneratePress funciona muy bien con los diferentes Page Builders que hay en el mercado, sobre todo con Elementor.

Elementor es un editor visual muy intuitivo, fácil de usar y gratuito, también cuenta con una versión premium. Y es una de mis herramientas principales en los proyectos que realizo.

Para más información sobre este plugin te recomiendo leer mi review sobre Elementor.

👉GeneratePress + Elementor es una combinación brutal!!🔥🔥

Por un lado tienes, una plantilla ligera sin estilos ni funcionalidades innecesarias, y por otro un editor visual potente que te permite darle forma al contenido de tu web sin tocar código.

Con esta combinación puedes hacer todo tipo de páginas web. Desde un sencillo blog, hasta webs para médicos, abogados, fotógrafos, web de noticias, portfolio e incluso tiendas online.

Actualmente esta combinación me parece una de las mejores que hay para crear tu página web.

Ejemplos de páginas web hechas con GeneratePress y Elementor

He creado un directorio sencillito donde los usuarios pueden enviar sus páginas webs hechas con GeneratePress de las cuales todas usan Elementor.

Directorio de webs hechas con GeneratePress

En la web podrás ver algunos ejemplos de páginas hechas con GeneratePress y que usan Elementor. También puedes añadir la tuya si quieres.

ir al sitio web

Test velocidad de cargar de GeneratePress 2.0

Como ya sabrás, la velocidad de carga es un factor importante  y las plantillas suelen ser uno de los factores que más incluyen en este aspecto.

Una de las principales mejoras de las versión 2.0 de GeneratePress la optimización de cara a la velocidad de carga.

Las pruebas las he hecho usando el hosting Pilvia con una instalación limpia de WordPress sin ningún plugin extra.

Es un hosting gratuito que va bastante bien, pero seguramente con un hosting de pago bueno obtendría mejores tiempos de carga.

PRUEBA UNO: solo la plantilla sin los addons.

volucidad de carga generatepress pingdom

volucidad de carga generatepress gtmetrix

Resultados: 

Los tiempos de carga variaban con cada prueba y es un dato que dependía mas de la respuesta del hosting que de otra cosa por lo que no lo tendría mucho en cuenta.

  • Número de peticiones: 11
  • Peso: 32.3 KB

PRUEBA DOS: Con todos los addons activados.

Resultados: como ves en las capturas de Pingdom y GTmetrix los datos apenas cambian.

  • Número de peticiones: 12
  • Peso: 33.8 KB

Viendo estos datos queda claro que es una plantilla ligera con la que podrás conseguir buenos tiempos de carga haciendo algunas optimizaciones.

Te dejo un post del autor en el cual explica cómo mejorar la velocidad de carga de GeneratePress.

GeneratePress, una plantilla para todos los públicos

Como ya has visto gracias a los addons las posibilidades son enormes.

Ventajas para principiantes

1# Gracias a que todo se configura desde las opciones de personalización ves los cambios en vivo, cosa que ayuda y agiliza el proceso de creación de tu web. Aunque seas un usuario principiante no debería de costarte mucho adaptar la plantilla a tu gusto.

2# Se ha convertido en un tema bastante popular y ya hay hasta comunidades de facebook solo sobre esta plantilla.

2# Una base sólida. Obtienes una plantilla versátil, ligera, y con una buena estructura HTML que ayudará al SEO de tu web.

Ventajas para diseñadores web

1# Ahorras tiempo. La mayoría de los ajustes estéticos los puedes hacer sin modificar el CSS a mano. Y en caso de tener que hacerlo al ser una plantilla con estilo sencillo hace que sea mucho más fácil de aplicar tu propio CSS.

Además de la flexibilidad que te da a la hora de modificar la estructura de la web: con sidebar, sin sidebar, con dos sidebar, con cabecera, sin cabecera, menú a la derecha, menú debajo de la cabecera… las posibilidades son enormes.

Sin olvidar los hooks con los que podrás insertar código de forma sencilla en determinados lugares de la plantilla.

2# Exporta tus diseños.  Has hecho unas pruebas en local y te ha gustado como ha quedado la web. Exporta ese estilo e importalo a otra web cuando quieras.

3# Licencia ilimitada. Como ya he dicho antes con una licencia puedes usar GP premium en todas tus web y en las de tus clientes.

Al ser un tema muy flexible resulta fácil adaptarlo a las necesidades de clientes. En la mayoría de los casos sin tocar código.

¿Y no tiene nada de malo?

Pues no sé que decirte… porque yo no le veo nada malo a destacar.  Sí que hay cosillas que se podrían mejorar pero no es nada importante.

Por ejemplo el addon de las secciones, yo nunca lo uso porque  es como un intento de maquetador pero muy básico, que no te permite ni crear columnas. Tienes que instalar otro plugin que el propio Tom ha creado.

Para algo sencillo está bien pero cualquier cosa un poco más avanzada ya a un usuario principiante le va costar.

No tiene ninguna demo que puedas importar ni nada por el estilo, pero es que la gracia de esta plantilla está precisamente en eso. Que te sirva como una base para hacer el diseño que tu quieras.

Me parece una plantilla de 💯, por lo menos para mi gusto y el uso que le doy.

¿Cómo instalar GP Premium?

GeneratePress es una plantilla gratuita pero la versión de pago o GP Premium es un plugin, que al instalarlo desbloquea todas las funcionalidades que hacen tan especial esta plantilla.

Al ser un plugin algunos usuarios se confunden y lo intentan instalar como si fuera plantilla, y claro, les da error. Ya me he encontrado con varios casos así.

Tienes que instalar GeneratePress Premium como un plugin.

Una vez instalado tienes que ir a Apariencia-> GeneratePress donde tienes que activar tu licencia junto con los addons que vayas a usar

Plugins complementarios del autor

Tom(el autor de la plantilla) también ha creado una serie de plugin que son un buen complemento de la plantilla. Te dejo el listado por si le quieres echar un vistazo.

Lightweight Grid Columns

lightweight-grid-columns

Te acuerdas de que en las secciones no se podía crear columnas… Bueno pues este plugin permite hacer exactamente eso.

Crea columnas adaptadas a móviles (responsive) mediante shortcodes e inserta el contenido que quieras dentro.

Ir al plugin


Lightweight Social Icons

Lightweight Social Icons

Enlaces a las redes sociales es algo que no puede faltar en ninguna web. Lightweight Social Icons te permite insertar en un widget los iconos de tus redes sociales.

Les puedes cambiar el color, la alineación, hacer que los enlaces se abran en una nueva ventana, etc. Yo lo utilizo en el sidebar de este blog.

Ir al plugin


WP Show Posts

wp-show-posts

Un plugin muy sencillo y ligero que te permite mostrar las últimas entradas de tu blog donde quieras mediante un shortcode.

Ir al plugin


Antes de mi opinión final te dejo una infografía sobre GeneratePress que resume sus principales características.

Infography GeneratePress #WordPress Theme

Opinión final sobre GeneratePress

Mi opinión final es que es una plantilla excelente que roza la perfección. Es una buena opción tanto para usuarios novatos como para profesionales. Sus opciones de configuración y sus addons permiten crear webs muy diferentes y sin tener que modificar el código de la plantilla en la mayoría de los casos.

Para ver webs hechas con GeneratePress entra en el foro, donde los usuarios comparten las webs que han creado con esta plantilla. También te puede servir para coger ideas para tu web.

No te puedo decir mucho más, yo estoy encantado. Te animo a que la pruebes porque por el precio que tiene no supone una gran inversión y a las muy malas siempre puedes pedir una devolución.

En mi canal de YouTube tengo subidos varios tutoriales sobre la plantilla, por si les quieres echar un vistazo te dejo el enlace a la lista de reproducción.

Espero que te haya sido útil este análisis sobre GeneratePress.

Déjame en los comentarios tu opinión o dudas que tengas, quiero saber qué te parece esta plantilla.

[Total:3    Promedio:5/5]

Sergio Kolomiychuk

Autodidacta, apasionado del WordPress, marketing y las nuevas tecnologías. Me encantan las webs limpias con buena usabilidad y es lo que ofrezco a mis clientes. Comparto lo aprendido en el blog para ayudar a otras personas a crear una web profesional. 

¡Suscríbete al blog!

Te mandaré algún email con cositas que te puedan servir para mejorar tu blog. 

Shut up and take my money !!!

fry-coge-mi-dinero

¿Dónde te mando los accesos al Área Privada?