Bienvenido al emocionante Curso de Astra Theme, donde exploraremos todos los aspectos clave para dominar la implementación y personalización de este poderoso tema en WordPress.

01 – Introducción al curso


02 – Instalar Astra y plantillas iniciales

¡En la lección «Instalar Astra y Plantillas Iniciales», nos sumergiremos en el proceso paso a paso para instalar Astra Theme en tu sitio WordPress. Desde la descarga e instalación hasta la configuración inicial, te guiaré a través de todo el proceso.

🛠️ Lo que aprenderás:

  • Instalación de Astra Theme: Descubre cómo agregar Astra a tu sitio de manera rápida y sencilla.
  • Configuración Inicial: Aprende a personalizar la configuración básica para adaptar Astra a tus preferencias.
  • Exploración de Plantillas Iniciales: Conoce las plantillas iniciales proporcionadas por Astra y cómo usarlas para agilizar el diseño de tu sitio.


03 – Ajustes Globales de Astra

En la lección «Ajustes Globales de Astra», exploraremos las opciones de configuración global que Astra Theme ofrece para personalizar la apariencia y funcionalidad de tu sitio WordPress.


04 – Diseño de cabecera en Astra

En la lección «Diseño de Cabecera en Astra», nos sumergiremos en la emocionante tarea de personalizar y diseñar la cabecera de tu sitio web utilizando Astra Theme.

🎨 Aspectos Destacados:

  • Exploración de Opciones de Cabecera: Descubre las diversas opciones de diseño que Astra ofrece para personalizar la apariencia de tu cabecera.
  • Configuración de Elementos de Cabecera: Aprende a añadir y organizar elementos como el logotipo, menú de navegación y widgets en tu cabecera.
  • Diseño Responsivo: Asegúrate de que tu cabecera se vea genial en dispositivos móviles y tablets. Trucos y Consejos de Diseño: Descubre consejos prácticos para lograr una cabecera atractiva y funcional.

05 – Diseño de pie de página Footer

En la lección «Diseño de Pie de Página (Footer) en Astra», vamos a sumergirnos en el emocionante mundo del diseño del pie de página para darle ese toque final y profesional a tu sitio web con Astra Theme.

👣 Aspectos Destacados:

  • Exploración de Opciones de Pie de Página: Descubre las variadas opciones de diseño que Astra te brinda para personalizar el pie de página de tu sitio.
  • Configuración de Elementos del Pie de Página: Aprende a añadir elementos como enlaces, widgets y créditos de manera efectiva.
  • Consejos Creativos: Explora trucos y consejos para hacer que tu pie de página sea estéticamente agradable y funcional.


06 – Diseño de blog y las entradas en Astra

En la lección «Diseño de Blog y Entradas en Astra», nos sumergiremos en el fascinante proceso de diseñar y personalizar la apariencia de tu blog y las entradas individuales utilizando Astra Theme.

📝 Temas Destacados:

  • Personalización del Diseño del Blog: Explora las opciones para ajustar el diseño general de la página de inicio de tu blog.
  • Configuración de la Página de Entradas: Aprende a personalizar la apariencia de las páginas de entradas individuales para destacar tu contenido.
  • Widgets y Elementos Adicionales: Descubre cómo agregar y organizar widgets y elementos adicionales en tus páginas de blog.
  • Optimización para la Experiencia del Usuario: Asegúrate de que la navegación por tu blog sea fácil y atractiva. Ya sea que estés gestionando un blog personal, de negocios o de noticias, esta lección te proporcionará las herramientas necesarias para destacar tu contenido de una manera visualmente atractiva y funcional.


07 – Ajuste de migas de pan, sidebar y rendimiento en Astra

En la lección «Ajuste de Migas de Pan, Sidebar y Rendimiento en Astra», nos sumergiremos en aspectos clave para mejorar la experiencia del usuario y el rendimiento de tu sitio web construido con Astra Theme.

🍞 Migas de Pan (Breadcrumbs):

  • Configuración de Migas de Pan: Aprende a habilitar y personalizar las migas de pan para mejorar la navegación del usuario.
  • Diseño y Estilo: Explora opciones de diseño para que las migas de pan se integren perfectamente con tu tema.

📚 Sidebar (Barra Lateral):

  • Personalización de la Barra Lateral: Descubre cómo ajustar y personalizar la barra lateral para mostrar widgets y contenido relevante.

🚀 Optimización de Rendimiento:

  • Mejoras de Rendimiento: Aprende prácticas recomendadas para optimizar el rendimiento de tu sitio web construido con Astra.


08 – Personalizar WooCommerce con Astra

En esta lección, nos sumergiremos en la emocionante tarea de personalizar WooCommerce dentro del marco de Astra Theme para crear una experiencia de compra única y atractiva.

