{"id":42190,"date":"2023-03-16T09:20:11","date_gmt":"2023-03-16T07:20:11","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=42190"},"modified":"2023-03-15T15:40:48","modified_gmt":"2023-03-15T13:40:48","slug":"redux-framework-plantillas-y-disenos-para-gutenberg","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/redux-framework-plantillas-y-disenos-para-gutenberg\/","title":{"rendered":"Redux Framework: Plantillas y Dise\u00f1os para Gutenberg"},"content":{"rendered":"
<\/div>

\"Redux<\/p>\n

El editor Gutenberg<\/strong> de WordPress ayuda mucho a dise\u00f1ar p\u00e1ginas web con su sistema de bloques, pero por lo general, hay que empezar de cero, con una plantilla muy b\u00e1sica.<\/p>\n

Con el plugin Gutenberg Template and Pattern Library & Redux Framework<\/strong>, podr\u00e1s acceder a plantillas, dise\u00f1os y patrones para usarlos con el sistema de bloques de Gutenberg. Veamos c\u00f3mo funciona.<\/p>\n

 <\/p>\n

\u00bfQu\u00e9 es Redux Framework?<\/h2>\n

Redux Framework<\/strong> es una biblioteca de c\u00f3digo abierto y gratuita<\/strong> que se utiliza para desarrollar temas y plantillas en WordPress.<\/p>\n

Esta biblioteca se basa en la popular biblioteca de aplicaciones JavaScript, Redux<\/strong>, que se integra f\u00e1cilmente en los themes y plugins de WordPress.<\/p>\n

Redux Framework<\/strong> se ha convertido en una de las bibliotecas m\u00e1s populares para desarrollar paneles de opciones en WordPress<\/strong>.<\/p>\n

Esto se debe a que Redux Framework facilita el desarrollo de paneles de opciones personalizados en WordPress<\/strong> y tambi\u00e9n proporciona una experiencia de usuario mejorada y m\u00e1s intuitiva.<\/p>\n

Con Redux Framework, los desarrolladores de temas y plugins de WordPress pueden crear paneles de opciones de manera r\u00e1pida y sencilla, lo que permite a los usuarios personalizar f\u00e1cilmente su sitio web.<\/p>\n

Los paneles de opciones pueden incluir estilos CSS, opciones de dise\u00f1o y opciones de funcionalidad y se pueden dise\u00f1ar para que sean f\u00e1ciles de usar para el usuario final<\/strong>.<\/p>\n

 <\/p>\n

Plugin Gutenberg Template and Pattern Library & Redux Framework<\/h2>\n

\"plugin<\/p>\n

El plugin Gutenberg Template and Pattern Library & Redux Framework<\/strong> se encuentra disponible en el repositorio de plugins de WordPress, as\u00ed que puedes instalarlo de la manera habitual.<\/p>\n

Pero si quieres, tambi\u00e9n puedes descararlo desde aqu\u00ed<\/a><\/em> para instalarlo de manera manual.<\/p>\n

Una vez instalado y activado el plugin, ver\u00e1s que tienes el plugin instalado y en el apartado Ajustes > Redux<\/strong> en el que puedes activar un Modo Demo<\/strong> con la plantilla GeneratePress<\/strong> como ejemplo, para que veas todo lo que puede hacer Redux.<\/p>\n

Pero no es necesario que lo pruebes ni actives, pero si lo ves ah\u00ed que sepas que se ha instalado al instalar el plugin.<\/p>\n

\"redux<\/p>\n

Una vez instalado el plugin tendremos acceso a m\u00e1s de 1000 plantillas para utilizar con los bloques de Gutenberg.<\/p>\n

Antes de usar las plantillas podemos hacer una previsualizaci\u00f3n de cada una de ellas para ver c\u00f3mo queda y si se ajusta a nuestras necesidades.<\/p>\n

El plugin se integra con el propio editor Gutenberg, se ha creado con este fin, as\u00ed que se puede acceder a las plantillas directamente desde el propio editor.<\/p>\n

Est\u00e1 instalado en m\u00e1s de un mill\u00f3n de WordPress, as\u00ed que se trata de un plugin muy usado y testeado<\/em> por los usuarios.<\/p>\n

Puedes buscar plantillas por categor\u00edas o p\u00e1ginas, por ejemplo, la home<\/em>, una galer\u00eda, la p\u00e1gina de \u00abQui\u00e9nes somos\u00bb<\/em> etc…<\/p>\n

Si est\u00e1s 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\u00f1o de tu web como si de un bloque m\u00e1s se tratara.<\/p>\n

 <\/p>\n

C\u00f3mo Funciona el Plugin Redux Framework<\/h2>\n

Si algo se caracteriza a los plugins que ofrecen plantillas predise\u00f1adas en WordPress es su facilidad de uso<\/strong> y Redux Framework no es una excepci\u00f3n.<\/p>\n

Una vez instalado y activado el plugin, s\u00f3lo tienes que acceder a una p\u00e1gina, entrada o crear algo nuevo, como quieras, pero siempre en Gutenberg.<\/p>\n

Ver\u00e1s que tienes un bot\u00f3n superior en el editor llamado Desing Library<\/strong>.<\/p>\n

\"redux<\/p>\n

En cuanto pulses el bot\u00f3n ver\u00e1s que se abre un popup<\/em> con las plantillas y dise\u00f1os que puedes utilizar.<\/p>\n

Ver\u00e1s que en la parte izquierda puedes seleccionar el tipo de industria<\/em> en la que se basar\u00e1 la plantilla, gimnasios, restaurantes, club, etc…<\/p>\n

En la parte inferior ver\u00e1s que puedes elegir entre Patterns<\/strong> y Templates<\/strong> y un poco m\u00e1s abajo el tipo de p\u00e1gina<\/strong>, como galer\u00eda, home, servicio, o equipo.<\/p>\n

\"redux<\/p>\n

Solo tienes que elegir la que m\u00e1s te guste y seleccionarla para a\u00f1adirla a editor de Gutenberg, as\u00ed de f\u00e1cil<\/strong>.<\/p>\n

\"redux<\/p>\n

A partir de aqu\u00ed 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.<\/p>\n

Todo es muy sencillo y visual, aunque como suele pasar en estos casos, algunas de las plantillas s\u00f3lo estar\u00e1n disponibles en la versi\u00f3n PRO (de pago) del plugin.<\/p>\n

 <\/p>\n

Compatibilidad con las Plantillas de WordPress<\/h2>\n

Los desarrolladores del plugin indican que es compatible con cualquier theme que use Gutenberg<\/strong> como editor, o sea, pr\u00e1cticamente todas las plantillas actuales.<\/p>\n

Aun as\u00ed y siendo conscientes de que hay algunas plantillas especialmente utilizadas en el dise\u00f1o personalizado de WordPress, comentan que ha trabajado duro para hacerlo a\u00fan m\u00e1s compatible con algunos de estos temas:<\/p>\n

    \n
  • Astra
    \n<\/strong>Con la opci\u00f3n Astra Pro<\/strong> (de pago) y Custom Layouts<\/strong><\/li>\n
  • GeneratePress<\/strong>
    \nCon el plugin de pago GP Premium<\/strong> que aumenta mucho las opciones de la plantilla.<\/li>\n
  • OceanWP<\/strong>
    \nCon el plugin gratuito Ocean Extra<\/strong><\/li>\n
  • Divi<\/strong>
    \nCon su builder<\/em> y sus templates<\/em>.<\/li>\n
  • Avada<\/strong>
    \nCon Avada Fusion Builder<\/strong> y sus librerias.<\/li>\n<\/ul>\n

    Hay muchos m\u00e1s que puedes revisar en la p\u00e1gina del plugin en WordPress.org<\/a>, ya que van a\u00f1adiendo nuevos themes.<\/p>\n

    En este aspecto hemos probado la opci\u00f3n de OceanWP<\/strong> con su plugin y es posible a\u00f1adir las platillas del plugin Redux, en la biblioteca del tema, pudiendo utilizarla en cualquier sitio con un simple shortcode<\/em>.<\/p>\n

    \"redux<\/p>\n

    Cosas a Tener en Cuenta<\/h2>\n

    El plugin Gutenberg Template and Pattern Library & Redux Framewor<\/em> funciona perfectamente y como indican, siendo lo mejor de todo la facilidad de uso que ofrece Redux Framework y su integraci\u00f3n en WordPress<\/strong>.<\/p>\n

    Si necesites un hosting con WordPress<\/a><\/strong> que pueda mover con soltura todos estos plugins y plantillas, cualquiera de nuestros alojamientos WordPress te servir\u00e1n, adem\u00e1s, incluyen el servidor web LiteSpeed<\/strong>, para que vaya a\u00fan m\u00e1s r\u00e1pido.<\/p>\n

    \"Hosting<\/a><\/p>\n