Astra Theme, tutorial de la potente plantilla para WordPress

¡Puntúa este artículo!
(Votos: 1 Promedio: 5)

Astra es una de las mejores plantillas para WordPress: versátil, ligera y potente.

Tiene todo lo que necesitas para arrancar tu web y posicionarte en tu nicho, empezar a conseguir leads que te cualifiquen y, así, construir el embudo de venta gracias al que conseguirás las ventas necesarias para validar tu negocio. 

Y desde este punto podrás empezar a plantearte el escalado del mismo.

¿Qué necesitas para empezar?

Un sitio web en el que mostrar cuál es tu oferta de valor.

Para empezar, puedes arrancar con un desarrollo sencillo, sin complicarte la existencia.

Ahora es el momento de empezar tu negocio online: un sitio sencillo que te permita empezar a vender, validar tu propuesta e ir mejorando.

Y Astra es una plantilla apropiada para esto. Podrás incluso montarla tu mismo, porque es funcional e intuitiva.

Conoce Astra. Merece la pena.

Astra Theme, la plantilla freemium para WordPress

Astra Theme es una popular plantilla de WordPress que ha conquistado a los usuarios por su facilidad de uso, versatilidad y larga lista de funcionalidades.

Instalada en más de 208.000 sitios, tiene una comunidad de usuarios potente detrás, con más de 900.000 personas. Destaca por las diferentes formas de contacto y soporte que ofrecen, de forma ininterrumpida.

Astra Theme sobresale por su versatilidad y posibilidad de adaptación para personalizarlo a medida y aplicarlo en múltiples tipos de desarrollo. Así, hay sitios web desarrollados con Astra Theme como blogs, portfolios, WooCommerce o sitios web corporativos.

La versión gratuita es más que suficiente para crear un sitio web que cumpla, con creces, con las necesidades concretas. Pero Astra Theme también cuenta con versión de pago, con tres opciones diferentes. Lo veremos más adelante, donde te explicaré las diferencias entre ellas.

astra-diseno

Funcionalidades de Astra Theme

La lista de funcionalidades que presenta Astra Theme, incluso en la versión gratuita, es larga.

Ligereza

Pesa menos de 50KB. Una diferencia sustancial comparada con el peso que tienen otros temas, cuya media suele ser de unos 300KB.

Biblioteca de sitios web preconstruidos

Ofrece opciones de demostraciones de sitios web preconstruidos y listos para usar.

Con lo que el tiempo de desarrollo se reduce.

Astra está hecho para trabajar con Page Builders como Beaver Builder, Elementor, Site Origin, Visual Composer, Divi, etc.

Personalizar sin código

La personalización de un sitio web resulta rápida e intuitiva con la interfaz visual y no es necesario programar código.

Integración con herramientas de terceros

Se integra perfectamente con herramientas desarrolladas por teceros y que pueden complementar el sitio, como WooCommerce, Elementor, Beaver Builder, Learn Dash, Yoast

Velocidad de carga optimizada

Con los datos predeterminados de WordPress, Astra se carga en menos de medio segundo. Está construido para la velocidad y totalmente optimizado para el rendimiento.

Así, por ejemplo, a menudo el bloqueo de render jQuery viene en el camino de la optimización del rendimiento. Para evitar este tipo de problemas, Astra usa Vanilla JavaScript en su lugar.

Amigable para el SEO

La arquitectura de base de código de Astra sigue las mejores prácticas de SEO. Incluso viene con el marcado necesario de Schema.org.

En cuanto a accesibilidad, Astra sigue los estándares WCAG 2.0. Cumple con el nivel AA que es esencial para la usabilidad.

Características de la plantilla Astra

OPCIONES DE DISEÑO

Se puede administrar el diseño del contenedor del sitio web, encabezado, blog, archivos, páginas individuales, publicaciones, barra lateral y pie de página.

Opciones de encabezado y pie de página

Astra viene con varios diseños de encabezado incorporados. Y se amplían todavía más en la opción Astra Pro.

Colores

Opciones de elección de colores a tu gusto.

Opciones de tipografías

Astra te permite seleccionar entre más de 700 fuentes de Google para asegurarse de obtener la mejor tipografía para tu sitio web.

También permite controlar el tamaño de la tipografía elegida de acuerdo con el dispositivo en el que se verá. Puedes seleccionar diferentes tamaños de fuente para diferentes dispositivos.

