Siempre hay margen de mejora.
Lo decimos siempre y creemos en ello desde el primer día. Astra también fue construido para ser el mejor tema para WordPress y estamos abrumados por el cariño que recibimos por ello 🙂 .
Pero nuestro trabajo no se ha detenido. A través de un número de actualizacioneshemos demostrado que trabajamos continuamente para hacerlo aún más rápido. Junto con el tiempo de carga del sitio web, ahora deseamos reducire youestro tiempo de diseño web ¡también!
Hoy estamos aquí con nuestra próxima y ambiciosa actualización - Astra 2.0, con un personalizador más rápido y una interfaz de usuario limpia.
Sólo para darte una idea rápida, así es como se verá la estructura de tu diseño como Cabecera Primaria, desde el personalizador Astra 2.0 -
¿Te has dado cuenta de que todas las opciones de estilo están juntas? Interesante, ¿verdad? Vamos a profundizar en esta nueva versión del personalizador -
Por qué lo hemos hecho
Planeamos simplificar la experiencia de edición del personalizador y hacer las cosas más rápidas. He aquí algunas ideas que nos han impulsado a introducir esta mejora.
- Aumenta el rendimiento del personalizador
- Minimizar los clics para llegar a la configuración dentro del personalizador
- Facilitar el proceso de diseño de sitios web
- Disponga de todo en una sola pestaña
- Reducir los pasos de ida y vuelta en el personalizador
- Proporcionar una ventana de configuración limpia que categorice las opciones fácilmente.
Al diseñar una sección concreta, el usuario solía perder tiempo buscando los ajustes de color y tipografía correspondientes. Esto también incluía el tiempo necesario para que el personalizador cargara varias pestañas. No queremos que nuestros usuarios vuelvan a experimentar esto.
¿Qué hemos hecho?
Resumimos todos los requisitos en dos partes y decidimos trabajar en
- Tema de presentación con una experiencia de usuario mejor personalizada y
- Reducción del tiempo de funcionamiento del personalizador
Para lograrlo, hemos introducido algunas modificaciones en la interfaz de usuario y el rendimiento del personalizador.
Fusionadas todas las opciones de personalización bajo un mismo capó
Los ajustes de color y tipografía de varias secciones del tema se han trasladado a los diseños respectivos. Esto significa que puede personalizar toda la sección junto con los colores y la tipografía desde un solo lugar.
Por ejemplo - Considere que está diseñando la cabecera principal.
Anteriormente:
- Los ajustes de diseño estaban disponibles en Diseño > Encabezado > Encabezado principal.
- Opciones de color en Colores y fondos > Diseño > Cabecera
- Opciones de tipografía en Tipografía > Diseño > Encabezado
Ahora:
- Todas las opciones, es decir, Diseño, Colores y fondo, Tipografía estarán disponibles en Diseño > Encabezado > Encabezado principal. Como se muestra a continuación
Reducción de las llamadas a PHP para aumentar el rendimiento del personalizador
Anteriormente se enviaban llamadas PHP en cuanto se pulsaba para abrir un personalizador. Esto hacía que el proceso de carga del personalizador fuera un poco voluminoso y llevara mucho tiempo.
Con la versión avanzada de Astra, las opciones del personalizador sólo se cargarán cuando el usuario haga clic para editarlas.
Por ejemplo - Anteriormente las opciones de color para el encabezado primario se cargaban junto con el personalizador. Pero ahora se cargarán sólo cuando visite colores y configuración de fondo en la pestaña de cabecera principal y haga clic en el icono de edición, como se muestra a continuación -.
Peticiones combinadas de carga de fuentes de Google
Las fuentes de Google están disponibles en la lista font-family. Estas se cargan por separado para cada sección de configuración tipográfica. Esto significa que al cargar el personalizador se envían diferentes llamadas para mostrar la lista de fuentes de Google en las opciones de tipografía.
Ahora todas estas llamadas se combinan y la lista de Google Fonts se cargará en una sola llamada.
Previsualización en directo más rápida
Hasta ahora, los cambios realizados en el personalizador necesitaban una recarga rápida de la página. Pero el nuevo personalizador reflejará los cambios en la vista previa en vivo sin recargar la página.
Por ejemplo - La familia de fuentes seleccionada se aplicará al contenido SIN actualizar la página.
Resultados obtenidos
Después de combinar todos los esfuerzos, ¡los resultados que hemos obtenido son impresionantes! Hemos comprobado que la última versión funciona mucho más rápido. He aquí algunas estadísticas -
Vea cómo Astra 2.0 redujo el tiempo de carga del personalizador en un 60.71%
1. DevTools - Actividad de red comparada
1.1 Astra Customizer Versión 1.0 ( con todos los módulos activados ): Tiempo de carga - 19,6 segundos | Recursos - 7,7 MB
1.2 Astra Customizer Versión 2.0 ( con todos los módulos activados ): Tiempo de carga - 7,7 segundos | Recursos - 6 MB
2. Comparación de perfiles Blackfire
2.1 Astra Customizer Versión 1.0: Tiempo - 3,83 segundos | Memoria máxima - 16,9 MB | Más detalles en el enlace aquí
2.2 Astra Customizer Versión 2.0: Tiempo - 1 segundo | Memoria máxima - 13,6 MB | Más detalles en el enlace aquí
Diseño rápido con el personalizador Astra 2.0
Como se mencionó anteriormente, el personalizador Astra 2.0 reduce el número de clics para diseñar cualquier sección del tema. Vamos a comparar el número de clics para añadir el título del sitio - lema y el estilo con el color y la tipografía.
Con Astra 1.0
Con Astra 2.0
Vea el personalizador en acción
¿Emocionado por ver cómo funciona el nuevo personalizador? Pues no te haremos esperar.
Lanzamos el primer beta para Astra 2.0. La versión beta estará disponible tanto para Astra Theme como para Astra Pro.
¡Atención! Le recomendamos encarecidamente que utilice la versión beta del tema y el plugin sólo en un entorno de prueba. NO lo utilice en un sitio en vivo. Esto le permitirá probar nuevas características sin preocuparse por lo que se rompe.
¿No sabes cómo instalar la versión beta?
- Instale el Plugin de actualización fácil de temas y plugins.
- Descargue la última versión beta del tema Astra desde aquí.
- Si eres usuario de Astra Pro, descarga la beta del plugin Astra Pro desde su cuenta en nuestra tienda.
- Instale los archivos zip que acaba de descargar como cualquier tema/plugin de WordPress.
¡Ayúdenos a dar en el blanco!
Tus sugerencias y comentarios son importantes para poner las cosas en su sitio. Así que, adelante, echa un vistazo a esta beta y comprueba cómo afecta a tu flujo de trabajo. Experimenta lo fácil y rápido que es diseñar tu sitio web. Si tienes algo que compartir, escríbenos a nuestra dirección centro de apoyo.
¿Contento con la brillante actuación del nuevo personalizador? No olvides invitarnos a la fiesta 😉 Danos tu opinió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.
Sólo me preguntaba, ¿todavía no hay opción de espaciado entre letras (Tipografía) en V 2.0?
Saludos,
Michel
Esta opción no está incluida en esta actualización ya que se centra principalmente en optimizar el tiempo de carga del personalizador y su UX, aunque la tenemos en nuestra lista y la actualizaremos en una futura actualización.
Con el enfoque continuo en las mejoras de velocidad, tanto en la parte delantera y trasera es por eso que elijo Astra para todos mis proyectos. El personalizador Astra también tiene la cantidad perfecta de opciones que necesita para configurar un sitio de WordPress en comparación con otros temas que a menudo tienen demasiados. Parece un movimiento inteligente reorganizarlas para hacer la configuración de WordPress aún más rápida.
Excelente trabajo Sujay. Gracias por este post tan informativo y fascinante. Espero con impaciencia esta mejora.
¿Esta actualización es también para usuarios Pro? ¿Es una beta no Pro? Estoy confundido. lol
¡Hola Dan!
Sí. Esta actualización está disponible tanto para el tema Astra gratuito como para el complemento Astra Pro.
Ya hemos compartido la versión beta del tema en el post anterior y los usuarios de Astra Pro pueden acceder a la versión beta de Astra Pro a través de su cuenta en nuestra tienda 🙂 .
¿Cuánto tiempo aproximadamente hasta que pueda actualizar a 2.0 de la manera normal (no beta)? ¿Cambiaría mi sitio Learndash (usando su tema Learndash) de una manera significativa cuando actualice? me pregunto si debo esperar o seguir trabajando en ello.
Hola,
La versión estable saldrá en cualquier momento de la semana que viene. Sin embargo, esta actualización solo afecta al personalizador y a la experiencia del usuario 🙂 .
No afectará a su sitio web en modo alguno. Puede empezar a trabajar en su sitio web.
Es bueno que el personalizador funcione realmente bien y más rápido. Ayuda al principiante y al experto a configurar fácilmente estilos, etc.
¿Qué mejoras, en su caso, se han introducido en el front-end en cuanto a velocidad/rendimiento?
¿Alguna idea de cuándo estará disponible la versión estable definitiva?
Yo también estoy deseando probar esta actualización. Gracias por las continuas mejoras.
De nada Craig 🙂 .
Pruébelo. Nos encantaría conocer su opinión.
He estado probando el tema Astra y lo que no me ha gustado de él son las limitadas personalizaciones de la cabecera. Esto es típico con muchos temas - donde uno sólo tiene que lidiar con lo que el desarrollador del tema te da. También tengo un buen código acordeón limpio que funcionaba bien con otro tema, pero el Astra lo estropea con la configuración por defecto que tiene. Este código acordeón dicta el color y el tamaño, así como el puntero awsome fuente - el Astra lo estropea todo. Yo no podía - por la vida de mí - poner una barra de búsqueda en la cabecera donde yo quería - a pesar de que he intentado durante horas y días haciéndolo. Mi otro tema me costó mucho trabajo pero pude conseguirlo. Debería haber numerosas áreas de widgets de cabecera para poner widgets de siteorigin page builder para organizar una cabecera de la manera que uno quiera. El encabezado no debería ser diferente de un área de la página - donde puede ser fácilmente rediseñado con constructores de página. También me costó mucho hacer la barra lateral más estrecha - esto también debería poder personalizarse fácilmente. Me gustaría que pasar más tiempo haciendo más características personalizadas en lugar de optimizar las personalizaciones existentes.
Hola, ¿puede abrir un ticket de soporte con estas preguntas para que podamos analizarlas caso por caso y encontrar una solución correcta para todas ellas?
¿Cuándo estará disponible el personalizador Astra 2.0?
Hola Carlos,
Podéis esperarla para la semana que viene 🙂 .
Gracias 🙂 .
No estoy seguro de si soy yo, pero he actualizado el tema Astra a la beta primero desde el enlace que venía con el correo electrónico. No vi ningún cambio como se muestra en este artículo a mi personalizador. Luego descargué la beta desde la sección de descargas de la cuenta, el nombre es diferente esta vez, el enlace del correo apuntaba a beta2 y la sección de descargas a beta1.1. Después de actualizar a esta versión beta tampoco cambió la sección de mi personalizador. ¿Cuál puede ser el problema?
Además, debo añadir que agradezco todo su magnífico trabajo, gracias.
¿Puede abrir un ticket rápido de soporte para que podamos comprobar qué está ocurriendo?
Además, 2.0.0-beta.2 se ha lanzado hace unas horas, así que si compruebas la sección de descargas verás los nuevos archivos ZIP. y también, puedes simplemente activar las actualizaciones beta y las actualizaciones se entregarán como una actualización automática directamente en tu panel de WordPress.
¿Hay algún sitio donde podamos echar un vistazo a las nuevas plantillas de inicio que se publicarán con la v2.0?
Hola Chris,
Las plantillas de inicio forman parte de las plantillas de inicio o del complemento Astra Premium Sites. Esta actualización es con respecto al tema Astra y el addon Astra Pro. Verás los cambios en el personalizador del tema y por lo tanto se verá en todas las plantillas de inicio actuales y futuras.
Si desea ver las plantillas de inicio recién añadidas, puede echar un vistazo a las más recientes que se añaden a la sección lista de demos de sitios web.
¿Podría añadir un "Widget" antes del menú de cabecera?
Para que finalmente podamos añadir un widget de búsqueda WooCommerce Ajax en el centro de la cabecera.
Echo tanto de menos esto. Que la única razón por la que no compro Astra es porque le falta esto.
He intentado arreglarlo durante 20 horas. Pero ustedes necesitan para agregar esa característica.
¡Gran trabajo Sujay y equipo! Estoy deseando actualizarme cuando salga la versión 2.0. Siempre me impresiona vuestro compromiso por mejorar. ¡Enhorabuena!
Excelente trabajo Sujay y equipo. Estoy deseando que llegue ya que el personalizador era muy lento a veces.
¿Mejorará también el personalizador de LifterLMS?
Hola Ida,
Somos los creadores del tema Astra y por eso esta actualización se centra en las mejoras dentro del propio personalizador de Astra 🙂 .
Sí, finalmente será más rápido que antes, tengo que esperar mucho tiempo cuando se abre el personalizador para editar la configuración de Astra. Gracias por escucharme
Estoy probando la versión beta 2.0.0, ¿cuándo publicará su equipo la versión oficial 2.0? Estoy preocupado por si hay algunos errores en la versión beta.
Gracias,
Es bueno que el personalizador funcione realmente bien y más rápido. Ayuda al principiante y al experto a configurar fácilmente los estilos, etc.
¿Qué mejoras, en su caso, se han introducido en el front-end en cuanto a velocidad/rendimiento?
¿Alguna idea de cuándo estará disponible la versión estable definitiva?
Ha salido a la venta hace apenas unas horas 🙂 .
He visto que Astra Pro 2.0 ya está disponible. Cuánto tiempo debería pasar hasta que reciba un aviso en WPAdmin de que hay una actualización 2.0?
Hola Myron,
Astra 2.0 está subido a la tienda. Deberíais poder ver la notificación a principios de esta semana que viene 🙂 .
¿Hay alguna manera fácil de seleccionar un menú diferente para el móvil?
Sé que se pueden combinar menús, pero a veces utilizar la opción de mega menú no se traduce tan bien para una buena experiencia móvil y un menú móvil dedicado es más limpio y más rápido.
Me encanta... Astra, por cierto.
Hola Dan,
Por el momento no existe una forma sencilla de hacerlo. Intentaremos implementarlo en un futuro próximo.
Astra es un gran tema. Sin embargo, todavía no estoy seguro de por qué no hay opción para hacer la barra lateral pegajosa en la versión premium. Requiere unas pocas líneas de código. Por favor, incorporarlo lo antes posible. Hay innumerables sitios afiliados que utilizan el tema Astra y me gustaría ver esta opción.
Gracias
Gracias por la sugerencia, Umair. Sin duda la tendremos en cuenta 🙂 .
¡Qué bien! No puedo esperar a que llegue la 2.0 🙂 ¡Aprecio el trabajo que hacéis tú y tu equipo, Sujay!
¿Hay cambios de última hora o será seguro actualizar?
No hay cambios de última hora y todo es compatible con versiones anteriores. Pero como buena práctica, asegúrese de hacer una copia de seguridad del sitio web antes de actualizar.
Hola
Cómo cambiar el estilo del menú de cabecera en los sitios web de Asta ( eCommerce )
Saludos
Azimi
En caso de que esté utilizando un sitio de inicio gratuito, puede editar el estilo del menú desde el personalizador en Encabezado > Menú principal. Si necesita más ayuda, por favor, abra un ticket de asistencia y envíe más información.