Acaba de salir: Conoce Astra 4.0 un diseño completamente nuevo para mejorar tu UX

Astra-4.0

2023 acaba de empezar y en Brainstorm Force empezamos el nuevo año con fuerza.

Nos enorgullece anunciar la última versión de nuestro tema para WordPress: Astra 4.0.0.

Esta nueva versión incluye una serie de nuevas e interesantes funciones y mejoras diseñadas para mejorar la experiencia de su sitio web.

Algunos de los aspectos más destacados de esta versión incluyen un nuevo panel de administración rediseñado y un nuevo panel de gestión de mega menús que hará que Astra sea aún más fácil de usar.

También hemos añadido algunas funciones nuevas que sin duda mejorarán la experiencia del usuario, como un diseño más estrecho y una función de desplazamiento suave.

Aunque algunas de las nuevas funciones sólo están disponibles en la versión Pro de Astra, tenemos un regalo especial para los usuarios del tema gratuito.

Esté atento al final de la lista de novedades.

Nos encantaría que se uniera al Astra Pro ¡usuarios de la familia! Esperamos que las nuevas funciones te animen a actualizarte.

Mejore la experiencia de su sitio web con las nuevas funciones de Astra 4.0: personalizador dinámico, mega menú rediseñado, nuevas funciones de desplazamiento y mucho más.

Veamos ahora qué hay de nuevo en Astra 4.0.0 y cómo puedes utilizarlo para tu web o la de tus clientes.

Astra en 2022

Astra es un tema que se actualiza constantemente para ofrecerte la mejor experiencia y las últimas funciones.

Hasta ahora, el tema ha recibido cientos de actualizaciones.

What's New in Astra

Dos de las características más relevantes que se han añadido en 2022 han sido:

También se han introducido decenas de correcciones y pequeñas mejoras en Astra para hacerlo más rápido y eficaz.

Astra 4.0.0 - ¡Prepárate para todas las novedades!

Echemos un vistazo a las actualizaciones y mejoras en las que ha estado trabajando el equipo de Astra.

Los obtendrá automáticamente cuando actualice el tema desde el panel de administración de WordPress.

CaracterísticaDisponible en el plan gratuitoDisponible con Pro
Panel de administración rediseñadoSí, pero los módulos Pro están desactivados
Mega menú de administración rediseñadoNo. Mega menú sólo está disponible con Astra Pro
Diseño estrecho
Mejor diseño para los tipos de entradas personalizadas y nuevo estilo de banner.
Nueva página de inicio predeterminada
Desplazamiento suave a ID
Enlaces de edición rápida (cabeceras y diseños personalizados)No. Diseños personalizados y cabeceras personalizadas sólo están disponibles con Astra Pro
Nuevos colores y tipografía por defecto
Ir arriba

Para sacar el máximo partido a Astra recomendamos utilizar Astra Pro.

Nos esforzamos por seguir añadiendo valor a Astra, así que considera unirte o actualizarte a una licencia vitalicia para seguir recibiendo estas actualizaciones de por vida 🙂 .

Astra Pro Pricing

Panel de administración rediseñado

En el pasado, el salpicadero del Astra estaba situado en el Apariencia > Opciones Astra submenú.

Esto dificultaba que los nuevos usuarios encontraran estas opciones.

Old Astra Dashboard

En la última actualización el nuevo panel de administración de Astra se encuentra directamente en la barra lateral.

Una ubicación más accesible para un elemento tan importante de su sitio.

New Astra 4.0 Dashboard and welcome tab

Ajustes rápidos

Dentro de la pestaña de bienvenida encontrará un botón de acceso rápido al personalizador.

El personalizador de WordPress ofrece muchas opciones, algunas de ellas ocultas en submenús.

Por eso este cuadro de mandos incluye ahora una configuración rápida para llegar más rápido a la zona en la que desea trabajar.

Astra Quick Settings

Esta herramienta le ahorrará tiempo cada vez que necesite hacer pequeños retoques en su sitio.

Si eres una agencia que utiliza Astra para sus clientes, este nuevo diseño también debería reducir el número de solicitudes de soporte.

