Buscar

Themes para WordPress

GeneratePress: un tema destacado para WordPress

GeneratePress 01

GeneratePress es una de las mejores recomendaciones de temas para WordPress porque es rápido, gratis y altamente personalizable desde el Personalizador (encabezado, colores, fuentes, pie de página y 6 áreas de widget). Puedes instalarlo por Apariencia > Temas > Nuevo y es recomendable tener un tema hijo para preservar cualquier cambio de CSS/PHP que hagas con cada actualización.

GeneratePress

Y si hay un tema gratuito destacado para WordPress, éste es por completo, GeneratePress.

De hecho, de los muchos miles de temas disponibles en el repositorio oficial, GeneratePress ha demostrado ser uno de los mejores por sus propios méritos.

Este tema desde su lanzamiento ha conseguido más de 100.000 instalaciones activas y una gran cantidad de seguidores que le dan 5 estrellas. Con complementos como WooCommerce y Elementor las posibilidades de crecimiento son infinitas.

¿Por qué se considera el tema GeneratePress uno de los mejores temas de WordPress? ¿Por qué este tema ha resultado ser tan popular? En las siguientes líneas voy a dar respuestas a estas preguntas.

Qué es GeneratePress y cuáles son sus características

GeneratePress es un tema de WordPress gratuito con una versión premium mejorada. Modelo de negocio que ofrece una versión gratuita y otra de pago significa que es un tema gratuito con una versión de pago mejorada.

La versión de pago ofrece algunas extensiones de diseño bastante intrigantes. En otras palabras, no es en realidad un nuevo tema sino un complemento que funcionará por encima del tema gratuito que se encuentra en el repositorio.

GeneratePress fue desarrollado en 2014 por el desarrollador canadiense Tom Usborne con la intención de desarrollar un tema flexible, rápido y altamente funcional.

A primera vista parece ser muy similar al esquema estándar del tema Genesis Framework debido a su simplicidad y diseño. Es un tema ligero y veloz.

Este tipo de edificio ayuda por ejemplo en la versión premium a desactivar todos esos módulos que no necesitas y así aligerar su carga. La velocidad es todo en el mundo de hoy y tener tu sitio web alojado en un servidor con WordPress instalado te ayudará en los motores de búsqueda.

GeneratePress

En cuanto al diseño, GeneratePress se integra perfectamente con el Personalizador de WordPress. Quizás sea el más completo que hayas visto hasta ahora. En la versión gratuita permite hacer un número ilimitado de ajustes:

  • Diferentes estilos de cabecera (posición del logo)
  • Ajustes del menú de navegación
  • Estructura del contenedor de la web (columnas y contenido)
  • Colores
  • Tipografías (incluye Google fonts, variantes, pesos, interlineados…)
  • Pie de página (nº de widgets, estilos y estructura)

GeneratePress tiene en total 6 zonas de widgets; dos de ellas en el encabezado, 2 en el pie de página y otras 2 más en las columnas laterales. Una de las formas más creativas que puedes usar esta diversidad de zonas es poner banners de cualquier servidor de anuncios como quieras.

GeneratePress tiene una muy buena compatibilidad con Gutenberg, el nuevo editor de bloques que se introdujo en lugar de TinyMCE en WordPress 5+. Se considera uno de los temas más compatibles con él.

Ahora cada vez que creas un nuevo blog o publicación web tienes la posibilidad de personalizar el diseño de la pantalla con cosas como los laterales, los widgets e incluso ocultar cosas como el título de la publicación. Incluso hay más opciones si utilizas la versión premium del tema.

GeneratePress

No hay otra forma de que sea algo más que un tema receptivo que se vea bien en cualquier dispositivo. No olvides que en cuanto a la optimización para los motores de búsqueda es crucial que tu sitio web tenga una versión optimizada para móviles. Es uno de los factores más decisivos de SEO.

También incluye esquemas los cuales son microdatos que te ayudarán a posicionarte mejor en los resultados de búsqueda de Google y lo harán más atractivo al mismo tiempo. Estos son microdatos que indican de qué tipo de contenido dispones y Google es capaz de reconocerlos y utilizarlos de diferentes maneras como listas y horarios entre otros.

GeneratePress

Otro aspecto que no se debe olvidar es su compatibilidad comprobada con plugins como Elementor, WooCommerce, EDD, BuddyPress, bbPress o WPML, entre otros. Más adelante hablaré un poco de algunos de estos ejemplos.

En caso de que hayas buscado GeneratePress en Google, seguramente te has encontrado con un problema relacionado con la disponibilidad de los íconos de Font Awesome. Desde diciembre de 2018 esta función ya no está disponible pero puedes restaurarla con plugins como Better Font Awesome.