Y, como extra, ofrece un complemento gratuito de fuentes personalizadas, que permite importar y usar cualquier fuente personalizada que se desee.

Archivos del blog

Personalizar la interfaz y el diseño de las publicaciones de blog y páginas de archivo es posible.

Barra lateral dedicada

Con Astra es posible crear barras laterales específicas de la página que pueden anular la configuración y las personalizaciones de la barra lateral predeterminada en tu sitio web. Te ofrece tres opciones.

Widgets

El tema viene configurado con widgets para aplicaciones variadas, como mostrar la dirección, agregación de iconos sociales, lista de información…

Instalar la plantilla Astra en WordPress

El proceso es sencillo y en seguida podrás empezar a configurar tu sitio web.

  • Para empezar, inicia sesión en tu cuenta de WordPress.
  • Selecciona en el menú de la izquierda Apariencia > Temas.
  • Pincha en “Añadir un tema nuevo” en el espacio central.
astra-temas
  • A la derecha, en el buscador, puedes escribir el nombre para localizarlo más rápido.
  • Cuando lo encuentre, pulsa “Instalar
  • Este proceso apenas tarda un minuto. A continuación, pincha en “Activar”.
astra-instalar-tema
astra-tema-activar
  • Con el tema activado, pincha en “Personalizar” para empezar a adaptar la interfaz a tus gustos y necesidades.
astra-tema-activado

Personalización de WordPress con Astra

Astra Theme te ofrece la posibilidad de personalizar tu sitio en diferentes aspectos.

En el menú de la izquierda pincha en las opciones para seleccionar un área a definir.

Cada cambio lo ves implementado en directo en la parte central de la pantalla.

astra-tema-personalizar

Opciones globales

En este apartado puedes seleccionar las tipografías a utilizar en el sitio, los colores, el contenedor y los botones.

astra-personalizar-global

TIPOGRAFÍA

Elige las tipografías y el estilo para todos los elementos de texto del sitio, incluidos los encabezados.

astra-personalizar-tipografias

COLORES

Puedes ajustar una imagen de fondo y los colores para encabezados, enlaces, hovers…

astra-personalizar-colores

CONTENEDOR

Selecciona el tipo de contenedor para el sitio en general, las páginas, entradas de blog y archivos.

astra-personalizar-contenedor

BOTONES

Configura el aspecto de los botones del sitio: color, borde, tipografía y espaciados.

astra-personalizar-botones

Cabecera

  • Define la identidad del sitio, con tu logo, el título y la descripción.
  • Ubica la cabecera donde deseas
  • Define el menú primario
  • Elige si deseas una cabecera transparente en alguna de las versiones del sitio
astra-personalizar-cabecera

Migas de pan

Puedes definir la ubicación y estilo de las migas de pan.

astra-personalizar-migas

Blog

Configura el aspecto del archivo del blog y de las entradas individuales, eligiendo si deseas que aparezcan más o menos elementos y cuáles deben ser.

astra-personalizar-blog

Barra lateral

Decide si deseas ubicar o no y en qué lado la barra lateral. Puedes, además, especificarlo de manera diferente para páginas, entradas de blog o archivos.

astra-personalizar-barra

Pie de página

De la misma manera, decide si deseas colocar un pie de página y de qué modo: diseño, contenido de las secciones e incluso si quieres ubicar widgets en ese espacio.

astra-personalizar-pie

Menús 

Define los menús, su estructura y ubicación simplemente seleccionando las opciones y arrastrando los elementos para configurar su jerarquía en la estructura del árbol de contenidos.

astra-personalizar-menu

Widget

Astra ofrece una serie bastante completa de widgets para ubicar en los espacios del sitio que consideres.

Puedes seleccionar los que deseas colocar en la barra lateral y a pie de página.

astra-personalizar-widgets

Página de inicio

Configura también si deseas que la página de inicio de tu sitio web sea un contenido estático concreto o una página de entradas, como en el caso de los blogs.

astra-personalizar-inicio

Características de Astra Pro

Astra Theme ofrece versión de pago, que todavía permite sacar mayor provecho de este recurso tan potente.

Las opciones que se presentan con pago van enfocadas a conseguir una mayor personalización de los sitios web, más cantidad de recursos y funcionalidades.

Colores y tipografía

La versión Premium permite establecer colores y fuentes que se integren bien con tu marca y administrar fácilmente los colores y la tipografía de todo el sitio web. Mayor variedad y control.