Los usuarios podrán localizar fácilmente lo que necesitan cambiar sin tener que pedírtelo.

Gestión de módulos Pro

Encontrarás otra sección que te permite activar o desactivar fácilmente tus módulos Pro preferidos de una forma muy sencilla.

Cada módulo incluye un enlace directo a su documentación y panel de configuración.

Configurar y descubrir nuevos módulos que podamos añadir en el futuro o que se te hayan pasado por alto es ahora pan comido.

Astra Pro Modules

Configuración general

Las opciones que antes estaban dispersas por el antiguo panel de control están ahora convenientemente ubicadas y organizadas dentro de la pestaña de ajustes generales.

General settings Astra 4.0

Un ejemplo de ello es la función Pro que te permite personalizar Astra con tu propia marca, conocida como etiqueta blanca.

Otros atajos útiles

La última pestaña del menú superior de este panel le llevará al asistente Starter Templates. Aquí puede cambiar rápidamente el aspecto de su sitio web utilizando uno de nuestros cientos de plantillas de aspecto profesional.

También puedes encontrar enlaces para instalar plugins que pueden ayudarte aún más con tu negocio.

Astra Starter Templates and useful plugins

Estos plugins incluyen:

  • Spectra - Nuestro constructor de páginas gratuito.
  • SureCart - Convierte tu WordPress en una potente plataforma de comercio electrónico.
  • CartFlowsCree embudos de ventas eficaces con WordPress.

Mega menú de administración rediseñado

El mega menú es una función de Astra Pro que puede activar con el botón Menú de navegación (¡ahora ya sabes dónde encontrar ese módulo rápidamente!)

Este addon te permite crear grandes menús con múltiples opciones.

Muy útil para sitios web con gran cantidad de contenido o muchas secciones o categorías.

Example of Astra mega menu

Puede abrir la configuración del mega menú desde Panel de administración de WordPress > Apariencia > Menús > Configuración del menú Astra.

How to configure mega menu Astra

Al pulsar este botón:

  • Antes: Apareció una ventana modal que cubría todo el contenido.
Old Astra mega menu settings
  • Ahora: Aparece un pequeño menú fuera del lienzo.
New Astra mega menu settings

El espacio visual está mejor optimizado y tendrás más contexto sobre lo que estás trabajando.

Y algunas funciones adicionales del mega menú

Además de facilitar la creación de estos menús, también hemos añadido 4 opciones adicionales para que pueda adaptar los menús más a su estilo:

  • Soporte de posición de iconos personalizados y estilo para los elementos del mega menú: Si añades iconos personalizados a tus menús, ahora puedes modificar su posición desde la pestaña general.

NOTA:

Las opciones de estilo se encuentran en la pestaña de diseño.

Custom icon position support and styling for mega menu items
  • Color de cabecera añadido para los elementos de mega menú: Ahora también puede añadir colores a este elemento para los estados normal y hover.
Header color mega menu items
  • Gradiente de fondo añadido para los elementos del mega menú: Cree menús más llamativos utilizando degradados lineales o radiales como fondos.
Background gradient added for mega menu items
  • Color y estilos del divisor para los elementos del mega menú: Enfatice aún más las distinciones entre secciones con estilos sólidos, punteados, discontinuos o dobles.
Divider color and styles for mega menu items

Un nuevo trazado de anchura reducida

Astra te permite elegir entre muchos diseños para tus entradas y páginas.

A partir de ahora encontrarás una opción llamada diseño de anchura estrecha que le permitirá mostrar contenidos de una forma más minimalista y elegante.

New Narrow Width Example

Además de entradas y páginas, también puede modificar la anchura de las páginas del blog, las páginas de archivo y los tipos de entrada personalizados.

Puede modificar esta anchura individualmente para cada elemento o globalmente desde Personalizador > Global > Contenedores.

Modify Narrow container width

Mejor diseño para los tipos de entradas personalizados

Anteriormente teníamos soporte de diseño de contenido y diseño de barra lateral sólo para tipos de post limitados: post, páginas y algunos tipos de post personalizados (CPT) de WooCommerce, EDD y algunos LMS.