Es bueno que los desarrolladores sepan que hay muchos filtros y acciones en GeneratePress. Podrás implementar tus propias funciones y cambiar el comportamiento de WordPress en muchos casos. Es agradable encontrar el gancho justo donde lo necesitas.

La accesibilidad es un tema que cada vez más diseñadores tienen presente. En este sentido, te alegrará saber que GeneratePress cumple con los estándares de las guías de accesibilidad WCAG 2.0.

En conclusión, me gustaría mencionar dos cosas más con respecto a las claves de GeneratePress.

  1. El primero es la alta frecuencia de actualización de este tema, que te asegura estar siempre a la última y sin fallas de seguridad.

Recuerda que mantener tu tema perfectamente actualizado es uno de los aspectos más determinantes que debes tener en cuenta para mantener tu sitio web con WordPress seguro.

  1. El segundo es la estupenda documentación de que dispone, con centenares de artículos listos para ti en la base de conocimiento oficial de GeneratePress.

Además de la documentación estática que proporciona GeneratePress, existe un foro de soporte donde incluso puedes llegar a encontrar a Tom Usborne, quien es el líder del proyecto.

GeneratePress

¿Es tan rápido GeneratePress como dicen?

Por supuesto, depende de cómo hagas la prueba, pero sí, es realmente rápida. Especialmente porque usa menos peticiones en comparación con las demás.

Ahora puedes comparar los datos recolectados a través de las herramientas de Pingdom con los siguientes temas:

  • NEBlue (similar estéticamente)
  • Sample Theme de Genesis Framework (tema de ejemplo)
  • Generate Press

Los 3 pruebas se han realizado en el sitio utilizando los mismos materiales de prueba y alojadas en Raiola.

GeneratePress
GeneratePress
GeneratePress

El tamaño de la página en la versión de Genesis será más pequeño de lo que está acostumbrado. Tenga en cuenta que con el tema de ejemplo de este marco no habrá imágenes destacadas.

Sin considerar este aspecto, uno se daría cuenta de que GeneratePress hace menos peticiones que otros temas y también tiene una velocidad de carga impresionante.

Para ser sincero, no es un mal lugar para empezar.

Cómo instalar GeneratePress paso a paso

La instalación de GeneratePress es extremadamente sencilla. Todo lo que tienes que hacer es ir a tu Panel de WordPress > Apariencia > Temas > Agregar nuevo y buscar GeneratePress en la casilla de búsqueda del repositorio.

GeneratePress
GeneratePress

GeneratePress también se puede descargar desde el repositorio y subir usando el botón Subir Tema en el mismo camino anterior.

Si planeas modificar los estilos del tema o agregar nuevas funcionalidades (y seguramente lo harás en el futuro) te aconsejo que instales un tema hijo.

Tener un tema hijo te permitirá incluir tu propio código CSS en el archivo style.css o PHP en el archivo functions.php de GeneratePress y evitará que sea borrado cuando lleguen futuras actualizaciones.

Los temas de WordPress se actualizan con bastante asiduidad por cuestiones de seguridad o de nuevas funcionalidades. GeneratePress, en particular, lo hace con frecuencia. Un tema modificado perdería los cambios efectuados con una actualización de este tipo.

Puedes crear tu propio tema hijo para GeneratePress como lo harías con cualquier otro tema de WordPress. Alternativamente puedes usar el tema hijo limpio proporcionado por el equipo de GeneratePress (el enlace de descarga va a aparecer).

Cómo instalar GeneratePress ChildTheme paso a paso

En el sitio web de GeneratePress el proceso de instalación del tema hijo para GeneratePress está detallado paso a paso y con un inglés impecable como siempre.

Para lograrlo, descarga el tema hijo GeneratePress, el cual ellos han creado especialmente para este propósito. Instálalo en tu sitio de WordPress usando el botón Subir Tema que se encuentra debajo del Panel de WordPress > Apariencia > Temas > Nuevo. Recuerda activar tu nuevo tema después de la instalación.

GeneratePress

Desde entonces el tema hijo tomará los atributos de GeneratePress y podrás hacer modificaciones a su código sin ser afectado por las actualizaciones que se hagan al tema padre.

GeneratePress

Cómo configurar Generate Press

Con el tema hijo de GeneratePress activado ahora es el momento de darle el estilo que tú prefieras.

De acuerdo con las pautas recomendadas de WordPress sobre estilos, GeneratePress utiliza el Personalizador en la sección Apariencia>Personalizar para todos sus aspectos visuales.

GeneratePress

Además de la conexión entre módulos premium, GeneratePress reúne todas tus opciones personalizadas en las siguientes pestañas: Diseño de Pantalla, Colores y Tipografía.

Diseño de pantalla

