Esta es una característica nueva incorporada desde la versión 5.9 de WordPress que puede usarse en los temas basados en bloques.
Te permite personalizar los estilos de tu web a nivel global con diferentes colores, tipografías o diseños.
También te permite personalizar cada bloque a nivel global para garantizar un diseño coherente a lo largo de toda tu web.
Por ejemplo, establecer el color de todos tus botones o definir el tamaño predeterminado de todos los encabezados.
La zona de soporte de WordPress tiene un artículo en inglés al respecto llamado Styles Overview.
Editor de estilos del tema en WordPress
¿Dónde están las opciones de estilos?
Para tener acceso a esta funcionalidad, debes usar un tema basado en bloques.
Desde el panel de admin de tu web con WordPress, ve a Apariencia > Editor.
Ahí verás el icono Estilos disponible junto a la barra lateral de configuración del bloque.
Cómo funciona el editor de estilos de WordPress
Los estilos que establezca afectarán en toda tu web. Esto significa que si cambias el color de fondo, afectará el color de fondo de todas las publicaciones, páginas y plantillas.
Tu tema o theme te ofrecerá algunas configuraciones predeterminadas más la que aporta el propio WordPress para todos los themes.
Verás todas las configuraciones de estilo en la lista pero, al usar Estilos, puedes implementar tus propios diseños a medida.
Esto significa que podrás, por ejemplo, añadir tus propios colores personalizados a la paleta de colores.
El editor de estilos te ofrece personalizar la tipografía, los colores, las disposiciones (layout) y los bloques.
Estilos de tipografía
Esta sección te permite administrar las fuentes que utilizas en la web y el aspecto predeterminado a nivel global, como el peso de la fuente y la altura de la línea.
Al usarlo, podrás editar de forma independiente el texto general general de la web y los enlaces.
Estilos de color
Esta sección te permite administrar las paletas de colores y el color predeterminado de diferentes elementos globales de tu web. Incluyendo el color de fondo, el color del texto y el color del enlace.
Para añadir colores personalizados, sigue estos pasos
- Ve a Estilos > Colores > Paletas
- Elige la pestaña Sólido o Degradado.
- En Personalizado, dale al botón +.
- Dale un nombre a tu opción personalizada. Evita nombres de colores comunes (azul, verde, etc.) para evitar conflictos.
- Dale a «Listo» y después a «Guardar».
Y ya tendrás esa opción disponible para usarla en toda la web.
Estilos de disposición
Esta sección te permite configurar el padding (relleno) de toda la estructura de tu web. Puede ser útil para retocar pequeños aspectos del diseño general de tu web a nivel global.
Estilos de bloques
Además de todo esto, cada bloque del editor de tu web se puede personalizar a tu gusto.
Depende del bloque tendrás un conjunto de opciones para personalizar u otras.
Por ejemplo, el bloque Imagen tiene opciones de Diseño y el bloque Botón tiene opciones de Tipografía, Colores y Disposición.
Vídeo: estilos del editor de WordPress
Si prefieres aprendes a usar el editor de estilos de WordPress en un vídeo paso a paso puedes apuntarte al curso de WordPress Básico (es gratis) e ir la clase dedicada al editor de estilos.
