En el desarrollo de este curso de WordPress estamos trabajando con el tema Astra. Un tema ligero, rápido y personalizable con el que podemos crear un sitio web totalmente profesional. En esta lección vamos a conocer todo lo que nos ofrece este excelente tema.
En la lección, instalar un tema WordPress, hemos visto como instalar Astra en WordPress. Adicionalmente hemos instalado Astra Child para mejorar la personalización de nuestro sitio web.
Dirígete al apartado Apariencia >> Opciones de Astra. En este apartado encontrarás todas las opciones que incluye este tema.
En este bloque hay 8 enlaces directos a la configuración del tema a la que se puede acceder desde Apariencia >> Personalizar. Estas opciones son las más utilizadas.
Astra es un tema FREEMIUM: es gratis (FREE) pero ofrece la posibilidad de adquirir una versión PREMIUM. Existe un plugin llamado Astra PRO con el que se pueden ampliar las opciones de configuración del tema.
Aunque para el desarrollo de este curso vamos a utilizar la versión gratuita, vale la pena invertir en la versión PRO de manera que puedas sacar el máximo provecho del tema y realizar diseños realmente profesionales.
Uno de los mejores temas que puedes instalar para comenzar a crear un proyecto profesional con WordPress, es Astra. Este tema ofrece una versión gratuita, que puedes instalar desde WordPress y, una de pago, con excelentes opciones de diseño.
Este tema Multipurpose (múltiples propósitos) es ideal para crear blogs, páginas y tiendas online en una misma instalación.
Adicionalmente, los desarrolladores del tema, han creado una serie de plugins gratuitos para mejorar el diseño y funcionamiento de un sitio web con Astra.
En la lección, plugins gratuitos para Astra, conoceremos estos plugins y cómo funcionan con el tema.
Anuncio publicitario
La mayoría de temas PREMIUM y FREEMIUM (como Astra) suelen ofrecer una serie de plantillas prediseñadas para instalar en un sitio web. Cada una de estas plantillas es un DEMO completo de sitios web hechos con el tema.
Al instalar una plantilla, se creará un sitio web con colores, tipografía, imágenes, páginas, entradas, productos y menú. Vamos, que te hace todo el trabajo con solo un clic para que solo tengas que modificarlo a tu gusto.
Existe un plugin gratuito llamado Starter Templates – Elementor, Beaver Builder, Gutenberg & Brizy Templates, que genera plantillas prediseñadas para Astra, el cual incluye varios diseños que podrás instalar si no quieres comenzar desde cero.
Al instalar Astra Starter Sites puedes importar toda la estructura, contenido y configuración de cualquier diseño, según el editor de contenidos que vayas a utilizar, y luego modificar todo el sitio según tus necesidades.
La finalidad de instalar estos diseños es facilitar el trabajo. De esta manera no hay que realizar un diseño desde cero.
Sin embargo, si no estás familiarizad@ con los editores de contenido, no recomiendo trabajar con una plantilla prediseñada ya que el proceso es más complejo y, de esa forma, será más difícil que aprendas a diseñar un sitio web.
Para instalar el plugin:
Dirígete al apartado Apariencia >> Astra Starter SItes. Selecciona el editor de contenidos que estés utilizando y haz clic en Siguiente.
Para el desarrollo de este curso de WordPress vamos a trabajar con Elementor que es un editor de contenidos potente y 100% compatible con Astra.
A continuación, podrás observar todas las plantillas disponibles desarrolladas con Astra y Elementor. Si pasas el ratón por cada una aparecerá el botón Vista previa.
Las plantillas con la etiqueta AGENCY, solo están disponibles si tienes la versión PRO de Astra (MINI AGENCY BUNDLE o AGENCY BUNDLE).
El resto de plantillas sin etiquetas son las que están disponibles y puedes instalar en tu sitio web. Para instalar una plantilla, haz clic en el botón Vista previa de cualquiera de ellas.
Verás un DEMO de la plantilla con las secciones principales. Puedes navegar por el DEMO para comprobar si te gusta o prefieres buscar otra plantilla.
Tendrás la opción de importar todo el contenido necesario (plugins, opciones, textos y multimedia, widgets) que integrarán tu sitio web. Haciendo clic en el icono verás que significa cada opción.
También tienes la posibilidad de borrar el contenido si has importado otra plantilla anteriormente.
Como la finalidad de este curso de WordPress es que aprendas a trabajar con Astra y Elementor, no vamos a instalar una plantilla. Iremos creando las páginas, entradas y productos desde cero a medida que avancemos en el curso.
Para conocer todas las opciones de personalización que ofrece Astra, dirígete a Apariencia >> Personalizar.
Como puedes observar en la imagen anterior, Astra ofrece todas las opciones de configuración básicas para personalizar nuestro sitio web: colores, fuentes, cabecera y pie de página entre otras.
Una característica adicional que ofrece el personalizador de Astra, es la posibilidad de asignar valores según el tipo de dispositivo: PC, tabletas o móviles.
En la parte inferior izquierda podrás encontrar los iconos de cada dispositivo. En cada uno de ellos, podrás asignar valores diferentes a cualquiera de las características.
Por ejemplo: en versión PC el logo puede tener 120px de ancho mientras que en versión tableta y móvil podremos asignar 80px.
En la lección, personalizar Astra, veremos a fondo cada una de estas opciones para comenzar a darle vida a nuestro sitio web.
Anuncio publicitario
Astra es un excelente tema con el cual realizar sitios web muy profesionales. Como has podido apreciar, cuenta con una gran variedad de opciones para personalizar el sitio web a tu gusto. Además, el plugin Astra PRO, añade opciones adicionales con las cuales mejorar el diseño y funcionalidad del sitio web.
Utilizar Astra Sites es una opción para realizar pruebas en un sitio web pero, si no estás familiarizado con el diseño web, es mejor que no utilices este plugin y desarrolles tu sitio web desde cero.
No me gusta el SPAM y se que a ti tampoco. Sólo recibirás información útil sobre WordPress.
Al enviar, confirmas que has leído y aceptas la política de privacidad. Conoce nuestro compromiso con tu privacidad.
