Con cada actualización de nuestra serie Astra 3.0, hemos ido un paso más allá en cuanto a rendimiento y velocidad. La última actualización Astra 3.5 no es diferente.

Hemos subido un peldaño más.

Nos esforzamos constantemente por mejorar la velocidad y el rendimiento de Astra en todos los aspectos posibles para que nuestros usuarios disfruten de los sitios web más rápidos de la red.

Astra 3.5 aporta una importante optimización de CSS para una carga más rápida del frontend. También incluye opciones avanzadas para las entradas relacionadas publicadas recientemente y visibilidad adaptativa para el título y el eslogan del sitio. 

Esta versión también trae actualizaciones significativas para la accesibilidad, dejando caer así una pista importante de que su Astra favorito se está preparando para Core Web Vitals. Con estas mejoras, Astra se convierte ahora en un tema accesible 100% (saltando desde 98%) con un diseño por defecto.

Astra 3.5 está disponible en versión beta, en la que podrás probar todas sus interesantes funciones y experimentar las mejoras de rendimiento. Te invitamos a probar el nuevo Astra 3.5. 

Juntos podemos mejorarlo y nos gustaría recibir sus comentarios.

 Descárguese el Astra 3.5 versión beta. Nuestros usuarios de Astra Pro pueden consultar el artículo sobre actualizaciones beta para Astra. 

Antes de utilizar la versión beta, le recomendamos encarecidamente que utilice el tema y el plugin en un entorno de prueba y no en un sitio activo. De este modo, podrás probar con confianza las últimas funciones sin preocuparte de que algo vaya mal en el sitio activo.

Echemos un vistazo a las últimas y emocionantes actualizaciones.

Mayor velocidad en el frontend con CSS optimizado

A todos nos gusta diseñar nuestros sitios web con diferentes colores, tipografías, diseños, etc. Sin embargo, a más estilo, más código. Sin embargo, con más estilo viene aún más código. Y con más código, hay más CSS.

Con Astra 3.5 en adelante, no importa cuántas opciones de estilo utilices, todo el código será servido por archivos CSS más optimizados. Esto te proporciona la mayor velocidad de carga en el front-end. ¡Y añade alas a tu creatividad!

Esta actualización se centra en la optimización del CSS que se carga con Astra en tu página.

Esto es lo que hicimos para mejorar la carga de CSS:

• Carga condicional de CSS: Lo que esto significa es que Astra ahora cargará CSS sólo si el estilo particular se aplica a la página web o si un elemento se utiliza en la página web. El CSS correspondiente se generará en función de las opciones de diseño que elijas en el personalizador de Astra. Esto también incluye los elementos que utilices en el constructor de encabezado y pie de página y evitará cargar cualquier CSS extra para estilos que no se apliquen en tu sitio web.
• Con los creadores de páginas, cargue sólo el CSS relevante: Astra detectará primero el page builder de tu web y luego cargará el código CSS correspondiente y necesario. 
• Limpié un poco de CSS: Hemos examinado cada CSS aplicado tanto para la vista de escritorio como para la responsive. Hemos optimizado y reducido el CSS al máximo.

Esto cubre todo el CSS que es aplicado por Astra, dándole el tiempo de carga muy mejorado.

He aquí el resultado de una prueba que realizamos utilizando la versión anterior de Astra y la próxima.

Antes del Astra 3.5: El CSS principal tenía un tamaño de archivo de 56,89 KB, y la página tardó 725ms en cargarse completamente.

Con Astra 3.5: El tamaño del archivo CSS se redujo a 41,09 KB y tardó 666 ms en cargarse por completo.

Esto significa que con Astra 3.5, su página web carga 59 ms más rápido que antes. 

¿Qué probar con la versión beta?

• Mantenga el diseño de su sitio web tal como está.
• Instala y activa la versión beta del tema Astra. Si eres usuario de Astra Pro, activa también la versión beta del plugin.
• Compruebe cualquier cambio en el diseño del sitio web con la versión beta de Astra 3.5. Dado que esta versión aporta nuevas formas de optimizar el código CSS, debes comprobar cualquier cambio de diseño que provoque en el sitio web.
• Si observa algún cambio, comuníquelo a nuestro equipo con una explicación de apoyo y una captura de pantalla. 

Nuevos controles en entradas relacionadas

Related posts característica era introducido con Astra 3.4. Con esta función, puedes mostrar entradas relacionadas en tus entradas y páginas desde el personalizador de Astra. 

Esta opción dispone ahora de controles adicionales.

1. Título y alineación personalizados para la sección de entradas relacionadas

Puede establecer una cadena personalizada como título de la sección de entradas relacionadas y gestionar su alineación. 

¿Qué probar con la versión beta? 

• Añade un título y establece la alineación de esta sección. Compruebe si aparece correctamente en la vista previa del personalizador, así como en el frontend.
• Comprueba si funciona bien con la vista responsive 
• Compruebe si funciona bien con el sitio web RTL

2. Soporte responsivo para el diseño de columnas de la cuadrícula de entradas

Ahora puede gestionar los números de columna en todos los dispositivos.

¿Qué probar con la versión beta? 

• Compruebe si aparece correctamente tanto en la vista previa del personalizador como en el frontend. 
• Comprueba si funciona bien con la vista responsive
• Compruebe si funciona bien con el sitio web RTL

Opción de visibilidad adaptable para el título y el lema del sitio web

