Redux Framework: Plantillas y Diseños para Gutenberg

Categorias: Wordpress

Redux Framework: Plantillas y Diseños para Gutenberg

El editor Gutenberg de WordPress ayuda mucho a diseñar páginas web con su sistema de bloques, pero por lo general, hay que empezar de cero, con una plantilla muy básica.

Con el plugin Gutenberg Template and Pattern Library & Redux Framework, podrás acceder a plantillas, diseños y patrones para usarlos con el sistema de bloques de Gutenberg. Veamos cómo funciona.

 

¿Qué es Redux Framework?

Redux Framework es una biblioteca de código abierto y gratuita que se utiliza para desarrollar temas y plantillas en WordPress.

Esta biblioteca se basa en la popular biblioteca de aplicaciones JavaScript, Redux, que se integra fácilmente en los themes y plugins de WordPress.

Redux Framework se ha convertido en una de las bibliotecas más populares para desarrollar paneles de opciones en WordPress.

Esto se debe a que Redux Framework facilita el desarrollo de paneles de opciones personalizados en WordPress y también proporciona una experiencia de usuario mejorada y más intuitiva.

Con Redux Framework, los desarrolladores de temas y plugins de WordPress pueden crear paneles de opciones de manera rápida y sencilla, lo que permite a los usuarios personalizar fácilmente su sitio web.

Los paneles de opciones pueden incluir estilos CSS, opciones de diseño y opciones de funcionalidad y se pueden diseñar para que sean fáciles de usar para el usuario final.

 

Plugin Gutenberg Template and Pattern Library & Redux Framework

plugin redux framework wordpress

El plugin Gutenberg Template and Pattern Library & Redux Framework se encuentra disponible en el repositorio de plugins de WordPress, así que puedes instalarlo de la manera habitual.

Pero si quieres, también puedes descararlo desde aquí para instalarlo de manera manual.

Una vez instalado y activado el plugin, verás que tienes el plugin instalado y en el apartado Ajustes > Redux en el que puedes activar un Modo Demo con la plantilla GeneratePress como ejemplo, para que veas todo lo que puede hacer Redux.

Pero no es necesario que lo pruebes ni actives, pero si lo ves ahí que sepas que se ha instalado al instalar el plugin.

redux framework demo redux

Una vez instalado el plugin tendremos acceso a más de 1000 plantillas para utilizar con los bloques de Gutenberg.

Antes de usar las plantillas podemos hacer una previsualización de cada una de ellas para ver cómo queda y si se ajusta a nuestras necesidades.

El plugin se integra con el propio editor Gutenberg, se ha creado con este fin, así que se puede acceder a las plantillas directamente desde el propio editor.

Está instalado en más de un millón de WordPress, así que se trata de un plugin muy usado y testeado por los usuarios.

Puedes buscar plantillas por categorías o páginas, por ejemplo, la home, una galería, la página de «Quiénes somos» etc…

Si estás preocupado de que las plantillas no funcionen con tu tema, no te preocupes, ya que se adaptan al estilo de tu tema para ajustarse al diseño de tu web como si de un bloque más se tratara.

 

Cómo Funciona el Plugin Redux Framework

Si algo se caracteriza a los plugins que ofrecen plantillas prediseñadas en WordPress es su facilidad de uso y Redux Framework no es una excepción.

Una vez instalado y activado el plugin, sólo tienes que acceder a una página, entrada o crear algo nuevo, como quieras, pero siempre en Gutenberg.

Verás que tienes un botón superior en el editor llamado Desing Library.

redux framework desing library

En cuanto pulses el botón verás que se abre un popup con las plantillas y diseños que puedes utilizar.

Verás que en la parte izquierda puedes seleccionar el tipo de industria en la que se basará la plantilla, gimnasios, restaurantes, club, etc…

En la parte inferior verás que puedes elegir entre Patterns y Templates y un poco más abajo el tipo de página, como galería, home, servicio, o equipo.

redux framework galería plantillas

Solo tienes que elegir la que más te guste y seleccionarla para añadirla a editor de Gutenberg, así de fácil.

redux framework ejemplo plantilla editor

A partir de aquí ya puedes empezar a editar la plantilla con el contenido que quieres y como se trata de un bloque, puedes agruparlo, desagruparlo o cambiarlo de sitio como te parezca mejor.

Todo es muy sencillo y visual, aunque como suele pasar en estos casos, algunas de las plantillas sólo estarán disponibles en la versión PRO (de pago) del plugin.

 

Compatibilidad con las Plantillas de WordPress

Los desarrolladores del plugin indican que es compatible con cualquier theme que use Gutenberg como editor, o sea, prácticamente todas las plantillas actuales.

Aun así y siendo conscientes de que hay algunas plantillas especialmente utilizadas en el diseño personalizado de WordPress, comentan que ha trabajado duro para hacerlo aún más compatible con algunos de estos temas:

Hay muchos más que puedes revisar en la página del plugin en WordPress.org, ya que van añadiendo nuevos themes.

En este aspecto hemos probado la opción de OceanWP con su plugin y es posible añadir las platillas del plugin Redux, en la biblioteca del tema, pudiendo utilizarla en cualquier sitio con un simple shortcode.

redux framework oceanwp biblioteca

Cosas a Tener en Cuenta

El plugin Gutenberg Template and Pattern Library & Redux Framewor funciona perfectamente y como indican, siendo lo mejor de todo la facilidad de uso que ofrece Redux Framework y su integración en WordPress.

Si necesites un hosting con WordPress que pueda mover con soltura todos estos plugins y plantillas, cualquiera de nuestros alojamientos WordPress te servirán, además, incluyen el servidor web LiteSpeed, para que vaya aún más rápido.

Hosting WordPress