A partir de ahora podrás utilizar diferentes diseños para cada tipo de entrada personalizada que utilice.

Supongamos que ha creado un sitio web para su iglesia.

  • Antes estabas limitado a utilizar el mismo contenido y diseño de la barra lateral para los "sermones" de CPT y para los artículos de tu blog, ya que todo se consideraba el mismo elemento.
  • Ahora puede utilizar un diseño para sus artículos y otro diferente para sus sermones CPT.

Sólo tienes que ir a la Customizer > Custom Post Types > Seleccione su CPT (individual o archivo) y elija el diseño que desee utilizar.

Custom container and sidebar layout for custom post types

Un nuevo estilo de banner

En Astra 4.0 también hay una nueva configuración de banners.

Astra post title options

Accederás a un nuevo panel donde puedes elegir un diseño de banner diferente para el tipo de entrada que estás personalizando.

Astra New banner layout

Dependiendo de si eliges el primer diseño o el segundo, verás diferentes opciones a continuación:

  • Anchura del contenedor: Completo o personalizado. Sólo disponible en el segundo diseño.
  • Orden y visibilidad de algunos elementos estructurales y meta: Como el título, las migas de pan o el extracto.
  • Alineación horizontal y vertical de esos elementos.

No olvides visitar la pestaña de diseño, ya que allí encontrarás aún más opciones para personalizar completamente tu tipo de entrada.

Recuerde que esta actualización funciona para posts, páginas o cualquier tipo de post personalizado, y se conocerá comúnmente como Personalizador dinámico.

Nueva página de inicio predeterminada

Si estás instalando Astra por primera vez, tendrás que activarlo desde la opción Panel de administración de WordPress > Apariencia > Temas.

Allí encontrarás 2 opciones:

How to enable New Astra homepage
  • Si pulsa en Activar tu página de inicio mostrará tu último post como página de inicio.
Astra blog as homepage
  • Si usted abrir la vista previa en directo verás la nueva y renovada página de inicio de Astra 4.0. Puedes activarlo desde allí.
New Astra Homepage

Más tarde, si desea mostrar la entrada más reciente en lugar de la página de inicio por defecto, puede hacerlo navegando a Ajustes > Lectura.

A continuación, selecciona la opción: Tu página de inicio > Tus últimos mensajes.

Desplazamiento suave a ID

Antes, navegar a una sección (una parte específica de la misma página) no era visualmente atractivo, ya que simplemente se saltaba allí sin ninguna animación.

Ahora puede activar el desplazamiento suave para pasar suavemente a la sección deseada en lugar de saltar inmediatamente a ella.

why choose Astra

Puede activar esta función con un solo clic desde Personalizador > Global > Varios > Activar desplazamiento suave a ID.

How to enable smooth scroll to ID in Astra

Enlaces de edición rápida para diseños personalizados y encabezado de página

Si utiliza diseños personalizadosuna de las funciones más potentes de Astra Pro, esta pequeña actualización le resultará realmente interesante.

Para que conozca mejor diseño personalizado o cabecera personalizada una página, aparecerá un pequeño icono Astra en el frontend mostrando los diseños activos y un enlace directo para editarlos.

Quick edit links for custom layouts and page header

Nuevos colores y tipografía por defecto

En Astra puede modificar fácilmente la tipografía y los colores de su sitio web.

Consejo profesional:

En el plan Pro puede activar la función módulo de colores y fondo y el módulo de tipografía para realizar cambios aún más avanzados.

Si el diseño no es lo tuyo, la fuente y los colores predeterminados que utiliza el tema te darán un diseño de sitio web limpio y minimalista que se adapta bien a los gustos modernos.

New typography and colors Astra 4.0

Nuestro regalo para ti: ¡Desplácese hasta la parte superior se convierte en una función gratuita!

¡El botón que permite a los usuarios volver a la parte superior de su página con un solo clic es ahora una función gratuita de Astra!

Encontrará esta opción en Personalizador > Global > Desplazarse al principio.

Puedes modificar fácilmente su posición, visibilidad por dispositivo, tamaño y color según te convenga.

Scroll to top free feature

Conclusión

