La versión 3.1 de GeneratePress trae profundos cambios, especialmente en la gestión de colores y tipografías. Prepárate un buen tazón de café que hay para rato:
Colores globales
El nuevo sistema de colores consolida todas las opciones de color en un panel de personalización, desde el que se puede:
- Crear una paleta de colores global personalizada
- Asignar colores a más elementos del tema que antes
- Actualizar instantáneamente los colores globales en todo el sitio.
El tema tiene una paleta de colores global predefinida que utiliza un sistema de nomenclatura estandarizado de colores de contraste, base y acento. Estos colores están preasignados a los principales elementos del tema para que puedas actualizar la paleta de colores de forma sencilla y rápida. Es un tema de color completamente nuevo en solo unos pocos clics.
Por supuesto, si quieres empezar de cero, puedes crear tu propia paleta de colores ilimitada con tus propias convenciones de nomenclatura y estilizar el tema a tu manera.
Está construido completamente con React, con lo que la nueva interfaz de colores hace una gran diferencia en el rendimiento general del Personalizador.
Ahora el tema gratuito tiene las mismas opciones de personalización de color que GP Premium.
A partir de GenerateBlocks 1.4.0 (ahora en fase de pruebas) puedes usar los Colores globales en tus bloques. Esto es una gran mejora en el flujo de trabajo, ya que significa que puedes cambiar completamente el tema y los colores del contenido desde un solo lugar en cuestión de segundos.
Tipografía dinámica
La tipografía en GeneratePress ha evolucionado y reemplaza completamente el antiguo sistema de tipografía en el tema y GP Premium.
Este sistema está activado por defecto para las nuevas instalaciones pero desactivado por defecto para los sitios existentes. Si quieres cambiar tu sitio a este sistema, puedes hacerlo en Personalizar > General. Si estás utilizando GP Premium, asegúrate de tener instalada al menos la versión 2.1.0-alpha.1 o esta opción no se mostrará. Al activar el sistema de tipografía dinámica se intentará migrar automáticamente la configuración tipográfica existente.
Gestor de fuentes
Al configurar la tipografía del sitio, ahora puedes definir un conjunto de fuentes que utilizarás dentro del gestor de fuentes. La gran ventaja es que todas las fuentes de tu sitio están en un solo lugar y no tienes que buscar entre todas las opciones de fuentes para cambiar una.
Puedes buscar en la lista completa de Google Fonts, o puedes escribir manualmente tus propias fuentes locales.¡Se acabaron los complicados filtros de PHP!
Gestor de tipografía
Ahora que hemos configurado nuestras fuentes, podemos construir la tipografía de nuestro sitio. La belleza de este sistema es que solo tenemos que establecer lo que necesitamos, y todo está en un solo lugar.
En primer lugar, establecemos el elemento de destino. Se trata de un menú desplegable de los elementos a los que estás acostumbrado a apuntar cuando configuras tu tipografía. Cosas como el cuerpo, el título del sitio, los elementos del menú, los encabezados, etc.
Luego podemos establecer nuestra familia de fuentes, que es una lista de las fuentes que hemos establecido en nuestro gestor de fuentes.
Otra gran ventaja de este sistema es que puedes establecer el tamaño de la fuente, la altura de la línea y el espaciado de las letras en todos tus dispositivos, y puedes elegir la unidad que deseas utilizar. Esto significa que puedes aprovechar rem, em, o seguir usando px.
Nuevo panel de control
Se ha implementado un nuevo panel de control del tema construido con React. Es importante tener en cuenta que sólo verás este nuevo panel de control si estás usando el tema gratuito o si has actualizado a GP Premium 2.1.0.
Enlaces subrayados
Hay una nueva opción para subrayar todos los enlaces dentro de tu contenido en Personalizar > General. Puedes configurar que los subrayados se muestren siempre, que se muestren al pasar el ratón o que desaparezcan al pasar el ratón. Esto mejora la accesibilidad general de tu sitio web, lo cual es muy importante. Por defecto, esta opción está activada para los nuevos sitios. Sin embargo, está desactivada para los sitios existentes, ya que no queremos forzar un cambio como este en nuestros usuarios existentes.
Menú Javascript
Ahora el archivo menu.js solo se carga en el sitio si estás usando algún elementos de navegación de GP. Esto significa que si no estás usando la navegación de GP, tu sitio cargará menos javascript y funcionará aún mejor.
Atributos HTML dinámicos
GeneratePress ahora tiene un sistema de atributos HTML dinámicos que te permite filtrar en tus propias clases y otros atributos HTML a los principales elementos del tema. Hemos utilizado este sistema para añadir más atributos aria-label a los principales elementos HTML para mejorar la accesibilidad.