Este es el lugar donde se crea el marco visual de tu sitio web. Elementos como.

  • la anchura que el contenido ocupa en el navegador;
  • la distribución y el orden en la cabecera del título del sitio y el menú de navegación;
  • la alineación del menú principal;
  • la cantidad de barras laterales en la home, blog y entradas (por separado);
  • el número de widgets en el pie de página y su alineación;
  • si deseas mostrar en el blog extractos o entradas completas
  • o la presencia del buscador en el menú principal o de un botón de «subir arriba» en la parte inferior de tu web.

Colores

Hay una opción para establecer el color de fondo, el texto, los enlaces (activos, al pasar el cursor y visitados) y el título. Por último puedes establecer el color de fondo del menú de navegación.

Tipografías

Esto definitivamente es una de las secciones más completas. GeneratePress tiene muchas fuentes de Google que se suman a las que ya están en el sistema. La diversidad es bastante notable.

Es posible definir estos tipografías tanto para el cuerpo como para los encabezados de tu sitio (h1, h2 y h3). Para todos ellos puedes establecer las variantes de la familia de tipografías a utilizar, el peso, el tamaño, la altura de línea y el margen del párrafo. También tendrás la opción de elegir entre diferentes transformaciones: mayúsculas, minúsculas o con el caso de título.

El siguiente video le mostrará justo lo sencillo y rápido que es todo el proceso de instalación del tema, el tema hijo y los ajustes en el Personalizador.

Módulos premium

Si las opciones con GeneratePress son muy atractivas, te volverás loco con la versión premium de este tema.

La edición premium se puede adquirir pagando $49.95 al momento de la publicación de este artículo. Es importante mencionar que podrás utilizar GeneratePres Premium en un número ilimitado de sitios web y que el costo de renovación es un 40% más barato que el original por año.

GeneratePress Premium viene con 14 módulos adicionales extremadamente completos que te ayudarán:

  • Importar diseños preconfigurados.
  • Aumentar la variedad del módulo de colores hasta 60 opciones diferentes.
  • Realizar ajustes tipográficos mucho más precisos, incluyendo menús y widgets.
  • Añadir heros a tu diseño y cualquier elemento dinámico con un gestor de hooks increible.
  • Personalizar tu tienda con WooCommerce (barras laterales, colores, datos a mostrar, precios, ofertas…).
  • Edición visual de menús.
  • Mayores opciones de configuración del blog.
  • Ajustes en fondos, paddings y márgenes, secciones, visibilidad de elementos, copyright del pie y mucho más.

A medida que vemos que el número de opciones sigue aumentando podemos personalizar nuestro sitio web justo como lo hemos planeado.

GeneratePress con otros plugins

No es solo GeneratePress el que mantiene funcionando Internet. No cabe duda de que ya estás utilizando muchos otros complementos en tu sitio web que proporcionan otras funcionalidades. GeneratePress se jacta de la compatibilidad con varios muy populares ajustándose para poder afectarlos visualmente.

GeneratePress + Elementor

GeneratePress

La pareja caliente de la ciudad tiene que ser GeneratePress y Elementor. El popular constructor de páginas visuales gratuito y su versión Pro se integran sin problemas con tu nuevo tema.

Mientras que GeneratePress te permite determinar cómo deben verse el encabezado, el pie de página, el lateral y el contenido, Elementor te permite determinar cómo debe verse cada elemento dentro de ese contenido.

Tenga en cuenta que también existe una opción con Elementor que te permite construir plantillas las cuales luego se incrustarán en tu sitio web a través de códigos cortos. Como ya se mencionó anteriormente, GeneratePress ofrece un gran número de áreas de widget (no solamente los laterales) y ganchos donde puedes incrustar tus plantillas.

Esto podría en realidad servir como un ejemplo de una estrategia de trabajo en equipo ya que te permite mantener las ventajas de la correcta utilización del esquema marcado, junto con la utilización de los ganchos que ofrece GeneratePress. No podrías hacerlo de otra manera (como cuando diseñando un plantilla usando el lienzo de Elementor).

Antes de empezar a usar Elementor ten presente que este plugin es capaz de heredar algunos ajustes de GeneratePress.

  • Si desactivas las fuentes y colores por defecto de Elementor, éste utilizará los que hayas definido en el tema.
  • Recuerda también definir en ambos el mismo ancho de pantalla. De esa forma ahorrarás mucho tiempo al crear tus páginas.
GeneratePress

La próxima pareja exitosa es la que completa WooCommerce. Como sabes, WooCommerce es el plugin más popular para administrar tiendas en línea usando WordPress.

El software WooCommerce ofrece un paquete para realizar transacciones en línea que incluye: una galería de productos, un inventario de productos, un carrito de compras,un pasarela de pago y un servicio de gestión de pedidos. Lo mejor de todo es que es totalmente gratis!

