--- title: "Astra Pro: reseña de la versión premium del tema" url: https://caribdis.net/2017/09/12/astra-pro-resena-de-la-version-premium-del-tema/ date: 2017-09-12 modified: 2020-08-10 lang: es author: "Caribdis.Net" description: "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..." categories: - "Destacados" tags: - "Astra" - "español" - "gratuito" - "plugin" - "tema" - "WordPress" image: https://caribdis.net/wp-content/uploads/2017/09/astra-pro.jpg word_count: 2466 --- # Astra Pro: reseña de la versión premium del tema En la [última entrada](https://caribdis.net/2017/08/31/astra-resena-y-tutorial-del-tema-gratuito-mas-prometedor-del-ano/) 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**](https://caribdis.link/Astra) de **Brainstorm Force**. En estos días que he estado trabajando en un proyecto inminente con [**Astra Pro**](https://caribdis.link/AstraPro) más [**Elementor Pro**](https://caribdis.link/ElementorPro), 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**](https://es.wordpress.org/themes/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](https://store.brainstormforce.com/my-downloads/). - 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. ![Astra Pro - Instalar plugin](https://caribdis.net/wp-content/uploads/2017/09/20-01-astra-pro-instalar.png) ## 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**](https://caribdis.link/Total) o la versión premium de [**GeneratePress**](https://caribdis.link/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. ![Astra Pro - Módulos](https://caribdis.net/wp-content/uploads/2017/09/20-03-astra-pro-opciones.png) 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. ![Astra Pro - Colores](https://caribdis.net/wp-content/uploads/2017/09/20-04-astra-pro-colores.png) Además, se ampliarán las opciones de color/fondo de los siguientes paneles: #### Cabecera > Identidad del sitio ![Astra Pro - Colores - Identidad del sitio](https://caribdis.net/wp-content/uploads/2017/09/20-05-astra-pro-colores1.png) #### Cabecera > Cabecera principal ![Astra Pro - Colores cabecera](https://caribdis.net/wp-content/uploads/2017/09/20-05-astra-pro-colores2.png) #### Cabecera > Menú primario ![Astra Pro - Colores menú](https://caribdis.net/wp-content/uploads/2017/09/20-05-astra-pro-colores3.png) #### Blog > Blog / Archivo ![Astra Pro - Colores blog](https://caribdis.net/wp-content/uploads/2017/09/20-05-astra-pro-colores4.png) #### Blog > Entrada individual ![Astra Pro - Colores entrada](https://caribdis.net/wp-content/uploads/2017/09/20-05-astra-pro-colores5.png) #### Barra lateral ![Astra Pro - Colores barra lateral](https://caribdis.net/wp-content/uploads/2017/09/20-05-astra-pro-colores6.png) ### 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 ![Astra Pro - Tipografía cabecera](https://caribdis.net/wp-content/uploads/2017/09/20-06-astra-pro-tipografia1.png) #### 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. ![Astra Pro - Tipografía menú primario](https://caribdis.net/wp-content/uploads/2017/09/20-06-astra-pro-tipografia2.png) #### 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). ![Astra Pro - Tipografía archivo del blog](https://caribdis.net/wp-content/uploads/2017/09/20-06-astra-pro-tipografia3.png) #### Blog > Entrada individual Aquí tendremos opciones ampliadas para los títulos de la entrada individual. ![Astra Pro - Tipografía títulos de entradasblog](https://caribdis.net/wp-content/uploads/2017/09/20-06-astra-pro-tipografia4.png) #### 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. ![Astra Pro - Tipografía de barra lateral](https://caribdis.net/wp-content/uploads/2017/09/20-06-astra-pro-tipografia5.png) #### 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. ![Astra Pro - Tipografía de widgets](https://caribdis.net/wp-content/uploads/2017/09/20-06-astra-pro-tipografia6.png) #### 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. ![Astra Pro - Tipografía de pie de página](https://caribdis.net/wp-content/uploads/2017/09/20-06-astra-pro-tipografia7.png) ### 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. ![Astra Pro - Espaciado](https://caribdis.net/wp-content/uploads/2017/09/20-08-astra-pro-espaciado.png) 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](https://caribdis.net/2017/08/31/astra-resena-y-tutorial-del-tema-gratuito-mas-prometedor-del-ano/#blog-blog-archivo) 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. ![Astra Pro - Secciones de cabecera](https://caribdis.net/wp-content/uploads/2017/09/20-09-astra-pro-secciones-cabecera.png) ### 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. ![Astra Pro - Menú de navegación](https://caribdis.net/wp-content/uploads/2017/09/20-10-astra-pro-menu-navegacion.png) ![Astra Pro - Mega menú](https://caribdis.net/wp-content/uploads/2017/09/20-11-astra-pro-mega-menu.png) ### 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. ![Astra Pro - Cabecera fija](https://caribdis.net/wp-content/uploads/2017/09/20-12-astra-pro-cabecera-fija.png) 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*. ![Astra Pro - Agregar cabecera](https://caribdis.net/wp-content/uploads/2017/09/20-13-astra-pro-cabecera-pagina.png) 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. ![Astra Pro - Crear cabecera de página](https://caribdis.net/wp-content/uploads/2017/09/20-14-astra-pro-crear-cabecera-pagina.png) ### 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*. ![Astra Pro - Añadir diseño personalizado](https://caribdis.net/wp-content/uploads/2017/09/20-15-astra-pro-disenos-personalizados.png) 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. ![Astra Pro - Opciones de hooks](https://caribdis.net/wp-content/uploads/2017/09/20-16-astra-pro-crear-diseno-personalizado.png) ### 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*). ![Astra Pro - Widgets del pie de página](https://caribdis.net/wp-content/uploads/2017/09/20-17-astra-pro-widgets-pie.png) ### 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. ![Astra Pro - Botón "Ir arriba"](https://caribdis.net/wp-content/uploads/2017/09/20-18-astra-pro-ir-arriba.png) ### 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. ![Astra Pro - WooCommerce General](https://caribdis.net/wp-content/uploads/2017/09/20-07-astra-pro-woocommerce-general.png) #### 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. ![Astra Pro - WooCommerce catálogo](https://caribdis.net/wp-content/uploads/2017/09/20-19-astra-pro-woocommerce-catalogo.png) #### 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. ![Astra Pro - WooCommerce producto](https://caribdis.net/wp-content/uploads/2017/09/20-19-astra-pro-woocommerce-producto.png) #### 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. ![Astra Pro - WooCommerce Finalizar compra](https://caribdis.net/wp-content/uploads/2017/09/20-21-astra-pro-woocommerce-finalizar-compra.png) ### 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**.