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

Descargar traducciones

En breve la versión en español de Astra Pro estará disponible dentro del paquete del plugin, pero mientras tanto, se puede descargar de aquí.

Instalar el plugin

Astra Pro se instala desde el escritorio de WordPress, sección Plugins > Añadir plugins > Subir plugin.

Astra Pro - Instalar plugin

Una vez instalado y activado, veremos que se ha añadido una pestaña nueva en la página de opciones del tema, con el nombre Complementos.

Astra Pro - Opciones del tema

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:

  • Cabeceras avanzadas – Hace que los diseños de la cabecera del sitio sean más atractivos.
  • Colores y fondo – Sirve para personalizar los colores de todas las áreas del sitio o para añadir imágenes de fondo.
  • Cabecera fija – Permite fijar la barra del menú primario en todo el sitio o solo en algunas páginas determinadas.
  • Tipografía – Ofrece total libertad para administrar los tamaños y tipos de fuente de cada elemento del sitio.
  • Hooks avanzados – Permite añadir contenido de manera condicional en varias áreas del tema.
  • Widgets del pie de página – Permite agregar áreas de widgets personalizables en la parte superior del pie de página principal.
  • Ir arriba – Proporciona funcionalidad para añadir un botón “Volver arriba” en las páginas largas.
  • Secciones de cabecera (en la próxima actualización) – Permite añadir contenido en varias partes de la cabecera para enriquecerla.

Astra Pro - Complementos

Al activar algunos complementos, se irán agregando nuevas pestañas en la página de opciones del tema; 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, desde el panel Acciones en lote.

Repasemos uno por uno:

Cabeceras avanzadas

Este complemento añadirá una nueva sección en las opciones del tema.

Astra Pro - Cabeceras avanzadas

Para crear una cabecera bastará con hacer clic en la pestaña Cabeceras avanzadas y luego un clic en el botón Añadir.

Astra Pro - Agregar cabecera

Podemos crear cabeceras individuales, tanto para determinadas páginas o secciones del sitio, como para la navegación general. En una entrada futura incluiré un tutorial completo para crear cabeceras avanzadas en Astra.

Colores y fondo

Una vez activado este complemento, se ampliará el panel Colores y fondo del personalizador, y a las tres opciones de la versión gratuita, se suman seis más: Cabecera, Menú primario, Contenido, Blog / Archivo, Página individual / Entrada y Barra lateral.

Astra Pro - Colores

Colores y fondo > Cabecera

  • Color de fondo – Aquí podemos elegir el color de fondo de la barra de navegación del sitio.

 

Astra Pro - Colores de cabecera

Colores y fondo > Menú primario

Aquí podemos elegir los colores de los menús y submenús de la barra de navegación del sitio: fondo, enlace/textos, enlace al posar el puntero, fondo del enlace al posar el puntero, enlace activo y fondo de enlace activo. Para el submenú se podrá activar un borde que separará cada elemento y se podrá elegir el color.

Astra Pro - Colores de menú

Colores y fondo > Contenido

Aquí podemos elegir los colores de fondo del contenido y los colores de los títulos (etiquetas H1 a H6).

Astra Pro - Colores de contenido

Colores y fondo > Blog / Archivo

Aquí podemos elegir los colores de fondo, título y descripción del recuadro de resumen de archivo; el color de título de entrada del blog, el color de texto y enlace de la información meta de la entrada y el color del enlace al posar el puntero.

Astra Pro - Colores del blog

Colores y fondo > Página individual / Entrada

Aquí podemos elegir el color del título de entradas y páginas.

Astra Pro - Colores de entrada

Colores y fondo > Barra lateral

Aquí podemos elegir los colores de títulos, textos, enlaces y enlaces al posar el puntero de los widgets de la barra lateral.

Astra Pro - Colores de barra lateral

Colores y fondo > Widgets del pie de página

Aquí podemos elegir los colores de los widgets del pie de página, al igual que en la versión gratuita, pero también tenemos la posibilidad de usar una imagen de fondo.

Astra Pro - Colores de widgets

Colores y fondo > Pie de página

Aquí podemos elegir los colores de la barra del pie de página, al igual que en la versión gratuita, pero también tenemos la posibilidad de usar una imagen de fondo.

Astra Pro - Colores del pie de página

Cabecera fija