Existe una amplia gama de extensiones de WooCommerce disponibles que proporcionan una gran cantidad de funcionalidad adicional, ya sea gratuitas o de pago.

La solicitud más frecuente es cambiar el estilo de las páginas de venta, las páginas de productos o incluso el carrito de compras de WooCommerce. Con GeneratePress este problema se puede solucionar si se utiliza la versión premium ya que existe un módulo dedicado para WooCommerce.

Este módulo te permite alterar los estilos así como ocultar ciertos elementos como: productos relacionados, descripción corta, banderines de oferta, metadatos y alterar la estructura de los plantillas, etc.

Combinándolo con Elementor tendrás la opción de cambiar la estructura del contenido de la página del producto lo cual es muy necesario para los dueños de las tiendas en línea.

GeneratePreess + WPML

GeneratePress

Uno de los plugins más utilizados para WordPress que te permite tener un sitio web en varios idiomas es el plugin WPML multilingüe.

Este es un plugin bastante intrincado y profundo; no se recomienda para principiantes. Ayuda a administrar las traducciones de cadenas de texto que son dependientes del tema, del plugin, del menú y del widget.

Existen algunos temas que no son compatibles con WPML. Pero GeneratePress ha sido probado y no debería haber ningún problema.

En realidad, puedes usar sin problema todos estos plugins a la vez con GeneratePress: Elementor, WooCommerce y WPML. Las posibilidades no tienen límite.

Sin embargo, como ya sabes ahora, no es tan fácil instalar un plugin de WPML. Por lo tanto, te sugiero que sigas esta guía de instalación de WPML para WordPress.

GeneratePress + bbPress

GeneratePress

¿Estás interesado en crear un foro en línea a través de WordPress? Entonces bbPress es lo que necesitas, es el mejor plugin para desarrollar comunidades en línea en forma de foros.

¡Vaya, qué sorpresa! GeneratePress funciona muy bien con bbPress. De hecho, funciona tan bien que los foros de soporte de GeneratePress sobre este tema en particular se manejan usando el propio plugin. No se requiere ningún elemento adicional, solo un poco de CSS. ¿No es increíble?

GeneratePress

Hay más información sobre bbPress en esta comparación de plugins para foros de WordPress.

Conclusiones

Si tuviera que elegir un tema hoy teniendo en cuenta los posibles visuales frente al tiempo de carga yo no dudaría y elegiría GeneratePress.

Él ha podido determinar por sí mismo que este es un tema rápido; de hecho, muy rápido. Ofrece un alto potencial de personalización. Tiene un buen alcance especialmente en su versión premium. Además, es totalmente compatible con algunos de los plugins más importantes (los completa en cuanto a personalización).

Teniendo en cuenta todos estos factores es una buena opción para las personas que están buscando el tema para su página web.

Puedes probarlo gratis y si se te hace necesario puedes gastar algo de dinero en la versión premium. Por menos de 50 dólares, en mi opinión, no puedes conseguir nada mejor.

Y tú, ¿lo has probado? ¿Qué opinas de GeneratePress? Comparte tus pensamientos para toda la comunidad de SevenSerp en los comentarios abajo o en las redes sociales.

Preguntas Frecuentes

¿Dónde puedo descargar GeneratePress gratis?

Obtén este tema directamente desde el directorio oficial de WordPress a través de Apariencia > Temas > Nuevo o incluso en wordpress.org/tema/generatepress. La versión gratuita tiene todo lo que necesitas para publicar contenido pero los módulos de encabezado, ganchos y las características de refinamiento de diseño vienen en la versión de pago. Descargarlo de otros sitios es solo una pérdida de tiempo.

¿Hay algún ejemplo o demo de GeneratePress para verlo antes de instalarlo?

Sí, existe una demostración con el tema base junto con algunos otros diseños de plantillas predeterminadas en su sitio web oficial. Puede valer la pena echarle un vistazo ya que es bastante posible que la mayoría de las plantillas utilicen el complemento premium llamado GP Premium y los bloques GenerateBlocks.

¿El código de GeneratePress está en GitHub?

¡Absolutamente! El repositorio de GitHub para el tema público se encuentra en github.com/tomusborne/generatepress, junto con el historial de todas las versiones. Este repositorio está pensado para la revisión de código así como para reportar problemas o proponer cambios al código. El plugin GP Premium y el tema hijo no son productos de código abierto.

¿Merece la pena pagar GeneratePress Premium o me quedo con la versión gratuita?

Esto depende de cuánto personalices el diseño. La versión gratuita es buena para un blog básico mientras que el plan anual cuesta $59 por un sitio web y viene con ganchos, plantillas, fuentes y opciones de encabezado que te ahorrarán la instalación de cualquier plugin.

¿Te ha resultado útil? Valora este artículo

Sé el primero en valorar este artículo.

Deja un comentario

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