La actualización más importante del Astra 3.0 ¡ya está aquí!
Millones de usuarios de WordPress adoran el tema Astra, ya que permite crear sitios web atractivos y repletos de funciones en cuestión de minutos. Con Astra 3.7 pretendemos seguir avanzando en nuestra misión de facilitar el diseño web mediante la introducción de tres nuevas y potentes funciones que proporcionan controles visuales optimizados para todo el sitio.
En Astra, una parte fundamental de nuestro ADN es ofrecer un marco sólido para crear sitios web rápidos y de alto rendimiento. Esta actualización es otra demostración de ello.
Esperamos que estas mejoras reduzcan significativamente el tiempo que, de otro modo, invertiría realizando cambios manuales en elementos de diseño como fuentes, colores y botones.
Estamos muy contentos de presentar la primera beta de Astra 3.7 con potentes controles.
Esos controles incluyen:
Además, el Tema Astra es uno de los primeros temas por defecto en implementar theme.json para Gutenberg Color Palette. Estamos seguros de que te encantará diseñar tu sitio web con estos nuevos controles y apreciarás la facilidad que aportan a tu flujo de trabajo.
Analicemos en profundidad esta actualización.
Cree su propia paleta de colores y utilícela en todo el mundo
Deja que tus colores hablen por ti.
Los colores desempeñan un papel importante en la construcción de la identidad de marca. A veces podemos tener más de un esquema de color para que coincida con el concepto del sitio web.
Sin embargo, al aplicar los colores de forma tradicional, sólo se puede elegir una combinación de colores.
Si desea añadir su propio colores personalizadostienes que añadir manualmente los códigos de color en todo el tema para que funcione.
Pues bien, todo eso cambia con la Paleta Global de Colores.
Con esta nueva forma dinámica de aplicar colores, puedes:
- Cree su propia paleta de colores y úsalo en todo tu sitio - No solo en el personalizador Astra, sino también en el editor Gutenberg y en el editor Elementor.
- Cambiar a color global en un solo lugar y verlo reflejado en todos los elementos que utilicen ese color.
Cómo Global Color Palette puede ayudarle a mejorar su flujo de trabajo:
- Le ofrece la posibilidad de crear más de un esquema de color para su sitio web. Utilice un esquema para un área, otro esquema para otra, etc.
- Le ayuda a preconfigurar diferentes colores para los sitios web de los clientes
- Dé un nuevo aspecto a su sitio web para acontecimientos especiales como la Navidad
- Establezca colores atractivos durante las rebajas
Global Color Palette es muy flexible de usar y un gran ahorro de tiempo. Puede establecer y personalizar los colores de su sitio web fácilmente desde un solo lugar.
Creación y uso de paletas de colores
Con Astra 3.7, puedes guardar los colores de tu tema y aplicarlos globalmente a todo el sitio web.
Pueden ser colores oscuros, tonos de tu color principal, colores festivos para Navidad o lo que quieras.
Puedes crear múltiples paletas de colores y estarán disponibles en toda la configuración de color del personalizador. No tienes que recordar el tono exacto o el código de color. Sólo tiene que elegir un color de su paleta para completar el diseño más rápido.
Cómo crear una paleta de colores
Paso 1: Visita el personalizador de Astra y ve a Global > Colores > Colores base.
Aquí verá 3 paletas de colores con colores predeterminados. Cada paleta tiene 9 colores diferentes.
Paso 2: Elija Paleta y añada sus colores.
Puedes probar a crear paletas con diferentes colores. A continuación, puede elegir diferentes paletas con un solo clic y su sitio web tendrá al instante un nuevo aspecto.
¡Hecho!
Vincular colores estáticos a colores globales
Con una paleta de colores, puede establecer colores globales y estos estarán disponibles con todos los ajustes de color en el personalizador.
También puede vincular los ajustes de color de varios elementos con colores globales. Así, cuando cambie el color global, también cambiará el color del elemento conectado.
Cómo vincular el color estático en elementos globales
Paso 1: Considere que hemos establecido un color estático para los encabezados. Edite la configuración y elija el color que desee de la paleta de colores.
En cuanto elijas el color, verás un icono de un globo terráqueo cerca de él. Esto significa que tu color está ahora conectado al color global.
Paso 2: Cuando cambie un color global, cambiará el color de todos los encabezados de su sitio web.
Paleta de colores Astra Global en Gutenberg y el editor Elementor
La paleta de colores global que elijas también estará disponible en el editor de Gutenberg. Así, siempre que tengas opciones de color en los bloques de Gutenberg, la paleta de colores de Astra estará disponible.
Lo mismo para el editor Elementor. La paleta de colores Astra estará disponible con los colores globales de Elementor.
Más información sobre la paleta de colores global aquí.
Configure la tipografía de su sitio web en un abrir y cerrar de ojos con los preajustes
La tipografía es otra parte esencial de cualquier diseño web. Unas fuentes adecuadas mejoran la experiencia del usuario, ya que influyen en la legibilidad y reflejan su marca.
Por eso Astra ahora trae opciones de tipografía adicionales al personalizador. Encontrará las nuevas opciones en el personalizador en Global > Tipografía > Preajustes.
Ahora puede cambiar rápidamente la familia, el tamaño y el peso de la fuente con sólo pulsar un botón y aplicarlo globalmente en cuestión de segundos.
Los preajustes tipográficos incluyen:
- Familia de fuentes
- Peso de la fuente
- Tamaño de letra
- Altura de línea
- Transformación de texto
Más información sobre preajustes tipográficos aquí.
Modifique el estilo de los botones de su sitio web con ajustes preestablecidos
¿Alguna vez has querido cambiar la forma y el estilo de los botones predeterminados? Ahora tienes diseños prediseñados para hacerlo.
Astra integra Button Preset que hará que establecer el estilo de los botones sea rápido y sencillo.
En el personalizador, busque la opción en Global > Botones.
Puede establecer estilos desde la sección Botones y todos los botones del sitio tendrán este estilo.
Aquí tienes un adelanto de cómo funcionará en el personalizador.
Más información sobre las preconfiguraciones de botones aquí.
¡Pruebe Astra 3.7 hoy mismo!
Astra Global Color Palette es un potente control que hace que la aplicación del color sea más fácil que nunca.
Tanto si eres un principiante que quiere jugar con diferentes colores o un profesional que quiere presentar diferentes esquemas de color a los clientes, esta función es muy útil.
La tipografía y el preajuste de botones son controles igualmente potentes para gestionar el aspecto de su sitio web en un solo lugar.
Con todas estas funciones, Astra facilita el mantenimiento del color, la tipografía y el diseño de los botones del sitio web. Ahora puedes editar diseños más rápido y con menos esfuerzo que antes.
Actualiza tu tema Astra a la versión 3.7 y Astra Pro a la versión 3.6 hoy mismo y prueba estas increíbles funciones.
Si tiene alguna pregunta, póngase en contacto con nuestro portal de asistencia.
Dinos qué te parece esta actualización en los comentarios.
¡Salud!
Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.
Muchas gracias por esta gran actualización. Esto hará que el diseño sea aún más ágil con Astra.
Hola Django, me alegra saber que te ha gustado 🙂 .
Excelente cada día se superan más
Haga lo mismo para el idioma árabe. ¿Por qué cada empresa tema ignorar la lengua árabe que tiene tantos ppl utilizando Astra tema en lengua árabe Espero que considere esta sugerencia
Hola Mahmoud, no hemos entendido correctamente tu consulta. Si está buscando la traducción del tema Astra al árabe. Disponemos de un Portal de Traducción impulsado por la comunidad al que puede dirigirse aquí.
Esta impresionante .. ¡Me encanta Astra!
¡Gracias por el cariño, Jay! 🙂
algunas características agradables.
¿Se puede seleccionar una fuente especial que no esté en la lista de fuentes de Google? Utilizamos una fuente especial de "máquina de escribir antigua". ¿Se puede cargar?
Hola Steve,
Si desea insertar fuentes personalizadas, consulte lo siguiente plugin.
Gran actualización, especialmente en la paleta de colores.
Pregunta sobre los botones - Si quiero utilizar varios preajustes de estilo de botón diferentes, como el botón normal y el botón CTA? ¿Cómo puedo guardar varios preajustes y utilizarlos cuando sea necesario en la misma página?
¿Y si integramos también la paleta de colores global con Beaver Builder?
Hola, gracias por las sugerencias. Las hemos anotado para nuestro equipo de desarrollo.
bueno... esto es realmente una gran mejora, increíble... Paleta de colores y colores globales reflejados incluso en Gutenberg y Elementor es simplemente super práctico, ¡gracias!
¡Salud, Yuri! 🙂
Me encanta el Astra. Pero usted no proporciona su precio me refiero a Astra 3.7.
Por favor, ¡háganme saber cuál es su precio!
Hola Suman,
Si ya eres cliente y tienes una licencia activa, no tienes que pagar nada extra. Además, si desea realizar una compra puede hacerlo desde aquí.
Además, si tiene alguna pregunta, no dude en ponerse en contacto con nosotros a través de nuestro Portal de asistencia.
¡¡¡Muchas gracias!!! Las paletas de colores globales me son muy útiles 🙂 .
Me alegra oírlo, Oliver.
Gran actualización. Me pregunto qué hacer con los sitios web que ya están construidos con una versión anterior de Astra. ¿Puedo actualizar esas versiones sin problemas?
Hola Bas, no debería haber ningún problema al actualizar el tema Astra a las últimas versiones.
No obstante, siempre recomendamos a todos nuestros usuarios que realicen copias de seguridad periódicas antes de realizar actualizaciones importantes y pruebas en un entorno local o de pruebas cuando sea necesario.
¿Debería usar elementor y no beaver builder si vais a apoyarlo más activamente?
Hola Erik, damos soporte activo a ambos page builders 🙂 .
Parece que no puedo descargar y actualizar correctamente mis plantillas.
Hola Moisés, esto puede deberse a múltiples causas. Puedes ponerte en contacto con nosotros a través de nuestro Portal de asistencia para una ayuda más rápida?
¿Cómo desactivamos por completo la paleta de colores Astra?
Estoy con @Kenlsey por encima de este - Sólo quiero desactivar la paleta global por completo. Estoy usando theme.json para controlar mis colores del tema por lo que no tienen necesidad de esta función.
Para mí, es mucho más fácil añadir todos los colores del tema y la configuración de la tipografía a theme.json y luego confirmar ese archivo en Git que jugar con la exportación / importación de la configuración del personalizador cada vez que quiero sincronizar un cambio entre el desarrollo y los entornos en vivo.
Lo único que quiero que haga el personalizador es que reconozca los colores que defino en theme.json para poder asignarlos a los elementos en consecuencia. Si luego quiero cambiar esos colores, simplemente actualizo mi theme.json. En la actualidad, la paleta global no parece reconocer los colores especificados en theme.json. ¿Está previsto añadir esta función?
Hola Ian/Kenlsey, gracias por su opinión y su solicitud. Tendremos que comprobar esto con nuestros desarrolladores, si usted puede abrir un ticket, estoy seguro de que nuestro equipo técnico puede proporcionar una respuesta de nuestros desarrolladores en consecuencia.