El equipo de Astra se ha esforzado mucho para ofrecer mejoras significativas que hacen que trabajar con el tema sea más fácil que nunca.

  • El panel de control rediseñado y el mega menú, junto con la posibilidad de ver y editar rápidamente diseños personalizados, mejorarán su eficacia en la gestión de sitios web.
  • El diseño estrecho, el desplazamiento hacia arriba, el desplazamiento suave y la nueva tipografía harán que sus usuarios tengan una mejor experiencia de navegación.

Estamos deseando que pruebes todas estas novedades.

Aunque es poco probable, si algo no funciona como esperas, Astra tiene una opción de retroceso para volver rápidamente a una versión anterior.

Rollback feature Astra

Nuestro equipo de asistencia estará encantado de ayudarle con cualquier duda que pueda tener sobre esta actualización.

Gracias por todo vuestro apoyo a lo largo de este viaje.

Esperamos que disfrute del nuevo Astra 4.0.

No olvide dejarnos un comentario a continuación diciéndonos qué le gustaría ver en futuras actualizaciones.

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.

13 comentarios
  1. Steve Profile Pic

    Me gustan las nuevas características de la v4, pero al menos en la versión gratuita, las opciones "Ocultar en Tablet" y "Ocultar en Móvil" no aparecen en el Constructor de Encabezados. Y posiblemente relacionado con eso, mi menú fuera del lienzo y los iconos sociales en el área fuera del lienzo, junto con el área superior del encabezado, faltan en los modos Tablet y Móvil.

      1. Steve Profile Pic

        Una cosa más, me acabo de dar cuenta de que la estructura y Meta ajustes faltan para un solo puesto en el personalizador, y el nombre del autor y la fecha se muestran en todos los puestos de ahora, que había desactivado. Esos ajustes están ahí para Archivos / Blog, pero no para Single Post.

        1. faisal Profile Pic

          Hola Steve, me he dado cuenta de lo mismo, no he podido desactivar el nombre del autor y la fecha. ¿Has encontrado la manera de desactivarlos?

          1. Steve Profile Pic

            Hola, acabo de usar CSS para desactivar todo el bloque Meta en los mensajes individuales por ahora:

            .single-post .entry-meta {
            mostrar: ninguno;
            }

            Eso desactivaría cualquier otra meta como etiquetas y categorías, si las estás mostrando. Supongo que el problema se solucionará en la próxima actualización.

  2. Nate Profile Pic

    Hola equipo, Gracias por el artículo sobre 4.0. Veo que ha habido diferentes hooks y filtros en 4.0. ¿Podríais proporcionar una documentación actualizada sobre qué hooks de Astra están ahora disponibles? Aquí está la referencia existente que estaba utilizando y que parece no estar actualizada. https://developers.wpastra.com/theme-visual-hooks/
    Después de 4.0, espero averiguar una nueva estrategia para la forma de enganchar entre la imagen destacada y el título del post, y después de la meta post. Muchas gracias.

  3. Robert Profile Pic

    Hola gracias por la gran actualización 🙂 .

    ¿Cómo activo el nuevo diseño de la página de inicio si ya tengo Astra instalado?

    Gracias

  4. Francisco Opazo Profile Pic

    ¡Enhorabuena por el nuevo 4.0!

    He actualizado a 4.0 y mis páginas EDD están todas rotas, los bloques de contenido EDD en ancho completo sin importar la plantilla que elija. Botón de volver atrás oculto bajo la cabecera, etc. Por favor, compruébelo.

  5. ILIAS ANTONOPOULOS Profile Pic
    ILIAS ANTONOPOULOS

    Hola,
    Estoy utilizando Astra 4.0.2 y Astra Pro 4.0.1.
    Los ajustes de estructura y meta no aparecen en Personalizar -> Blog -> Entrada única, después de la actualización.
    Por favor, compruébalo.

  6. Mark Profile Pic

    Desde la versión 4, el botón de desplazamiento a la parte superior parece estar dañado.
    En lugar de un botón cuadrado (todos los sitios) mostrar un botón del tamaño de la anchura de la pantalla ...
    ¿Algún consejo?
    Mark

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio