Astra: MEGAGUÍA de la mejor plantilla para WordPress con Elementor

Astra es, para mí y a día de hoy, la mejor plantilla para WordPress que hay.

¿Muchas opciones en cuanto a plantillas, verdad?

Si… es un cacao mental, sobre todo cuando no sabes bien con cuál personalizar bien tu web y que te resulte fácil.

Tienes un montón de opciones en el mercado, no te lo discuto: que si Génesis, Divi, plantilla de Themeforest

En el post de hoy, te presento la opción que yo te recomendaría: la plantilla Astra.

Vamos a ver como funciona con el page builder de Elementor al igual que ya hicimos anteriormente con otro Framework de los grandes hoy día: GeneratePress.

¿Estamos listos?

Qué es Astra

Pues bien, Astra no es más ni menos que otro theme gratuito que puedes descargar desde el repositorio de WordPress, con el que puedes crear una web potente, con un diseño atractivo y funcional.

Y lo más importante: fácil de personalizar, ya que no tienes que tocar nada de código.

mejor-plantilla-wordpress-astra

Características principales de la plantilla Astra

Estas son algunos de los puntos fuertes de este theme:

  • Optimizado para el código.
  • Gran velocidad de carga, en menos de 0,5 segundos.
  • Ocupa menos de 50 KB.
  • Fácil de personalizar, gracias a sus opciones tan intuitivas.
  • Combina muy bien con plugins como Elementor, WooCommerce y Lifter LMS.

¿Te parece poco?

Pues aquí puedes ver en profundidad todo lo que te permite hacer esta plantilla en cuanto a niveles de personalización, que veremos después más a fondo.

Actualmente cuenta con más de 200.000 instalaciones activas y tiene valoración 5 estrellas.

astra-wordpress

Además cuenta con un child theme, que te recomiendo que instales si vas hacer alguna actualización a nivel de CSS, para que después cuando actualices la plantilla, no se borren estos datos que hayas incluido a nivel de estilo.

Puedes descargártelo aquí mismo.

¿Sirve Astra para diseñar cualquier web?

Con esta plantilla puedes crear páginas estáticas, blogs, páginas nicho, tiendas y academias online… vamos todo lo que se te ocurra.

Cómo te decía antes y veremos luego, este theme se integra perfectamente con el plugin de Elementor, por lo que el diseño no va ser un problema para cualquier tipo de página que quieras crear.

Eso sí, si quieres acceder a todo el nivel de personalización tendrás que optar por la versión premium, es decir, comprar los Addons.

Pero eso te lo contaré más tarde.

Ahora vamos a ver que nivel de diseño puedes tener con la versión libre de la plantilla.

Cómo instalar esta plantilla

Vamos a meternos en materia para enseñarte de que es capaz esta plantilla con su versión free.

Lo primero que tienes que hacer es instalarla desde «Apariencia>Temas» en tu WP, y tendrás la opción de ver como trabajar con esta plantilla haciendo clic en el botón «Primeros pasos«.

Una vez hagas clic, se te abrirá un asistente para seleccionar que maquetador quieres usar: Gutenberg, Beave Builder, Elementor o Brizy.

Sin duda te recomiendo que elijas la opción de Elementor.

instalacion-theme-wordpress

Una vez realizados estos primeros pasos, se te abrirá una biblioteca de plantillas de la colección de Astra, que podrás utilizar para importar en tu WordPress.

plantillas-astra-wordpress

Esta es una opción de crear tu web partiendo de una plantilla y la otra es partir desde cero, creando un boceto inicial y empezar a diseñar cada una de las páginas que van a conformar tu proyecto online.

Consejo: Después de instalar el tema padre, te recomiendo que instales posteriormente el child theme, y lo dejes activo, tal y como te explicaba antes por si vas a realizar posteriores modificaciones de estilos en la plantilla.

Vamos a ver como hacerlo paso a paso con un vídeo:

YouTube video

Opciones de personalización gratuitas

Una vez tengas instalado Astra, tendrás que acceder a «Apariencia>Personalizador» para empezar a realizar los primeros ajustes a nivel de diseño de tu web.

personalizador

Con la versión gratuita de Astra podrás ajustar todo esto a golpe de clic:

  • Diseño: desde esta opción podrás personalizar la cabecera, las migas de pan, el blog, la barra lateral, el pie de página y el contenedor.

diseño-personalizador

  • Colores y Fondo: en este otro apartado podrás editar los colores de base, de las migas de pan, la cabecera y la barra del pie de página.

colores-y-fondo

  • Tipografía: aquí igualmente podrás elegir que tipo de letra quieres aplicar de base para la web, las migas de pan, la cabecera, el contenido y blog.

tipgrafia

  • Botones: con estas opciones podrás personalizar el color y la forma de los botones.

botones

  • Menús: este apartado es el mismo que trae WP de partida, donde podrás crear menús para tu web.
  • Widgets: igualmente desde aquí, al igual que lo hacemos en el escritorio, podrás elegir que widgets quieres insertar en la barra lateral principal.
  • Ajustes de portada: en este bloque puedes seleccionar que página mostrar en la portada de tu sitio web.
  • CSS Adicional: por último, desde aquí puedes incluir estilos a nivel de código CSS para tu página.

Creo que lo mejor es que veas las opciones de personalización que te proporciona Astra en su versión gratuita a través de un vídeo resumen:

YouTube video

Además, si entras dentro de «Apariencia>Opciones de Astra«, encontrarás unas funcionalidades extras, que podrás ejecutar con la instalación de algunos plugins gratuitos:

extensiones-astra

  • Importar y exportar las configuraciones iniciales que hagas en una plantilla para otra web
  • Puedes restablecer las configuraciones que hagas en el personalizador a golpe de clic
  • Activar la Búsqueda del personalizador
  • Astra Bulk Editar
  • Astra Widgets
  • Fuentes personalizadas
  • Fuentes Typekit personalizadas
  • Administrador de la barra lateral
  • Últimos addons para Gutenberg

Astra Premium

Si necesitas acceder a personalizaciones más a fondo, puedes recurrir a la versión de los Addons premium de Astra.

Por sólo 59$/año puedes tenerlo todo en tu sitio web.

Ahora, si eres un freelance que se dedica al diseño web o una agencia, te recomendaría mejor que optarás por el paquete de Astra PRO para Agencias, ya sea el formato mini o completo, por 169 y 249$ respectivamente.

Ojo, que también puedes comprar la versión premium en un único pago para toda la vida 🙂

precios-astra-pro

Veamos uno a uno, que diferencias existen entre los distintos planes.

Precios y tipos de planes

Plan Básico

En primer lugar, tenemos el plan básico, que nos incorpora de más sobre la versión libre lo siguiente:

  • Acceso a todos los addons premium.
  • Más de 20 sitios de inicio gratis.
  • Soporte uno a uno para las dudas que puedan surgirte.
  • Entrenamiento exclusivo para conocer a fondo los addons.
  • Uso de los addons en todos los sitios webs que necesites.

Plan Mini

En segundo lugar, el plan Mini para agencias incluye sobre el plan básico lo siguiente:

  • Más de 50 sitios de inicio de agencia.
  • WP Portfolio: un plugin premium creado por Astra para insertar portfolios en tu web.
  • Elección de uno de los Addon para estos constructores:
    • Ultimate Addons for Beaver Builder: otro plugin para este maquetador con funcionalidades extras.
    • Ultimate Addons for Elementor: un plugin que también incluye funcionalidades al maquetador de Elementor.

Plan Agencias

¿Y que incluye el paquete para Agencias como extra sobre el plan Mini?.

  • Plugin Convert Pro: para captar suscriptores.
  • Plugin Schema Pro: para introducir esquemas en tu web.
  • Ultimate Addons for Beaver Builder: otro plugin para este maquetador con funcionalidades extras.
  • Ultimate Addons for Elementor: un plugin que también incluye funcionalidades al maquetador de Elementor.
  • Acceso a los futuros plugins y complementos creados por Astra.

Aquí puedes ver todo lo que incluye cada plan más a fondo.

Si compras la versión anual, tendrás derecho a soporte y actualizaciones durante todo un año.

Si luego renuevas, automáticamente tendrás un descuento del 20% en el precio 🙂

Repaso de Addons de pago

Una vez hayas adquirido la versión PRO de Astra, vas a encontrar todos estos addons que te ayudarán a diseñar tu web:

addons-wordpress

Veamos uno a uno que opciones nos permite:

  • Encabezado transparente: Con esta función puedes crear encabezados transparentes en tu web, de forma atractiva y visual. Puedes habilitarlo tanto para escritorio, móvil, o escritorio + móvil.

cabecera-transparente

  • Etiqueta blanca: Con esta opción, puedes añadir tus datos para establecer como marca blanca, que un producto de Astra ha sido diseñado por ti. Lo que haces es añadir tu nombre dentro de las características del plugin o plantilla que hayas creado. Como puedes ver en este ejemplo:

white-label-plugin-label

  • Diseños de blog: Activando este apartado tienes opciones de personalización para el listado de post y cada entrada individual.

diseños-de-blog

  • Diseños del sitio: En este apartado puedes establecer el ancho del contenido del sitio web. Tienes las opciones: diseño de ancho completo, ancho máximo, acolchado y disposición fluida.
  • WooCommerce: con este bloque, podrás personalizar la página tienda de WooCommerce para la venta de tus productos o servicios a través de tu web.

woocommerce-astra-pro

  • Encabezado fijo: gracias a esta opción, podrás dejar como fija la cabecera, de manera que cuando el usuario haga scroll en la página, éste se quede pegado arriba de la pantalla para no perder nunca el menú de navegación.

cabecera-fija-astra-pro

  • Encabezados de página: Con este personalizador puedes crear diseños propios para los encabezados de páginas, y establecer en cuales de ellas quieres aplicarlo.

page-headers-astra-pro

  • Más controles de color: Dentro de este apartado tendrás más ajustes disponibles para trabajar los colores de toda la web: encabezados, menús primarios, contenidos y H1,H2… listados de post, entradas individuales y barra lateral.

colores-y-fondo

  • Mejor tipografía: en este otro bloque igualmente podrás trabajar la tipografía de la web a un nivel mucho más profundo. Podrás establecer que tipo de letra quieres para los encabezados, menús, listados de post, entradas únicas, widgets y barra lateral.

tipografia-astra-pro

  • Diseños personalizados: en cambio este bloque es muy interesante, ya que desde aquí podrás crear diseños personalizados y específicos para tu web: encabezados, pies de página, páginas 404 e incluir los famosos fragmentos de código para los Hooks.

Nota: Tienes un plugin propio de Astra que puedes descargar aquí, que te permite conocer visualmente estas zonas de hooks de la plantilla, donde puedes insertar códigos para ejecutar ciertas funcionalidades.

diseños-personalizados

  • Botón para ir arriba al menú: Con este personalizador puedes activar un botón para que el usuario cuando se encuentre haciendo scroll en tu web, pueda volver hacia arriba cómodamente.

boton-volver-arriba

  • Widget de pie de página: En este apartado podrás establecer los widgets que quieras justo encima del footer. Puedes elegir entre estos 7 diseños disponibles.

footer-widget

  • Secciones de encabezado: En este otro bloque puedes crear secciones determinadas para las cabeceras de las páginas. Puedes introducir dos secciones de encabezado (Encabezado anterior y encabezado inferior) en el header del sitio web.

cabecera-secciones

gif-cabecera-movil

  • Control de espacio: con esto se activarán en algunos apartados del personalizador, la posibilidad de trabajar los espaciados en distintas partes de la web, como por ejemplo la cabecera:

espaciados-cabecera-astra-pro

  • Lifter LMS, Learn Dash y Easy Digital Downloads: Los chicos de Astra nos ofrecen varios addons premium que nos dan la opción de trabajar a nivel de diseño cada una de las páginas que nos creen estos plugins.

El combo perfecto es…

Como habrás visto, Astra no sólo se combina bien con el maquetador de Elementor, sino que funciona también con otros Page Builders como:

  • Beaver Builder
  • Thrive Architect
  • Visual Composer
  • Divi
  • Toolset

Cómo ves las opciones que tienes para diseñar tu web, son infinitas 🙂

En mi experiencia, he probado Astra + Elementor, que como veremos luego, es la opción que más te recomiendo a día de hoy.

integraciones-astra-wordpress

Veamos en detalle como se comporta con este maquetador.

Cómo crear una página con Astra y Elementor

Una vez tengas claras las opciones de personalización de Astra y tengas instalado el plugin de Elementor, vamos a ver como crear las páginas de tu web con estas dos herramientas.

Lo primero que tienes que saber es que cuando añadas una nueva página, vas a tener los siguientes ajustes disponibles de Astra:

ajustes-pagina-astra

  • Barra lateral: puedes activar la barra lateral derecha, izquierda, o sin barra lateral.
  • Diseño del contenido: aquí podrás definir el ancho de tu página (según el contenido, ancho total…).
  • Desactivar secciones: en este bloque puedes desactivar elementos como el header, título, imagen destacada, footer…
  • Cabecera transparente (opción Astra Pro)
  • Cabecera de página (opción Astra Pro)
  • Cabecera fija (opción Astra Pro)

Aquí puedes ver un ejemplo para que aprendas a crear una página desde cero con Astra y Elementor:

YouTube video

Astra + WooCommerce para crear tiendas online

El plugin por excelencia para crear tiendas virtuales en WordPress es WooCommerce; por tanto, si lo combinamos con una buena plantilla para personalizar las páginas de la tienda, mucho mejor.

woocommerce-astra

Gracias a este addon de Astra Pro, podrás personalizar:

Nota: También tienes un bloque extra cuando instalas el plugin de WooCommerce, que te permite elegir los colores y opciones de fondo en el personalizador.

Astra + Lifter LMS o LearnDash para crear academias y cursos online

Otro plugin que viene bien conocer es Lifter LMS, ya que con éste podemos crear cursos y academias online en nuestro WordPress.

Gracias a su buena compatibilidad con Astra, los chicos del equipo, han creado un addon específico para este plugin, que te permite personalizar lo siguiente:

lifter-lms

A nivel genérico, puedes personalizar:

  • las columnas de los cursos y membresías,
  • puedes activar el pago en la página del checkout sin distracciones (eliminando el header y el footer) y,
  • te permite personalizar el menú de «Mi Cuenta» del alumno.

Además, a nivel de Curso o Lección, puedes activar distintas opciones, como:

  • habilitar imágenes de las características y la descripción del curso;
  • los metadatos y detalles del instructor,
  • habilitar una barra de progreso, y
  • gestionar los encabezados para los menús personalizados.

Ejemplos de páginas con Astra y Elementor

ejemplo-diseño-astra

El blog de Haciaelautoempleo.com es uno de los ejemplos de gran diseño realizado con Astra y Elementor.

También tienes cursos online creados con estas dos potentes herramientas:

ejemplo-diseño

Por último, recuerda que puedes instalar en cualquier momento el plugin gratuito de Astra Sites, para instalar alguna de las plantillas que ofrecen desde su biblioteca.

Astra VS GeneratePress

Una vez que has visto las posibilidades que ofrece Astra, voy a contarte los pros y contras que tiene esta plantilla de WP con respecto a su primo GeneratePress creado por Tom Usborne.

Como ya habrás visto si ya conocías GeneratePress anteriormente, verás que Astra es un gran competidor, ya que las funcionalidades que ofrece son muy parecidas a este otro theme.

Vamos a ver en profundidad las diferencias entre ambos frameworks.

Pros y Contras de Astra y GP

Voy hacer una pequeña lista con las principales diferencias que encontramos en los dos themes para que lo tengas a modo resumen:

Característica                         Astra                                                     GP

Precio                                      59$                                                        49,95 $

Soporte                                   Uno a uno                                            Foros

Espacio en disco                    Menos de 50 KB                                Menos de 30 KB

Velocidad                                Carga en menos de 0,5 seg              Velocidad de primer nivel (no especifica)

JQuery                                     No. Utiliza Javascript                       No. Utiliza Javascript

Código                                     Optimizado y seguro                         Optimizado y seguro

¿WooCommerce?                 Compatible                                          Compatible

¿Lifter LMS?                          Compatible                                          Compatible

¿WPML?                                 Compatible                                          Compatible

Creo que uno de los puntos más fuertes de Astra es claramente el tema del soporte técnico.

Con GP, sólo puedes preguntar tus dudas a través de foros; o consultar la documentación que hay colgada en la web oficial.

Sólo te permiten contactar a través del formulario de contacto para pre-venta de la plantilla; mientras que con la opción de Astra tienes soporte uno a uno, de ahí su diferencia de precio (10$ más que merece la pena como inversión).

Conclusiones y opinión sobre la plantilla Astra

Opino que Astra es una gran opción para aquellas personas que quieren usar un theme fácil de personalizar, junto con un buen maquetador de páginas y sin tener que saber necesariamente picar código.

Sin duda, al lado de GeneratePress es una de las mejores plantillas que puedes encontrar en el mercado para crear tu página web.

Vale cada euro o dollar de su precio, teniendo en cuenta todas las opciones disponibles y la compatibilidad que tiene con distintos plugins.

Así que puedo afirmar, que Astra es otra herramienta muy potente a valorar para aquellos diseñadores que estén pensando qué plantilla de WordPress utilizar en los proyectos webs de sus clientes y en la suya propia.

Espero que te haya servido esta guía 🙂

Si quieres un curso completo de Astra donde te explicamso todo paso a paso, lo tienes ahí.

¿Y tú, lo has utilizado alguna vez? ¿Qué opinas de Astra?

Nos vemos en los comentarios si tienes dudas.

5/5 - (4 votos)

¿Te gustaría autoemplearte y trabajar desde casa pero no sabes por dónde empezar?

63 comentarios en “Astra: MEGAGUÍA de la mejor plantilla para WordPress con Elementor”

  1. Hola muchas gracias por el articulo, es de mucha utilidad.
    Tengo unas consultas referidas a la version Astra Pro, si realizo la opción de pago anual puedo realizar sitios webs ilimitados en el plazo de ese año? Y como se verán afectadas las webs vencido el año de PRO. Debo renovarlo año tras año para que esas webs sigan funcionando o al realizar cambios?
    Porque de necesitar renovar si o si anualmente conviene la opción de «toda la vida».
    Muchas gracias

    1. Hola Emmanuel,
      sí, actualmente todos los planes de Astra Pro de uso ilimitado en tantas webs como quieras.
      En caso de escoger la opción «anual», lo que ocurre tanto en tu web como en todas las que lo hayas instalado si no pagas una renovación al terminar el año, es que dejas de tener acceso a las actualizaciones para nuevas versiones y a su soporte oficial.
      Es decir, no le pasa nada al funcionamiento como tal de las webs, pero dejas de tener esas dos cosas.
      En caso de optar por la opción «lifetime», efectivamente tendrás para siempre ese soporte oficial con ellos y las actualizaciones de nuevas versiones de Astra Pro de por vida.
      Un saludo.

  2. Gran artículo,
    Estoy totalmente de acuerdo. Astra es un muy buen tema y no solo ofrece la facilidad de manejarlo rápidamente, sino que además después no es el típico tema que da problemas de velocidad. Consigue un equilibrio perfecto para mi gusto.
    En mi opinión, Astra es uno de los mejores temas peleando codo a codo con Flatsome !!

  3. Hola, gracias por el articulo. Estoy buscando una opción que creo que no tiene Astra con Woocommerce. Y la verdad es que me extraña, siendo una plantilla tan usada. Quiero que cuando un usuario se registra o va al login los campos del password del formulario tengan el mostrar/ocultar contraseña. Sabes si se puede hacer? Mil gracias.

    1. Hola Uri,
      lo cierto es que no lo sé, pero creo que una opción de ese estilo no tiene tanto que ver con la plantilla de WordPress (en este caso Astra) como con el plugin utilizado para crear dicho formulario de login.
      Entonces sería investigar con el soporte del propio plugin, si tienen esa opción o la van a implementar a futuro.
      Un saludo.

  4. Hola buenas
    Tengo un problema con el modo de adaptabilidad. Cuando hago algún cambio en el modo móvil por ejemplo, para ajustar mejor el contenido, esos cambios también se realizan en la versiones tablet y pc. ¿Como puedo hacer cambios en cada versión sin que afecte a las demás?

    1. Hola Sandra,
      depende de cómo y desde dónde estés haciendo esos cambios para la versión móvil.
      Si utilizas Elementor por ejemplo (es lo que yo recomiendo), cuando haces cualquier cambio en la versión móvil no te tiene por qué afectar a la versión PC.
      Un saludo!

  5. Saludos. interesante el articulo. Pero no me quedo claro sobre el video del tema hijo y el tema padre.
    Ambos deben de activarce o cual es el tema que se activa?.
    No me quedo claro su funcionalidad de ambos tema?.
    Donde es que debo de realizar el cambio de estructura del diseño en el tema hijo o padre?.
    Estere atento a sus respuesta. Gracias

    1. Hola Roque,
      el tema padre se instala y es el que hace de «capa inferior», en ese no se realizan los cambios.
      Es en el tema hijo, que hace de «capa superior» donde se realizan los cambios y es el que tiene que estar tanto instalado como «activo».
      Un saludo.

  6. ¡Hola!
    ¡Gracias por el post! Al final me decidí a comprar el tema Astra con la licencia para agencias. Pero al activar el tema, su versión pro, Elementor y el plugin «ultimate-elementor», me encuentro que no tengo forma de insertar un slider. ¿Tengo que instalar un plugin a parte para los sliders?
    Muchas gracias y saludos,

    1. Hola Isabel,
      pues la verdad es que como hace muchos años que no utilizo sliders en ninguna web, no sabría decirte.
      Puede que tenga que ver con que tengas o no la versión PRO de Elementor, o bien contactaría con el soporte de Astra a ver qué te pueden decir.
      Un saludo!

  7. Hola Tengo mi web montada con wordpress y optimizepress. He insatalado elementor y astra pro en una copia de mi web para probar los cambios y se me desmonta todo el diseño…¿Cuál es la mejor manera de hacer este cambio de tema, sin perder todo el trabajo anterior?

    sobretodo los bottones, menús, row!!!

    mil gracias

    1. Hola Paula!
      Es que básicamente, cuando cambias de plantilla es porque se quiere cambiar el diseño.

      Quiero decir, que debes entender que cada theme tiene sus propias característicasy estilos, entonces lógicamente cuando se cambia de uno a otro, todo se desconfigura a la espera de que lo «rehagas» en base a la nueva plantilla.

      Si no quieres peder el trabajo anterior y dejarlo como estaba, entonces es mejor no cambiar de plantilla.

      Y si lo que quieres es tenerlo igual que antes pero con otra distinta, te toca trastear y modificar desde la nueva para adaptar el diseño a como estaba, no hay otra.

      Un saludo!

  8. Muchas gracias! decidí cambiar rehub por astra, super veloz y mas simple de usar, tu guía me resolvió un par de dudas que me traían atorado.
    Me leeré tu curso para poderle exprimir al máximo!

  9. Hola y gracias por tu artículo. Extenso pero se lee bien (es lo que buscaba). Recientemente estoy cada vez más convencido a hacer un cambio de tema en mi web (hecha con Elementor Pro y Hello), a Astra Pro y estoy aprendiendo un poco a manejar ésta plantilla y ver las opciones que da (por afición).
    Artículos como éste me ayudan mucho a aprender y coger confianza para dar el salto. Gracias de nuevo.

  10. Hola. muy buena la información que nos das. Tengo una consulta. Si ya creé una una página web con Astra gratis y ahora quiero comprar el paquete de Astra Pro. ¿Cómo hago con mi página ya creada? ¿Tengo que borrarla y volverla a crear?.
    Te agradeceré tu respuesta.

    1. Hola Erika,
      Astra Pro es simplemente un plugin que hace de complemento al Astra normal.
      Es decir, le dota de unas funcionalidades y opciones extra, pero no altera el diseño de la web que ya tengas creada en absoluto.
      Tú tendrás igualmente tu plantilla de Astra y tu diseño actual, y además, el plugin de Astra Pro para potenciar sus funciones que, insisto, no modifica al instalarlo el diseño actual.
      Un saludo.

  11. Buenas tardes,
    hace tiempo que uso el tema Atra y la verdad es que me va genial, no obstante estoy teniendo muchos problemas a la hora de querer traducir mi página web. Uso Polylang para las traducciones, pero no me esta resultando ser compatible con Astra, almenos eso es lo que creo, puesto que cada vez que he traducido la página se me ha borrado el contenido original de la página inicial. No se si usted podría ayudarme respecto a eso.
    Muchas gracias.
    Marta

  12. Hola Omar, muchas gracias por el artículo.
    Estoy pensando seriamente en pasarme de Divi a Astra+elementor y tengo estas dos preguntas:
    ¿me lo recomiendas?
    ¿es sencillo hacer el cambio? Tengo miedo a perder cosas o alguna actualización, porque hace tiempo que no actualizo el theme.
    Gracias. Saludos!

    1. Hola Justo,
      yo claro que te lo recomiendo, ahora bien, como dices hay que tener ojo porque lógicamente si pasas de Divi a Astra+Elementor el problema no es que «pierdas algunas cosas por no actualizar hace tiempo el theme», sino que te va a cambiar todo.
      Quiero decir, que lo que son «los contenidos» de cada página y/o cada entrada no se va a perder, pero a nivel visual o de maquetación te va a cambiar todo.
      Por eso lo suyo sería crear un clon en un subdominio y luego volcarlo de nuevo a la raiz cuando ya lo tengas todo a tu gusto. O poner la web «en construcción» mientras trabajas, depende de cada caso.
      Un saludo.

  13. Hola Diego,
    Muchas gracias por tus tutoriales. Creé mi página con elementor y astra versión gratuita y todo funcionaba perfecto, hasta hace 1 mes que le compré el certificado SSL con godaddy. A partir de ahí la página se demora en cargar cada cambio por lo menos 18 horas o más. Además la página que edite se desconfigura ya sea en el celular, en el computador o en el ipad, sale el fondo en blanco y la plantilla queda completamente desconfigurada. Generalmente vuelve a estar bien 24 horas después, pero esto me tiene muy preocupada porque ya no puedo ver mis cambios en tiempo real (solo el preview en wordpress, pero no las versiones reales ni el computador, ni celular o el ipad).

    Qué puedo hacer? De verdad estoy desesperada y agradecería inmensamente tu ayuda.

    1. Hola Viviana!
      No me cambies el nombre que no soy Diego, me llamo Omar 😉
      Bromas a parte, pues lo cierto es que lo te ocurre… sencillamente no debería pasar.
      Si tienes claro que es por lo del certificado SSL, yo optaría por desactivarlo.
      Yo por ejemplo el tema del SSL lo tengo puesto desde el propio hosting, en mi caso con Webempresa, que me lo ponen y además es totalmente gratis, no tengo que pagarles nada por el certificado y no me ha dado ningún problema, vaya.
      No te puedo decir mucho más, que lo desactives aunque sea temporalmmente para comprobar si realmente es eso, y el resto de cuestiones tienes que tratarlas directamente con tu proveedor de hosting.
      Un saludo!

    2. Hola Omar! jajaj perdón no sé qué me pasó. Muchas gracias por tu respuesta, lo voy a intentar a ver si me funciona. Lo raro es que mi hosting también lo compré con godaddy y ellos me dijeron que no tenía nada que ver, pero igual lo voy a intentar porque si empezó a fallar la página desde que quedó activado el SSL.

      Muchas gracias por tu ayuda.

      Un abrazo

  14. Hola muy bueno el artículo, pudieras aclararme para el idioma del tema como se haría, lo estoy empleando con elementor y y aparece en inglés. gracias de antemano

    1. Omar de la Fuente

      Hola Merce,
      el curso de Astra es solo uno de los 20 cursos que tenemos dentro de Titanes Warpress, no se pueden hacer sueltos.
      Si te interesa el acceso completo a la membresía, apúntate al Training y después abriremos puertas a la formación.
      Un saludo!

  15. Hola Omar!! compartes información realmente útil, me gusta la forma como explicas.
    Todavia tengo una duda, cuando vas a subir tu imagen destacada para posts, ¿de que tamaño la montas? Gracias

    1. Omar de la Fuente

      Hola Miri,
      bueno eso depende del ancho de tu «content» en las entradas de tu blog.
      Si usas barra lateral en él, una referencia sería unos 750px de ancho.
      Si no utilizas barra lateral en el blog (ancho completo) pues ás o menos unos 1.024px de ancho.
      Un saludo!

  16. Hola Omar, muy buen post, ya lo he compartido a amigos también!
    pregunta: puedo cambiar solamente el theme de WC dentro de Astra? Cuando lo instalé me dio la opción de buscar una plantilla pero ahora no puedo volver a la original del install….
    Gracias!
    Que tengas un excelente dia!

  17. Hola, me encantó el post y la cantidad de información referente a este combo, yo actualmente tengo un sitio con astra+elementor y esta guia me vino a despejar muchas dudas, excepto la siguiente: si hago el upgrade de astra a astra pro, no necesitaré también upgradear a elementor a pro? o sea con astra basta y sobra? he utilizado antes elementor pro solamente y me parece que es muy completo, pero nunca astra pro, por eso mi duda es si es viable la combinación ASTRA PRO + ELEMENTOR FREE? :O

    1. Omar de la Fuente

      Hola Alejandra!
      Puedes utilizar Astra Pro + Elementor free sin ningún problema.
      Lo de si con eso «basta y sobra» es algo relativo, pues depende de lo que cada uno quiera hacer 😉
      En Titanes Warpress vemos e incluimos ls versiones PRO de ambas herramientas, por el precio que tienen el potencial que alcanca cada diseño web bien lo merece.
      Pero puedes comenzar por ahí, vaya.
      Un saludo!

  18. Hola, tu pagina me encanto y el articulo esta bastante bueno, fíjate que ya tengo mi pagina en Astra pero me interesa realizar retargeting y para esto necesito el código, sabrás como lo puedo localizar? ya que no lo ubico. Gracias

    1. Omar de la Fuente

      Hola Pilar,
      entiendo que hablas de retargeting para tu pulblicidad en Facebook Ads?
      El código del pixel que necesitas no tiene nada que ver con Astra, sino con tu cuenta de Ads.
      El interface va cambiando mucho, pero tendrá que ubicarlo dentro de tu Business Manager supongo o mirar de encontrar un tutorial actualizado a 2020 tipo «donde está el pixel de facebook» 😉
      Un saludo!

  19. Omar primero agradecerte por el excelente artículo, como siempre de 10.
    En esta ocación tengo una duda mencionas lo siguiente:

    Una vez hagas clic, se te abrirá un asistente para seleccionar que maquetador quieres usar: Gutenberg, Beave Builder, Elementor o Brizy.

    Pero más abajo mencionas e incluyes a Divi:

    Como habrás visto, Astra no sólo se combina bien con el maquetador de Elementor, sino que funciona también con otros Page Builders como:

    Beaver Builder
    Thrive Architect
    Visual Composer
    Divi
    Toolset

    Por lo cual me quede con la duda si se puede usar Divi y Astra juntos

    Nuevamente muchas gracias y espero puedas aclarar mi duda

    1. Omar de la Fuente

      Hola Fabián,
      yo es que no soy mucho de Divi, pero hatsa donde yo sé, lo idóneo sería utilizar el propio Theme de Divi y luego el plugin Divi Builder.
      En caso de usar Astra… yo lo combinaría con Elementor. Lo otro no lo he probado 😉
      Un saludo!

  20. Buenas!

    Antes de nada, agradecerte el aporte.

    Voy a comprar Astra, pero no se por cual decidirme, para crear este blog, puedes decirme que versiones has usado y que plugins? Si se puede saber claro…

    Gracias por todo. Saludos.

    1. Omar de la Fuente

      Sí, mi blog está hecho con Astra Pro y con Elementor, básicamente.
      Luego obviamente tengo instalados otros plugins para diferentes cosas, pero para la parte del diseño con eso está hecho.
      Un saludo!

  21. Hola, muy interesante, estoy mirando de trabajar con Astra a partir de ahora, ya que compré Jupiter X y me encantó, pero es un tema tan pesado que he tenido que migrar de servidor y todo a uno especializado en WordPress.
    ¿ Has podido comparar Jupiter X VS Astra ?
    Gracias,
    Alfredo.

    1. Omar de la Fuente

      Hola Alfredo,
      lo cierto es que no, así que no sabría decirte…
      Yo es que desde que descubrí la plantilla de Astra ya no me he movido de ahí 😉
      Un saludo!

  22. Hola Omar, buen post!, Estoy en los pasos ya de montar una web para afiliados de amazon, Astra es una buena opción para esto?

    1. Omar de la Fuente

      Hola Jany,
      no soy especialista en proyectos de afiliación con Amazon. Entonces solo puedo decirte que Astra es un theme muy versatil, fácil de utilizar y que pesa muy poco.
      Es decir, que facilita y mejora el tiempo de carga, lo cual es positivo de cara a Google.
      Creo que esas características son buenas en sí mismas, para un proyecto como el que planteas como para cualquier web, pienso yo 🙂
      Un saludo!

  23. Excelente articulo, yo al final tambien me compre Astra, permite muchas configuraciones y es bastante ligero. Sobre todo poder activar o descativar las opciones que quieras… e importar los diseño ya configurados

  24. Hola, estaba pensando armar uno de mis primeros sitios con Divi, y veo esto y me haces dudar… has comparado el uno con el otro?

    1. Omar de la Fuente

      Hola Esteban,
      sí, he tenido ocasión de probar tanto Divi como Elementor, y sin lugar a dudas me quedo con Elementor.
      Un saludo!

  25. Hola siguiendo tu consejo he comproda la plantilla Astra y es genial por ahora con Elementor me esta yendo de bien, pero he llegado a un punto ciego. Me gustaría poner el header que he creado con elementor, ¿sabes como se desactiva el de Astra?

    1. Omar de la Fuente

      Hola Luis!
      En principio, si has creado un header con Elementor PRO (la versión gratuita hasta donde recuerdo no lo permite) y le indicas en las opciones de visualización que lo muestre en toda la web (Entire site), automáticamente se superpone y no muestra el de la plantilla.
      Un saludo!

  26. Yo estiy creando mi nuevo theme con Elementor y estoy alucinando de la cantidad de opciones a la hora de editar modulos, textos, colores, tamaños…
    Al principio me costó pillar el tranquillo de configuración, pero ahora ya voy desarrollando el tema 🙂
    La unica pega es que si eliges un diseño creado en la versión de pago, es un tanto complicado meter mano a modifcar la estructura de diseño

    En resumen RECOMENDABLE elección y además en español

  27. ¡Menudo post que te has currado, Jessica! Justamente estoy por hacer una pequeña tienda online y he visto que tiene algunas plantillas que son muy buenas. Se parece mucho a Generate Press, así que creo que la curva de aprendizaje no tendría que ser demasiado empinada 🙂

    1. Hola Silvina!
      Muchas gracias, me alegra mucho saber que puedes aprovechar las plantillas para esa tienda online que tienes en mente 😉
      Si, exacto, al ser un framework muy parecido a GP, seguro que te adaptas rápidamente a esta plantilla.
      Un abrazo!!

    1. ¡Buenas! 🙂 Gracias por el post, muy útil.

      Tengo una pregunta: con las características que ofrece Elementor Pro, ¿vale la pena tener Astra Pro?

      O, dicho de otro modo, ¿qué se gana teniendo la versión PRO (y no la gratuita) de Astra funcionando Elementor Pro?

      ¡Muchas gracias!

  28. Hola muchas gracias por el tutorial. Compre el theme Astra Pro, más el, Plugin Ultimate Addons for Elementor (uso elementor free por ahora). Hay cosas que no logro hacer que funcionen en mi web. No puedo agregar subrayado a los links cuando alguien pasa el mouse sobre un link (una cosa tan simple de hacer en html y no la encuentro en Astra). No quiero modificar código ya que me compre el Astra pro para no hacer eso. Si he visto blogs que tiene esa característica y tienen el theme astra, por lo tanto, deduzco que se puede hacer. Vi que el Plugin tabla de contenidos (TOC+) lo hace automático en mi web. Logro cambiar el color a los links, incluso que cambie de color cuando alguien pasa el mouse por el link, pero no logro hacer que se subraye cuando alguien pasa el mouse sobre el link. Espero me puedan ayudar. Saludos cordiales.

    1. Omar de la Fuente

      Hola Damian,
      en primer lugar, efectivamente eso con código HTML se podría hacer super fácil, pero a nivel de personalización de un theme, no tanto.
      El subrayado en un texto, un link en este caso… digamos que está subrayado o no por ti cuando escribes el texto, pero no te dará mucha opción de que no esté subrayado de por sí y que se subraye cuando pasan encima con el cursor.
      En segundo lugar, a mí personalmente no me parece un efecto muy efectivo, aunque para gustos colores. Lo que sí te diría es que no me comería mucho la cabeza con ello, la verdad, al final lo importante es que la persona mediante el color que lleve ese link vea y se de cuenta de que es un link y lo pulse 😉
      Un saludo!

  29. Voy a probar este tema, es más o menos lo que estaba buscando para mi sitio.
    Gracias por la guía, muy útil.

  30. Wow me viene como anillo al dedo.

    Resulta que estoy enfrascado con el rediseño de mi web y no encontraba mucha info sobre Astra en Español para resolver dudas sobre algún ajuste «confuso».

    Ahora ya sé dónde encontrarlo o acudir para preguntar 😉

    Grande Jessica

    1. Jessica Berlar

      Hola Diego,

      ¡Que bien! Muchas gracias, me alegro que te sirva la guía; es cierto que no hay mucha info sobre esta plantilla, así que espero que te sirva de ayuda.

      Dale caña a ese rediseño web 😉

      Un abrazo!!

Deja un comentario

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

 

Responsable » Omar de la Fuente Prieto (servidor)
Finalidad » gestionar los comentarios.
Legitimación » tu consentimiento.
Destinatarios » los datos que me facilitas estarán ubicados en los servidores de Webempresa (proveedor de hosting de Haciaelautoempleo) dentro de la UE. Ver política de privacidad de Webempresa. (https://www.webempresa.com/aviso-legal.html).
Derechos » podrás ejercer tus derechos, entre otros, a acceder, rectificar, limitar y suprimir tus datos.

Scroll al inicio

UNA PREGUNTA RÁPIDA

¿Tienes ya una página web propia?