Plantillas de inicio 

Una característica de Astra Theme Pro es su amplia biblioteca de plantillas prediseñadas.

Filtradas por tipo de constructor de páginas en el que implementarlas, las opciones son innumerables y enfocadas a ofrecer un recurso rápido y mejorar la eficiencia en el desarrollo de sitios web.

Diferentes estilos de diseño y mayor personalización

Podrás elegir entre:

  • Diferentes estilos de diseño: en caja, a ancho completo o acolchado. 
  • Personalización del tamaño de la interfaz.
  • Controlar el espaciado deseado entre los elementos.
  • Cabecera personalizada: pegajoso, cabeceras móviles, Mobile Header por separado para dispositivos receptivos…
  • Página 404 personalizada.
  • Seleccionar las condiciones de visualización: mostrar un diseño personalizado en todo el sitio web o seleccionar páginas específicas en las que deseas mostrarlas.
  • Pie de página personalizado
  • Shortcuts

Mega menú

Código corto para incluir un diseño dentro de un mega menú en tu sitio web.

Opciones de diseño de blog

Selecciona entre el diseño de cuadrícula o con disposición masonry; y también en lista.

También tienes múltiples opciones de personalización del blog de WordPress:

  • Definir el ancho del contenido del blog
  • Diferentes formas de mostrar la fecha
  • Administrar cómo se muestran las publicaciones individuales en una página de blog
  • Paginación
  • Destacar el primer post
  • Configurar el extracto 
  • Carga infinita
astra-plantillas

Comprar Astra Pro

Además de la versión gratuita, Astra Theme ofrece tres opciones de pago, que responden a diferentes necesidades.

Ahora, además, cuentan con un precio especial:

  • Astra Pro. $ 41 al año o $ 249 para toda la vida. Mayor personalización y flexibilidad.
    • Todas las características de Astra Pro
    • Más de 20 plantillas de inicio gratuitas
    • Soporte uno a uno
    • Entrenamiento extensivo
    • Uso ilimitado del sitio web
  • Mini paquete de agencia. $ 169 anual o $ 499 para toda la vida. Ideal para agencias y desarrolladores, que además desean complementar la plantilla con constructores como Elementor o Beaver Builder.
    • Todas las características de Astra Pro
    • Más de 55 plantillas de inicio de agencia
    • Soporte uno a uno
    • Entrenamiento extensivo
    • Uso ilimitado del sitio web
    • WP Portfolio Plugin
    • Elección del complemento One Page Builder
  • Paquete de agencia. $ 249 cada año o $ 699 para toda la vida. Para uso extensivo como agencia o desarrollador.
    • Todas las características de Astra Pro
    • Más de 55 plantillas de inicio de agencia
    • Soporte uno a uno
    • Entrenamiento extensivo
    • Uso ilimitado del sitio web
    • WP Portfolio Plugin
    • Complementos definitivos para Beaver Builder
    • Complementos definitivos para Elementor
    • Convert Pro Plugin
    • Schema Pro Plugin
    • Academia SkillJet
    • Acceso a los complementos que desarrollen en el futuro
astra-precios

Echa cuentas y piensa cuánto tiempo destinas a configurar las diferentes opciones de un nuevo sitio web. Más aún si lo tuyo no es el diseño o desarrollo web.

Astra te permite dos cosas básicas: no pegarte con el código fuente ni pasar horas interminables configurando el sitio y haciendo pruebas a base de ensayo y error;  y, la segunda, activar tu sitio web en un tiempo aceptable para asegurar tu presencia online.

Recuerda que hecho es mejor que no terminado por buscar la perfección: mejor hecho que perfecto.

Incluso si te surgen dudas en el proceso, una de las bazas extra de Astra es la gran comunidad de desarrolladores que tiene detrás y que ofrecen apoyo y ayuda desinteresada en todo momento. 

La comunidad ofrece ayuda en tres formatos:

Como ves, no hay excusa para que no tengas ya un sitio web con el que mostrarte al mundo.

Instala Astra y configura tu sitio web y me cuentas.

Y si quieres aprender a rentabilizar tu presencia en Internet, apúntate a este webinar gratuito.

34297

Rellena los siguientes datos para que pueda enviarte tu regalo:

34298
34297

Rellena los siguientes datos para que pueda enviarte tu regalo:

34298