Una vez activado este complemento, se añadirá una nueva opción en el panel Diseño del personalizador para agregar funcionalidad al menú principal del sitio, y la barra del menú quedará fija al desplazar la página hacia abajo. Una vez seleccionada la casilla Fijar cabecera principal se desplegarán las opciones correspondientes:

  • Opacidad de fondo – Aquí podemos controlar la opacidad de la barra de menú cuando permanezca fija al desplazar la página.
  • Encoger cabecera principal – Si se activa, la barra disminuirá considerablemente el alto 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.
  • Estilo de la cabecera fija – Aquí podemos elegir el tipo de animación para la cabecera, entre Diapositiva y Desvanecer, o bien desactivarla si elegimos Ninguno.
  • Cabecera en móviles – Aquí podemos elegir si la cabecera debe permanecer fija o no en dispositivos tales como tablets o teléfonos.

Astra Pro - Cabecera fija

Tipografía

Una vez activado este complemento, se ampliará el panel Tipografía del personalizador, y a las cuatro opciones de la versión gratuita, se suman cinco más: Menú primario, Botón, Barra lateral, Widgets del pie de página y Pie de página.

Astra Pro - Tipografía

Tipografía > Menú primario

Aquí tendremos el control sobre la apariencia de las fuentes del menú y submenú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

Tipografía > Botón

Aquí podemos controlar la familia de fuente, el peso, la transformación del texto y el tamaño de los botones del sitio (por ejemplo, de Enviar comentario o del widget Buscar).

Astra Pro - Tipografía botones

Tipografía > 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

Tipografía > 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

Tipografía > 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

Hooks avanzados

Este complemento añadirá una nueva sección en las opciones del tema.

Astra Pro - Hooks avanzados

Para crear un hook bastará con hacer clic en la pestaña Hooks avanzados y luego un clic en el botón Añadir.

Astra Pro - Añadir hook avanzado

Los hooks son herramientas sumamente útiles para agregar porciones de código o contenido en numerosas áreas 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

Widgets del pie de página

Una vez activado este complemento, se ampliará el panel Diseño > Widgets del pie de página del personalizador. A la opción Diseño de widgets del pie de página 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

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 Diseño del personalizador, donde se podrán controlar las siguientes características:

  • 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í podemos elegir el color del icono de la flecha.
  • Color de fondo de icono – Aquí podemos elegir el color de fondo del botón.
  • Color de fondo al posar el puntero – Aquí podemos elegir el color de fondo del icono de la flecha al posar el puntero del ratón.
  • Color de fondo de icono al posar el puntero – Aquí podemos elegir el color del fondo del botón al posar el puntero del ratón.

Astra Pro - Botón "Ir arriba"

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 $49

  • Complemento Astra Pro
  • Sitios ilimitados
  • Actualizaciones por un año
  • Soporte por un año
  • 20% de descuento al renovar

Licencia perpetua $199

  • Complemento Astra Pro
  • Sitios ilimitados
  • Actualizaciones perpetuas
  • Soporte perpetuo
  • Pago único

En los próximos meses estarán agregando nuevas herramientas para extender aún más la genialidad de Astra:

  • Diseñador de WooCommerce – Otorgará un control total sobre las plantillas de WooCommerce con opciones sencillas de personalización.
  • Diseños de blog – Permitirá construir asombrosos diseños para el blog, con opciones de estructura en grilla, biografía de autor, paginación y más.
  • Control de espaciado – Este módulo nos ayudará a personalizar el espacio entre los elementos del tema.
  • Más diseños de cabecera – Estarán disponibles más plantillas de cabeceras únicas y creativas para que el sitio se destaque del resto.
  • Mega Menú – Se podrán crear hermosos mega menús para los sitios que necesitan más elementos de navegación.
  • Secciones de cabecera – Permite añadir contenido en varias partes de la cabecera para enriquecerla.
  • Diseños del sitio – Se incluirán más opciones para la presentación del sitio, tales como recuadro, fluido y con relleno.
  • Diseñador de formularios – Se podrá controlar el aspecto de los formularios del sitio con este módulo de personalización.

 

Caribdis Diseño Web

Caribdis Diseño Web

Ana Ayelén Martínez - Buenos Aires, Argentina
Técnica en electromecánica, periodista, entusiasta de los idiomas y enamorada de WordPress. Amante de la lectura, la música y el mate, y fanática de las series de J.J. Abrams.
Caribdis Diseño Web