Temas Destacados:

  • Integración de WooCommerce con Astra: Configuración y activación de la integración WooCommerce en Astra.
  • Aprovechamiento de las funciones de diseño específicas de Astra para WooCommerce.
  • Personalización del Diseño de la Tienda: Ajuste de colores, tipografías y estilos para que coincidan con la identidad de la marca.
  • Modificación de la disposición de productos y diseño de página de tienda.
  • Mejora del diseño de las páginas de productos para resaltar características clave.
  • Personalización de la disposición de la información del producto.
  • Configuración de la Página de Carrito y Pago:

Link de productos de prueba de WooCommerce:

Te va a abrir Dropbox, en el menú de arriba va a ver una opción de descargar.


09 – Ajustes de página en Astra

En esta sección veremos como aplicar los ajustes independientes a las páginas de WordPress


¡Bienvenidos a esta emocionante lección donde exploraremos las características adicionales que nos ofrece Astra Pro en cuanto a colores, tipografía y espaciado! En esta fase avanzada, llevaremos la personalización de nuestro sitio web al siguiente nivel. 🚀

Temas Destacados:

  • Colores Personalizados:
    • Descubre cómo utilizar la función de colores personalizados en Astra Pro para adaptar completamente la paleta de colores de tu sitio. 🎨
    • Aprovecha las opciones de color para destacar elementos clave y crear una identidad visual única. ✨
  • Tipografía Avanzada:
    • Explora las opciones avanzadas de tipografía que Astra Pro ofrece, permitiéndote personalizar cada detalle de los textos en tu sitio. 📚
  • Espaciado y Margen:
    • Personaliza el espaciado entre secciones y elementos para una presentación visualmente impactante. 🌟

¡En este emocionante video, exploraremos todas las características adicionales que ofrece el módulo de Blog Pro de Astra Pro! Descubre cómo potenciar y personalizar tu blog para una experiencia única.

Temas Destacados:

  • Diseño Avanzado del Blog:
    • Explora las opciones avanzadas de diseño para destacar tu contenido de manera visualmente atractiva.
    • Personaliza la apariencia de la página principal del blog para captar la atención de tus visitantes.
  • Diseño de Entradas Individuales:
    • Aprende a personalizar la apariencia de las entradas individuales para una presentación única.
    • Destaca elementos clave como imágenes destacadas y metadatos para mejorar la legibilidad.
  • Formato de Entradas:
    • Descubre las opciones de formato de entradas para una presentación variada de contenido.

¡En este emocionante video, aprenderemos cómo crear un Mega Menú en Astra Pro y llevar la navegación de tu sitio web a un nuevo nivel de elegancia y funcionalidad!

Temas Destacados:

  • Introducción al Mega Menú:
    • Descubre la importancia y beneficios de implementar un Mega Menú en tu sitio web.
    • Aprende cómo un Mega Menú puede mejorar la experiencia del usuario y la navegación.
  • Configuración del Mega Menú en Astra Pro:
    • Explora las opciones y herramientas específicas que Astra Pro ofrece para la creación de Mega Menús.
    • Configura la estructura del menú y organiza tus categorías y enlaces de manera efectiva.
  • Diseño Personalizado:
    • Aprende a personalizar la apariencia del Mega Menú para que se alinee con la identidad visual de tu sitio.
    • Agrega imágenes, iconos y estilos para hacerlo visualmente atractivo.

En este video, nos sumergiremos en las poderosas funcionalidades de Astra Pro relacionadas con la cabecera fija y los contenedores, elevando la estructura y la navegación de tu sitio web.

Temas Destacados:

  • Cabecera Fija:
    • Descubre cómo activar y personalizar una cabecera fija para mejorar la navegación del usuario.
    • Aprende a ajustar el diseño y los elementos de la cabecera fija para una experiencia de usuario optimizada.
  • Contenedores Personalizados:
    • Explora las opciones avanzadas de contenedores para adaptar el ancho y la disposición de tu contenido.
    • Personaliza los márgenes y el espaciado para lograr un diseño armonioso y atractivo.

En esta fascinante lección, exploraremos la potente funcionalidad de Astra Pro relacionada con la personalización de cabeceras específicas para diferentes tipos de páginas. ¡Prepárate para llevar el diseño de tu sitio al siguiente nivel!

Temas Destacados:

  • Introducción a Cabeceras Condicionales:
    • Descubre cómo Astra Pro te permite personalizar las cabeceras según diferentes tipos de páginas.
    • Aprende a crear una experiencia de usuario única para cada sección de tu sitio web.
  • Configuración de Cabeceras Condicionales:
    • Explora las opciones de Astra Pro para configurar cabeceras condicionales de manera sencilla.
    • Personaliza la apariencia y disposición de la cabecera según las necesidades específicas de cada página.
  • Descubre cómo esta función mejora la navegación y la relevancia de tu sitio web.

¡Bienvenidos a esta emocionante lección donde exploraremos las características adicionales que nos ofrece Astra Pro en cuanto a diseño personalizado.

Enlace de Guía Visual de Astra Pro: https://developers.wpastra.com/theme-visual-hooks/


Deja un comentario

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

No te pierdas nada

Publico nuevo contenido cada semana como tutoriales, tips y herramientas. Suscríbete y recibe al momento todo el contenido exclusivo