En la última entrada hicimos un exhaustivo repaso por cada una de las características del tema gratuito que está dando mucho de qué hablar en la actualidad: Astra de Brainstorm Force.
En estos días que he estado trabajando en un proyecto inminente con Astra Pro más Elementor Pro, la experiencia es casi insuperable: no es una exageración que lo presenten como el tema más rápido, ya que la diferencia con otros temas es bastante notoria.
El complemento Pro es el agregado perfecto para obtener un tema multipropósito y totalmente personalizable, sin resignar velocidad y facilidad de configuración.
En esta entrada vamos a explorar cada una de las herramientas que componen la versión premium de Astra.
Reseña de Astra Pro
Traducción
La versión en español de Astra Pro está disponible dentro del paquete del plugin.
Instalar el plugin
Pre-requisitos: Para poder usar el complemento Pro, el tema Astra debe estar instalado y activado.
Para poder usar el complemento Pro debemos seguir los siguientes pasos:
- Iniciar sesión en el sitio de Brainstorm Force.
- Ir a Account > Downloads.
- Descargar el plugin Astra Pro. Guardar el archivo .zip en una carpeta del equipo.
- En el sitio WordPress, subir el archivo .zip en Plugins > Añadir plugins > Subir plugin.
- Activar el plugin.
Activar complementos
Lo bueno de Astra Pro es que podemos activar solo aquellas opciones que vamos a usar, lo cual ayuda a mantener el sitio rápido y libre de excesos. Esta es una característica sumamente útil, que otros temas como Total o la versión premium de GeneratePress ya han implementado con excelentes resultados.
Enumeremos cada uno de los complementos disponibles:
- Colores y fondo – Sirve para personalizar los colores de todas las áreas del sitio o para añadir imágenes de fondo.
- Tipografía – Ofrece total libertad para administrar los tamaños y tipos de fuente de cada elemento del sitio.
- Espaciado – Sirve para administrar los espacios de la estructura, para que los contenidos se vean claros y legibles.
- Blog Pro – Incluye numerosas plantillas de blog para tener control sobre el diseño de la presentación de las entradas.
- Secciones de cabecera – Permite añadir contenido en varias partes de la cabecera para enriquecerla.
- Menú de navegación – Permite añadir mega menús a la cabecera.
- Cabecera fija – Permite fijar la barra del menú primario en todo el sitio o solo en algunas páginas determinadas.
- Cabeceras de página – Hace que los diseños de la cabecera del sitio sean más atractivos.
- Diseños personalizados – Permite añadir contenido de manera condicional en varias áreas del tema.
- Diseños del sitio – Con este módulo podemos manejar el diseño general del sitio entero (con ancho completo, con ancho máximo, con relleno o fluido).
- Widgets del pie de página – Permite agregar áreas de widgets personalizables en la parte superior del pie de página principal.
- Scroll al inicio – Proporciona funcionalidad para añadir un botón “Volver arriba” en las páginas largas.
- WooCommerce – Para diseñar una tienda en línea atractiva que funciona perfecto con las plantillas de WooCommerce y los plugins esenciales.
- Easy Digital Downloads – Este módulo sirve para integrar el plugin más popular de venta de descargas digitales.
- LearnDash – Proporciona plantillas y compatibilidad total con este plugin de cursos en línea.
- LifterLMS – Proporciona plantillas y compatibilidad total con este plugin de cursos en línea.
- Marca blanca – Sirve en especial para agencias de desarrollo web, permitiendo ocultar el nombre del tema y del plugin a los clientes finales, y usar una marca propia.
Al activar algunos complementos, se irán agregando nuevos elementos en el menú Apariencia; al activar otros, aparecerán más opciones dentro de los paneles correspondientes del personalizador.
También tenemos la opción de activar todos los complementos juntos, con un clic en el botón Activar todo.
Repasemos uno por uno:
Colores y fondo
Una vez activado este complemento, se ampliará el panel Global > Colores del personalizador, con un subpanel más: Contenido, donde podremos seleccionar de manera individual los colores correspondientes a todos los niveles de encabezado.
Además, se ampliarán las opciones de color/fondo de los siguientes paneles:
Cabecera > Identidad del sitio
Cabecera > Cabecera principal
Cabecera > Menú primario
Blog > Blog / Archivo
Blog > Entrada individual
Barra lateral
Tipografía
Una vez activado este complemento, se ampliarán los subpaneles Tipografía de base y Encabezados de la sección Global > Tipografía del personalizador. Para el contenido, estará disponible la opción Variantes para las fuentes de Google, de manera que solo se carguen aquellas que se seleccionen. Y para los encabezados, habrá opciones completas en los últimos tres niveles (H4, H5 y H6).
Además, se ampliarán las opciones de tipografía de los siguientes paneles:
Cabecera > Identidad del sitio
Cabecera > Menú primario
Aquí tendremos el control sobre la apariencia de las fuentes del menú, submenús y mega menús del sitio: la familia, que podremos elegir entre más de 800 fuentes de Google; el peso, la transformación del texto, el tamaño de la fuente (disponible para las vistas de escritorio, tablet y celular) y la altura de línea.
Blog > Blog / Archivo
Aquí tendremos el control sobre la apariencia de las fuentes de la sección meta y la paginación, además de los títulos (disponible en la versión gratuita).
Blog > Entrada individual
Aquí tendremos opciones ampliadas para los títulos de la entrada individual.
Barra lateral
Aquí tendremos el control sobre la apariencia de las fuentes de los títulos y contenidos de los widgets de la barra lateral del sitio: la familia, que podremos elegir entre más de 800 fuentes de Google; el peso, la transformación del texto, el tamaño de la fuente (disponible para las vistas de escritorio, tablet y celular) y la altura de línea.
Pie de página > Widgets del pie de página
Aquí tendremos el control sobre la apariencia de las fuentes de los títulos y contenidos de los widgets del pie de página del sitio: la familia, que podremos elegir entre más de 800 fuentes de Google; el peso, la transformación del texto, el tamaño de la fuente (disponible para las vistas de escritorio, tablet y celular) y la altura de línea.
Pie de página > Barra del pie de página
Aquí tendremos el control sobre la apariencia de las fuentes de los textos de la barra del pie de página del sitio: la familia, que podremos elegir entre más de 800 fuentes de Google; el peso, la transformación del texto, el tamaño de la fuente (disponible para las vistas de escritorio, tablet y celular) y la altura de línea.
Espaciado
Este módulo de Astra Pro nos permite administrar los márgenes y el relleno para varios elementos disponibles en el tema, cuyos valores predeterminados serán sobrescritos por los valores que se introduzcan en los ajustes de espaciado.
Esta opción tendrá los siguientes controles:
- Unidad – Se pueden seleccionar píxeles (PX), la medida relativa al tamaño de fuente (EM), o porcentajes (%).
- Opciones adaptables – Se pueden asignar valores diferentes para los dispositivos conocidos.
- Superior, Derecha, Inferior, Izquierda – Habrá una opción para añadir espaciado desde todos los lados del elemento.
- Conector – El icono del enlace que se muestra junto al control de espaciado es un conector. Al hacer clic, conectará las opciones de espaciado de los cuatro lados para que se aplique el mismo valor a todos al mismo tiempo. Al desmarcarlo, será posible añadir valores diferentes para cada lado.
El módulo Espaciado añadirá controles a los siguientes paneles del personalizador:
- Global > Contenedor
- Cabecera > Identidad del sitio
- Cabecera > Cabecera principal
- Cabecera > Menú primario
- Blog > Blog / Archivo
- Blog > Entrada individual
- Barra lateral
- Pie de página
Blog Pro
El tema Astra proporciona opciones básicas para las páginas de archivo y entradas individuales.
Blog > Blog / Archivo
El módulo de Astra Pro añade —además de opciones de espaciado, tipografía y color— las siguientes características:
- Diseño
- Diseño de cuadrícula
- Contenido de la entrada
- Número de extracto
- Texto «Leer más»
- Tamaño de imágenes destacadas
- Paginación de entrada
- Estilo de paginación de entrada
Blog > Entrada individual
El módulo de Astra Pro añade —además de las opciones de espaciado y color— las siguientes características:
- Información del autor
- Desactivar navegación de entrada individual
- Carga automática de entradas anteriores
- Eliminar relleno de la imagen destacada
- Tamaño de imágenes destacadas
Cabecera para móviles
Este módulo ofrece más opciones de diseño y colores dentro del panel Cabecera > Menú primario:
- Estilo del menú
- Radio de borde del botón conmutador
- Borde para los elementos del menú
- Color del borde
Secciones de cabecera
Este módulo presenta dos secciones nuevas: Sobre la cabecera y Bajo la cabecera.
La primera aparece arriba de la cabecera principal y la segunda, inmediatamente abajo, antes del contenido de la página. Ambas pueden servir para mostrar, por ejemplo, un botón de llamado a la acción, datos de contacto, iconos de redes sociales, un menú, un widget, un texto arbitrario, o una barra de búsqueda.
Tendrán opciones de diseño propias, así como también controles para la tipografía, los colores, el espaciado y el comportamiento al visualizar en dispositivos móviles.
Menú de navegación
Este complemento proporciona funcionalidad para crear mega menús y se administra desde la sección Apariencia > Menús. Cada elemento del menú tendrá un botón Ajustes de menú Astra, que nos dará acceso a las opciones de estilo.
Cabecera fija
Una vez activado este complemento, se añadirá una nueva opción en el panel Cabecera del personalizador para agregar funcionalidad al menú principal del sitio, y la barra del menú quedará fija al desplazar la página hacia abajo. Para activar esta característica basta con seleccionar la casilla Fijar cabecera principal. Las opciones disponibles son:
- ¿Un logo distinto para la cabecera fija? – Con esta opción podemos mostrar un logo distinto cuando la barra de menú cuando permanezca fija al desplazar la página.
- Activar efecto de encogimiento – Si se activa, la barra disminuirá considerablemente la altura cuando permanezca fija al desplazar la página.
- Ocultar al desplazar hacia abajo – Si se activa, la barra solo se mostrará cuando el usuario se desplaza hacia arriba.
- Seleccionar animación – Aquí podemos elegir el tipo de animación para la cabecera, entre Diapositiva y Desvanecer, o bien desactivarla si elegimos Ninguno.
- Activar en – Aquí podemos elegir si la cabecera debe permanecer fija o no en dispositivos tales como tablets o teléfonos.
Incluye, además, todos los controles de color para los elementos de la cabecera principal y menús, y las secciones de cabecera (si están activadas).
Cabeceras de página
Este complemento añadirá un nuevo elemento en el menú Apariencia.
Para crear una cabecera bastará con hacer clic en Apariencia > Cabeceras de página y luego un clic en el botón Añadir.
Podemos crear cabeceras individuales, tanto para determinadas páginas o secciones del sitio, como para la navegación general, y administrar las reglas de visualización.
Diseños personalizados
Este complemento añadirá un nuevo elemento en el menú Apariencia.
Para crear un diseño personalizado bastará con hacer clic en Apariencia > Diseños personalizados y luego un clic en el botón Añadir.
Esta es una herramienta sumamente útil para agregar contenido o porciones de código en áreas como la cabecera y el pie de página, en la página de error 404 y en otras partes del sitio. Astra Pro también otorga un control total sobre los hooks, con los ajustes donde podemos asignar qué tipo de acción ejecutar, la prioridad y la visibilidad, tanto basada en el perfil del usuario como en condiciones que se pueden configurar como reglas.
Widgets del pie de página
Una vez activado este complemento, se ampliará el panel Pie de página > Widgets del pie de página del personalizador. A la opción Diseño se agregarán seis estructuras más de presentación, además de un control para cambiar los valores de relleno y un menú donde se podrá elegir el ancho de los widgets (Ancho del contenido y Ancho completo).
Scroll al inicio / Ir arriba
Una vez activado este complemento, se mostrará un botón en la parte inferior del sitio que será un enlace a la parte superior de cada página, y se añadirá una nueva opción en el panel Global del personalizador, donde se podrán controlar las siguientes características:
- Mostrar en – Aquí podemos elegir en qué dispositivos se mostrará el botón.
- Posición – Aquí podemos elegir mostrar el botón del lado derecho o izquierdo.
- Tamaño de icono – Aquí podemos elegir el tamaño del icono de la flecha.
- Radio de fondo de icono – Aquí podemos acentuar o atenuar el redondeado de las esquinas del botón.
- Color de icono – Aquí tendremos opciones para elegir el color del icono de la flecha, el fondo del botón, y los colores al pasar el cursor.
WooCommerce
El complemento para WooCommerce nos da opciones muy útiles de funcionalidad y estilos para la tienda y los productos. Ampliará el panel correspondiente del personalizador con controles para administrar las placas de ofertas, los elementos de la página del producto y del carrito, entre otras.
WooCommerce > General
- Notificación de oferta – Aquí podemos modificar el tipo de aviso de oferta en los productos (por ejemplo, para que muestre el porcentaje de descuento).
- Estilo de la placa de oferta – Aquí podemos modificar la forma del aviso de oferta en los productos (Circular, Contorno circular, Cuadrado o Contorno cuadrado).
- Icono del carrito en la cabecera – En esta sección tendremos opciones para modificar el tipo y estilo del icono del carrito que aparece en la barral del menú.
- Color de la valoración de producto – Aquí podemos elegir el color de las estrellas de la calificación del producto.
WooCommerce > Catálogo de producto
En este panel encontraremos opciones ampliadas para el diseño, el estilo del producto, el botón, la paginación y la barra lateral que puede mostrarse como un menú en aparición.
WooCommerce > Producto individual
Aquí habrá disponibles nuevas opciones para la página donde se muestra el contenido del producto, como el tipo de diseño, los efectos sobre la imagen y las pestañas de descricpión.
WooCommerce > Finalizar compra
En este panel ampliado veremos opciones para controlar el diseño del formulario y otras herramientas útiles para agilizar el proceso de compra.
Easy Digital Downloads / LearnDash / LifterLMS
Estos módulos requieren que los respectivos plugins se encuentren instalados y activados, y ofrecerá opciones ampliadas para la presentación de las páginas correspondientes.
Así finaliza la presentación de la versión premium de Astra, definitivamente el tema más prometedor de 2017.
Como promoción por el lanzamiento de la versión Pro, Brainstorm Force está ofreciendo un descuento del 30% en las dos licencias disponibles:
Licencia anual precio normal $59
- Complemento Astra Pro
- Sitios ilimitados
- Actualizaciones por un año
- Soporte por un año
- 20% de descuento al renovar
Licencia perpetua precio normal $249
- Complemento Astra Pro
- Sitios ilimitados
- Actualizaciones perpetuas
- Soporte perpetuo
- Pago único
Cupón de 10% de descuento por tiempo limitado: SAVE10.
- Guía para WordPress 6.7 disponible - 6 de enero de 2025
- Guía para WordPress 6.6 disponible - 22 de septiembre de 2024
- Guía para WordPress 6.5 disponible - 13 de junio de 2024
Que tema es mejor Total o Astra
Hola, Enrique.
Como siempre digo, va en gustos. No hay uno mejor que otro, los dos son excelentes, el resultado dependerá de las necesidades del sitio. En mi caso puedo decir cuál me gusta más, y ese es Astra, pero por la sola razón de que prefiero usar las plantillas para Elementor.
En términos de dinero, si es para un solo sitio, conviene más Total, porque se compra una vez. Astra permite el uso en múltiples dominios, pero se paga anualmente, mientras que la licencia perpetua es bastante más cara y solo conviene si se va a usar en más de 4 dominios.
Saludos.
Gracias por el post… saludos desde España