A comienzos de 2019, el equipo detrás de uno de los mejores Builders para WordPress, Elementor, lanzó oficialmente su tema gratuito «Hello theme» en WordPress.org.
Si no estás familiarizado, Hello es un theme de WordPress con lo mínimo imprescindible y está diseñado específicamente para trabajar con el constructor de páginas Elementor.
Gracias a los plugins llamados constructores visuales de páginas web, como lo es Elementor, ahora puedes construir temas completos desde cero sin necesitar nada de estilos de partida. Otro constructor visual que directamente elimina el uso del theme es Oxygen, añadiendo todos los estilos necesario para la web desde el propio plugin.
Así que ahora, en lugar de necesitar un tema multipropósito con millones de opciones como hemos usado años atrás, todo lo que necesitas para tener una web con un diseño muy llamativo y adaptado a tu marca es un tema ligero que proporcione una base mínima para el contenido y luego visualmente “decores” con el constructor visual de páginas en WordPress que elijas.
Esquema del artículo
¿Qué temas funcionan mejor con Elementor?
El constructor visual Elementor funciona de fábrica con cualquier tema de WordPress, pero los desarrolladores detrás del tema de Astra se han tomado un esfuerzo extra para que el tema funcione perfectamente con Elementor y te ahorre tiempo y muchos clics innecesarios.
Por otro lado, el Hello Theme, desarrollado por los mismos developers que Elementor, lleva ese enfoque a su extremo, ofreciendo la base más ligera posible, ya que tienen la confianza de que con Elementor puedes construir toda la estética de tu web.
Hello theme es casi como no instalar nada.
No tiene características ni integraciones, es básicamente un lienzo en blanco sobre el que puedes construir tu sitio de Elementor.
Astra no es totalmente así.
El tema de Astra tiene un enfoque similar en el rendimiento y también tiene una integración casi simbiótica con este constructor visual, lo que suscita demasiadas preguntas sobre si deberías usar uno u otro para tu próximo proyecto web usando el combo de WordPress+Elementor.
Al final, ambos temas son muy muy buenas opciones, pero sus pequeñas diferencias harán que se adapten mejor a un proyecto u otro
Para ayudarte a elegir el WordPress theme más adecuado para tu caso, vamos a comparar el Hello Theme con el de Astra para que entiendas exactamente lo que ofrece cada uno.
¿Te gusta lo que lees?
Cada martes a la 13h, una reflexión sobre negocios, crecimiento profesional, sentido poco común, hábitos, captación, ventas y persuasión.
Una gran lección explicada de forma simple para que la interiorices y hagas tuya.
Apúntate aquí.
Información básica sobre protección de datos
Responsable y destinatario
Antonio Sánchez Sánchez (un servidor).
Finalidad de la recogida y tratamiento
Al dejarme tu email, la idea es apuntarte a la newsletter. Te llegará un email de confirmación diferente. Mucha gente no pasa de ahí.
Derechos
En cada email que recibas, abajo del todo, hay un enlace para borrarse y dejar de recibir más. Un clic y estás fuera, cero resentimientos.
Información adicional
En la política de privacidad encontrarás información adicional sobre la recopilación y el uso de su información personal, incluida información sobre acceso, conservación, rectificación, eliminación, seguridad, y otros temas legales.
Diseños predeterminados [Astra vs. Hello theme]
Empecemos con el diseño por defecto de estos dos temas porque existe una gran diferencia en cómo se ven cada uno de ellos recién instalados y activados en tu WordPress.
Con Astra theme, tu sitio tendrá un estilo mínimo para cada uno de los elementos importantes de tu WordPress tan pronto como lo actives, como lo son los widgets, la cabecera, las entradas, etc.
Tu sitio se verá como un blog «real» tan pronto como lo actives. Además, Astra te permite personalizar todo a través del Personalizador, por lo que también podrás ver los cambios a tiempo real.
Por otro lado, el Hello Theme no añade ningún estilo a ninguno de los elementos por defecto de WordPress, salvo el color rosita en los enlaces, por lo que tu sitio web no parece una web «real» solamente con activar este tema. Esto pasa por que los desarrolladores del theme esperan que uses el constructor Elementor para diseñar cada uno de los diseños usando este builder.
Veamos algunas de las páginas centrales/contenido para que entiendas la diferencia:
Cabecera (header) / Pie de página (footer)
Con el Hello Theme, no hay opciones para personalizar la cabecera. Las opciones que aparecen son las propias de Identidad del Sitio que vienen por defecto con WordPress en el personalizador.
En este menú solamente puedes poner un logo o un título de sitio con un menú de navegación.
Si quieres tener la opción de personalizar tu cabecera de forma más avanzada, tendrás que construir tu encabezado completamente utilizando la versión Pro de Elementor o modificando los CSS. Además, Hello theme no añade su propio pie de página, por lo que también tendrás que diseñarlo en Elementor Pro.
Por otro lado, el tema de Astra te da un encabezado completamente funcional desde el principio, que puedes personalizar aún más usando el Personalizador de WordPress.
El tema gratuito de Astra, que puedes encontrar en el repositorio oficial, ofrece la posibilidad de configurar una cabecera transparente.
También puedes añadir un último elemento al final del menú como un botón, un widget, texto/HTML y mucho más.
El logotipo, el título del sitio y el lema del sitio pueden ser añadidos y gestionados de forma simple para añadir un diseño atractivo y una pequeña información sobre el sitio web.
Astra también te permite personalizar tanto los widgets como la barra de pie de página a través del Personalizador de WordPress.
Blog / Páginas de archivo
La página del blog y las páginas archivo del blog son aquellas páginas que muestran un listado con las entradas más recientes den el caso del blog y los artículos de una categoría o etiqueta en el caso de las páginas de archivo.
De nuevo, puedes ver que Hello theme es muy simple y no añade ninguno de sus propios estilos – sólo usa un H2 para el título del blog y texto de párrafo regular para el contenido, sin siquiera separar un artículo de otro:
Además, no se muestra otra información del artículo, como la fecha de publicación, sólo el título y el contenido de la entrada.
Astra theme, por otro lado, te ofrece la posibilidad de configurar minuciosamente cómo ves las páginas de archivo y la página de blog, además de poder añadir información extra sobre los artículos:
- Fecha de publicación
- Categoría
- Autor
En Astra theme también puedes controlar la disposición del archivo de tu blog y los metadatos a través del Personalizador de WordPress.
Artículos y sección de comentarios
En las páginas de artículos, conocidas en WordPress como “singles” verás que ocurre lo mismo que con la página de blog y archivos con Hello theme: se usa un H1 para el título de la entrada y el texto de la entrada. Ni siquiera se muestra la imagen destacada ni los metadatos de la entrada como la fecha de publicación, el autor o la categoría.
Rompiendo una lanza a su favor, sí que es verdad que añade un poco de estilos a los comentarios y su formulario, pero de nuevo te tocará tirar del constructor visual Elementor Pro para que las cosas se vean bien vistosas.
Astra theme, por otro lado, sí que añade estos los datos de la entrada por defecto y también incluye una sección de comentarios con estilo completo:
También te permite añadir un pequeño apartado al final de la entrada con los artículos relacionados. Y, por supeusto, te permite personalizar el aspecto de este espacio, como por ejemplo cambiar las metas que se ven o el número de columnas.
Conclusiones en el apartado del diseño por defecto
Después de haber visto estos puntos, podemos llegar a la conclusión de que si usas Hello Theme necesitas imprescindiblemente usar Elementor Pro para diseñar áreas importantes del tema, como es el caso de la cabecera y del footer.
Es más, tienes que usar Elementor Pro para todo, no podrás confiar en tu tema para modificar casi ninguna de las cosas estéticas de tu sitio web.
Por otro lado, Astra theme ya viene con opciones de diseño, además de un mínimo de estilos.
En los ajustes del personalizador de WordPress podrás modificar muchos aspectos estéticos sin tener que escribir ni una sola línea de CSS y sin tener que tirar de Astra Pro ni otro constructor visual. Tan solo necesitas escoger los ajustes necesarios para que el diseño de tu sitio web se adecúe a tus necesidades.
Ahora bien, esta diferencia no es necesariamente mala, ni decanta toda la balanza a favor de Astra Theme.
Si ya estabas planeando diseñar cada una de las página de tu sitio web con Elementor, entonces no tienes por qué preocuparte de que en este apartado Hello Theme haya salido perdiendo. Pero, es importante recordarte que, si te decantas por Hello Theme, tendrás que diseñar todo, desde las páginas de error 404 hasta los archivos de artículos y categorías, así como los diseños de las páginas individuales, los artículos y los custom post types.
Comparación de rendimiento [Astra vs. Hello theme]
Dado que el enfoque del desarrollo del Hello theme es el de “menos es más”, y que su código es lo más ligero que puedes encontrar en el repositorio oficial de temas de WordPress, seguramente esperarías que estuviera más optimizado y que tuviera mejor rendimiento que Astra theme.
Sin embargo, recuerda que, como hemos visto en los apartados anteriores, Hello theme no te brinda un diseño «terminado» solamente con instalarlo.
Es decir, además de instalar Hello, tendrás que maquetar el encabezado, pie de página y el resto de diseños para los demás contenidos utilizando Elementor Pro para tener un sitio web vistoso y que funcione.
Así que para comparar con precisión el rendimiento de Astra theme vs. Hello Theme, lo haremos bajo tres premisas:
- Astra theme
- Hello theme sin usar Elementor (especialmente feo y carente de un diseño mínimo)
- Hello Theme con un encabezado/pie básico de Elementor Pro (un escenario más realista)
| Peso de la página | Nº de solicitudes HTTP | |
| Astra theme | 38.7 KB | 9 |
| Hello theme sin Elementor | 16.5 KB | 6 |
| Hello theme con Elementor | 239 KB | 28 |
Como puedes ver, el tema de Hello sin constructor visual es de hecho más ligero que Astra, tanto en número de solicitudes de recursos como en peso final de la página.
Sin embargo, no puedes ejecutar Hello theme sin un constructor de páginas como Elementor, o sin otros plugins que te permitan añadir estilos a la cabecera y pie de página, por lo que esa situación no es realista para un sitio web que quiera retener a sus usuarios.
En cuanto metes un constructor como Elementor para poder añadir un encabezado y un pie de página básicos, la balanza se inclina claramente a favor de Astra theme.
En resumen, ambos temas te dan una base limpia y optimizada para crear un sitio web que cargue como las balas. Y en el uso real, esa diferencia de pocos KB no va a suponer una gran diferencia, ya que siempre entran a jugar otros factores como la carga desde móvil y usando redes 3G/4G.
En conclusión, el rendimiento de cualquiera de estos themes no debería ser un gran factor decisivo a la hora de escoger cualquiera de los dos. Ambos están muy bien optimizados y la diferencia de carga no es significativa.
Características incorporadas [Astra vs. Hello theme]
El tema gratuito Hello no te da ninguna característica ni añade ninguna apartado en la pantalla de personalizar de WordPress.
Así que este combate es K.O. directo.
Lo siento, Hello.
De todos modos, no nos olvidemos de que Hello theme siempre ha destacado eso mismo: el tema incluye solamente lo mínimo necesario para funcionar, para todo lo demás ya te lo tienes que montar aparte con Elementor.
Nada más.
De hecho, si abres el Personalizador de WordPress con el tema Hello activo, no verás ni una sola opción extra – son sólo las opciones genéricas que vienen con cada sitio de WordPress:
Aclara de nuevo que esto sucede porque los desarrolladores esperan que uses Elementor para manejar todo el aspecto estético de tu sitio web.
Por otro lado, Astra theme te da controles detallados del Personalizador de WordPress para:
- Ajustes globales, que te permiten personalizar la tipografía, los colores, la disposición de los contenedores de contenido, los botones, etc.
- Ajustes de cabecera, incluyendo una opción para configurar los ajustes de indentidad del sitio, como el resto de los temas para WordPress, además de configurar las cabeceras fijas, los ajustes de menu, y el diseño de la cabecera principal, incluyendo el estilo de la cabecera para móviles.
- Posición de las migas de pan.
- Diseño del Blog y las páginas de archivo, así como el diseño de los singles, artículos y cpts.
- Ajustes de la barra lateral dependiendo del contenido.
- Diseños del pie de página y los footer widgets.
- Ajuste extra de rendimiento: Cargar las tipografías de Google de form local.
Incluso si planeas usar un contructor visual para diseñar la mayoría de las páginas de tu sitio web, independientemente de que sea o no Elementor, tener estos controles del Personalizador puede ser muy útil.
Por ejemplo, al poder configurar colores y tipografía globales de tu tema, es más fácil controlar el diseño global de tu web.
Integración con otros plugins [Astra vs. Hello theme]
Como era de esperar, el tema Hello Theme no tiene ninguna integración con ninguno de los plugins más populares.
En su lugar, para controlar cómo se ven y funcionan esos plugins, necesitarás usar la configuración del plugin, modificar los CSS usando este apartado del personalizador o directamente con un constructor visual como Elementor.
Por otro lado, Astra viene con integraciones incorporadas para los populares LMS de e-Learning y plugins de comercio electrónico como:
- WooCommerce
- Easy Digital Downloads
- LearnDash
- LifterLMS
Así que, nada más instalarlo, Astra theme se verá perfectamente usando esos plugins.
Sin tener que tocar nada.
Además, tendrás opciones dedicadas en el Personalizador de WordPress para controlar cómo Astra interactúa con estos plugins.
Por ejemplo, Astra te permite implementar un pago sin distracciones en un solo clic de una caja, sin tener que diseñarlo tú mismo. O tiene también la posibilidad de añadir el carrito de WooCommerce en el menú principal.
Plantillas gratuitas importables [Astra vs. Hello theme]
Si utilizas el tema Hello de Elementor, necesitarás construir visualmente tu sitio web desde cero.
Bueno, esto no es totalmente cierto.
Elementor te ofrece una gran variedad de plantillas de páginas y bloques. También existe Elementor Kit que te permite importar un sitio web completo ya diseñado, para que solamente tengas que cambiar los textos y las imágenes y listo.
Por otro lado, Astra ofrece una gran biblioteca de plantillas gratuitas, ya sea para el constructor visual Elementor o para el editor de bloques de WordPress (Gutenberg).
Astra theme tiene un plugin, en versión tanto gratuita como premium, de plantillas de sitio completo, llamadas Ready Sites, que puedes importar con unos pocos clics.
Muchas de estas plantillas de sitio web completo están construidas con Elementor (en su versión gratuita), junto con todas las opciones de configuración necesarias para los muchos ajustes del Personalizador de WordPress de Astra theme:
Compatibilidad con el editor de bloques de WordPress (Gutenberg)
Para el nuevo editor de bloques de WordPress (también conocido por su nombre de proyecto: Gutenberg), Astra te ofrece características especiales de compatibilidad, mientras que el tema Hello no. Hello va pelado.
Algunas de las características de compatibilidad de Gutenberg en Astra son:
- El tema de Astra muestra exactamente el mismo ancho del contenido de la parte visible de tu web con el ancho del editor de bloques. Así sabrás cuánto de largo tendrán las líneas de tus párrafos.
- Astra es compatible con la opción de alineación de ancho completo del editor de bloques.
- Puedes ver los estilos del tema que has configurado desde el personalizador del tema mientras trabajas en el editor de bloques, lo que crea una experiencia de edición más visual en Astra. Esto incluye colores, tipografía e incluso fondos.
- Puedes personalizar el estilo incorporado en todos los bloques nativos y Astra lo mostrará en la parte pública de la web.
Además, el equipo de desarrolladores de Astra ha lanzado el plugin “Ultimate Addons for Gutenberg” que añade más opciones y bloques al editor, para una experiencia aún más flexible gracias a su infinidad de recursos extra.
Conclusiones finales
Hello Theme es un gran tema, rápido y útil de cara a usar Elementor Pro.
Pero eso no significa que sea por defecto el mejor tema para cada sitio web que que quieras maquetar haciendo uso de un constructor como Elementor.
Si ya tiene comprado el plugin de pago “Elementor Pro” y además tienes tiempo para diseñar literalmente cada una de las partes de su sitio web, y no te importa usar CSS personalizados terminar de afinar los estilos, Hello Theme podría ser la mejor opción.
Sin embargo, si buscas un tema más completo que no requiera que construyas todo desde cero, aunque uses Elementor para muchas otras cosas, Astra es una mejor opción para ti. Es superligero, de rendimiento extraordinario y está construido para integrarse con Elementor.
Además, Astra te ofrece:
- Más de 150 sitios ya prediseñados para que no tengas que empezar desde cero.
- Muchas opciones de personalización directamente en el Personalizador de WordPress, para ver los cambios en tiempo real.
- Compatibilidad total con el nuevo editor de bloques de WordPress.
- Compatibilidad de serie con los plugins más populares como los son WooCommerce, Easy Digital Downloads, LifterLMS y LearnDash.
- Una base a nivel de diseño desde la cual desarrollar una identidad propia. Por ejemplo, no tendrás que preocuparte de crear tu propia página de error 404 desde cero usando un constructor, porque ya tienes una por defecto.