Esto añade la nueva opción de respuesta para el botón de alternancia para el título del sitio y el eslogan del sitio para dispositivos de escritorio, tabletas y móviles.

¿Qué probar con la versión beta?

• No se espera ningún cambio en su sitio web si utiliza esta opción. El título del sitio y el eslogan deberían aparecer como antes y después de la actualización.
• Pruebe la nueva opción "Mostrar título del sitio" en modo responsive. El título del sitio solo debería ser visible en el dispositivo seleccionado.
• Compruebe la visibilidad de los controles dependientes en "Mostrar título del sitio". Deberían mostrarse condicionalmente, igual que antes.
• Pruebe la nueva opción "Mostrar el eslogan del sitio" en modo responsivo. El eslogan del sitio solo debería ser visible en el dispositivo seleccionado.
• Pruebe la visibilidad de los controles dependientes en 'Mostrar lema del sitio'. Deberían mostrarse condicionalmente, igual que antes.
• Todos los casos anteriores deben probarse también con las antiguas opciones de cabecera (anteriores a Astra 3.0) y con el nuevo constructor de cabeceras Astra.

La opción de color del título del sitio se ha trasladado al tema desde Astra Pro

La opción de color del título del sitio sólo estaba disponible con el addon Astra Pro. Ahora se ha trasladado al tema Astra. 

Puede encontrarlo en el elemento del logotipo, en la pestaña de diseño.

¿Qué probar con la versión beta? 

• Si tienes Astra Pro, intenta desactivarlo y luego prueba esta opción con el tema Astra 
• Compruebe si funciona correctamente tanto en la vista previa del personalizador como en el frontend.
• Con nuevo elemento de logotipo del constructor de cabecera.
• Si ya utilizas esta opción desde Astra Pro, comprueba si funciona con el tema Astra.

Mejoras de accesibilidad

Astra ya es un tema preparado para la accesibilidad. Mejorándolo aún más, Astra 3.5 cuenta ahora con las siguientes actualizaciones:

• Los colores de fondo y primer plano tendrán ahora una mayor relación de contraste.
• El botón de búsqueda del formulario de búsqueda es ahora totalmente accesible. 
• Muestre siempre atributos aria-label en los iconos sociales del constructor para facilitar la accesibilidad.

Con estas mejoras, Astra es ahora un tema 100% accesible con un diseño predeterminado.

¿Qué probar con la versión beta? 

• Ejecute cualquier prueba de accesibilidad que desee. Puede utilizar cualquier herramienta te gusta probar la accesibilidad.

Hora de probar Astra 3.5

Le agradeceríamos mucho que nos ayudara a probar esta actualización. 

Como se mencionó al principio, puede descargar el Astra 3.5 versión beta para el tema.

Los usuarios de Astra Pro pueden visitar su cuenta de la tienda o consultar el artículo sobre actualizaciones beta para Astra. 

Una vez más, le recomendamos encarecidamente que pruebe la versión beta del tema y el plugin sólo en un entorno de prueba y no en un sitio activo.

Si cree que ha encontrado un error, no dude en comunicárnoslo a través de nuestro portal de asistencia. 

Estas son otras mejoras y correcciones que aporta Astra 3.5 -

Astra 3.5 Beta 1

Mejora:

• Builder - WooCommerce Cart & EDD Cart - Filtro para cambiar el texto "Shopping Cart" en el flyout responsivo. (https://wpastra.com/docs/update-mobile-cart-title/)
• Core Web Vital - Accesibilidad - mostrar siempre el atributo aria-label en los iconos sociales del constructor. (Props - https://github.com/tristanmason)
• Core Web Vital - Accesibilidad - Los colores de fondo y primer plano no tienen una relación de contraste suficiente.
• Aumentar el valor de la opción de anchura máxima del submenú de 200 a 1920 igual que el contenedor.
• Se ha añadido un control de respuesta para los ajustes "Mostrar título del sitio" y "Mostrar lema del sitio".

Arréglalo:

• Error PHP con Uncaught Error: Class 'Astra_Icons' not found in searchform.php when using plugin 'LearnDash Ratings Review Feedbacks'.
• Problema de alineación del texto en los widgets de pie de página 3 y 4 cuando Astra Pro está desactivado.
• Se han eliminado los divisores no deseados de las secciones de configuración del personalizador.
• Builder - WooCommerce & EDD cart - Duplicar transición CSS evitado en caso de iconos CSS Astra normal.
• WooCommerce - Los elementos hijos del widget "Categorías de productos" carecen de icono cuando se activan los SVG de Astra.
• Footer Builder - Hide on mobile/tablet for above footer is not working on frontend.
• WooCommerce - La burbuja de venta del producto aparece en la cabecera al desplazarse debido a z-index.

Astra Pro 3.5 Beta 1

Mejora:

• Se ha añadido compatibilidad para la próxima versión 1.23.0 y superiores del plugin 'Spectra'.
• Separar las opciones de los controles de color de los elementos exteriores en la cabecera adhesiva.

Arréglalo:

• Builder - WooCommerce cart - Iconos vacíos visibles junto con iconos SVG en el elemento builder cart.
• Las opciones de espaciado son visibles en la sección del personalizador Single Post aunque el addon Spacing esté desactivado.
• Se han eliminado los divisores no deseados de las secciones de configuración del personalizador.
• Constructor - Menú - Icono de flecha visible al lado del texto resaltado del Mega Menú.
• Error de la consola JS al hacer clic en el icono de cierre de WooCommerce Off-Canvas.

Gracias de antemano.