Elementor Hello Theme Tutorial: Todo lo que necesitas saber.

Si deseas crear un sitio web totalmente personalizado con Elementor, entonces el nuevo Hello Theme es sin duda la mejor opción. Es ligero, rápido y fácil de instalar. Y lo mejor de todo, está diseñado para ser utilizado con Elementor.

Con las capacidades del Elementor, ya no tienes que estar atado a un Tema o lo que otros quieren que tenga en tu sitio. Ahora puedes crear un sitio totalmente personalizado.

En este post, explicaré los beneficios de este enfoque, cómo funciona y cómo usarlo. Junto con algunos ejemplos simples para comenzar.

Vamonos…

Beneficios Hello Theme de Elementor

El Hello Theme de elementor está diseñado para ser utilizado con Elementor Pro, pero en esencia es solo un tema ligero y sin ningun tipo de “plantillas”.

Los principales beneficios de este tema son:

  • Rápido tiempo de carga
  • Sin hinchazón o exceso de código
  • Es un tema GRATIS
  • No hay módulos, elementos o temas específicos que no necesites.
  • La posibilidad de extender el tema usando Hooks.
  • Diseñado específicamente para ser utilizado con Elementor y Elementor Pro

Si alguna vez has confiado en un tema antes, o te pareció demasiado lento, pesado o difícil de trabajar, un tema como Hello Theme es un regalo del cielo.

Esto es lo rápido que Hello Theme está listo para usar (está vacío, pero es un buen comienzo)

Compáralo con Divi y verás una gran diferencia:

Hello Theme Tutorial

Ok, para hacerlo un poco más realista, cargué una plantilla de restaurante Divi y la comparé con una plantilla de restaurante Elementor muy similar (e igualmente grande):

Hello Theme Tutorial

Plantilla de restaurante Divi

 

Hello Theme Tutorial

Plantilla Restaurante Elementor

 

No es perfecto para Elementor, ya que hay muchas solicitudes (también se están cargando archivos) pero el tiempo de carga es de casi 1/2.

Nota: simplemente no cargue imágenes de 2 MB para su restaurante y obtendrá tiempos de carga aún más rápidos.

También te puede ayudar:  Como migrar Wordpress a otro servidor - Tutorial

Requisitos para el Hello Theme

Hay pocos o ningún requisito al trabajar con el tema Hello, aparte de WordPress. Pero quería asegurarme de que entiendes de qué se trata este tema: listo para usar.

Este tema está diseñado para ser 100% personalizado usando un creador de páginas como Elementor. Entonces, si no tienes Elementor (o Pro), entonces tendrás que obtenerlo.

Así es como se ve una página simple con un encabezado y dos elementos de menú:

 

Hello Theme Tutorial

 

Por lo tanto, si realmente desea poder personalizar cada parte del tema, necesitará Elementor Pro .

Claro, Elementor (la versión gratuita) tiene muchas cosas que puedes personalizar, pero hay muchas limitaciones, por lo que solo podrás crear:

  • Secciones
  • Páginas

Con Elementor Pro también puedes crear:

Configuración de Hello Theme y Child Theme

Configurar Hello Theme es realmente bastante simple. Todo lo que necesitas hacer es ir a

  • Apariencia – Temas
  • Haga clic en Agregar nuevo
  • Escribe “ Hello Theme ” en la búsqueda.
  • Pase el cursor sobre el tema y haga clic en  Instalar

Hello Theme Tutorial

Añadiendo un tema hijo

Sin embargo, para configurar realmente un tema para la personalización, “debería” instalar un tema secundario.

Puedes conseguir uno para el tema Hello aquí . Ya está configurado con los estándares de WordPress para temas secundarios (style.css y functions.php). Así que eres bueno para ir!

  • Haga clic en el botón verde “Clonar y descargar”
  • Luego haga clic en Descargar Zip, que es el tema secundario que puede cargar en su sitio:>

Hello Theme Tutorial

Solo agrégalo a tus temas y actívalo.

Pero Joel…. ¿necesito un tema hijo?

Si no estás familiarizado con los temas secundarios, son básicamente un tema vacío que está conectado a su tema principal. Pero, te permiten personalizar el tema principal sin afectar el original.

Esto es genial porque mantiene el tema principal sin editar y también significa que cuando una actualización esté disponible, todas las personalizaciones no se sobrescriben por la actualización (lo que sería si editaras el tema en sí).

También te puede ayudar:  Los 7 Errores comunes de Elementor y cómo solucionarlos

Sin embargo, dicho esto, solo necesitas un tema secundario si pretendes editarlo. Eso significa que

Web Hosting
  • style.css (es decir, los estilos y el código CSS)
  • Cualquier otro archivo de tema o código de funciones.

Si no estás familiarizado con nada de eso, o no quieres aprenderlo, entonces olvídalo. Puedes hacerlo todo con Elementor (generalmente, siempre hay excepciones) y en realidad no necesitas un tema hijo.

Es solo una forma más limpia de trabajar, especialmente para los desarrolladores. Los uso para mí y para los clientes, pero no tienes que hacerlo.

Personalizando Hello Theme

Como mencioné anteriormente, en realidad no hay mucho que pueda personalizar con el tema de Hello, al menos dentro del panel de WordPress.

Básicamente puede cambiar el logotipo, el icono y el nombre del sitio.

Hello Theme Tutorial

Las personalizaciones adicionales solo incluyen CSS adicional, por lo que puede agregar CSS personalizado a su tema.

Hello Theme Tutorial

Si desea profundizar y personalizar el tema (más allá de diseñarlo con Elementor Pro), deberá ensuciarse las manos con el código y usar un tema infantil.

Sin embargo, la mayoría de ustedes utilizará Elementor Pro , ¡y no debería haber ningún problema!

Creación de un encabezado y pie de página con Elementor Pro

Si usa Hello Theme, una de las primeras cosas que querrá hacer es agregar un encabezado y pie de página a su sitio.

Sin él, solo puede crear realmente páginas de destino o páginas basadas en lienzos en blanco con Elementor (u otro constructor).

El encabezado y el pie de página pueden crearse una vez y aplicarse a todo el sitio, automáticamente. O incluso puede crear páginas específicas para algunas páginas si lo desea.

Si deseas ver un video de cómo se hace (más fácil, lo sé), puedes ver el video a continuación:

Pero si quieres lo básico, aquí tienes …

1. Haga clic en Plantillas (en Elementor) en el menú lateral y luego elija Theme Builder

Hello Theme Tutorial

2. A continuación, haz clic en Agregar nueva plantilla y elije Encabezado en el menú desplegable

También asigna un nombre a tu plantilla (probablemente, Encabezado) y haz clic en Crear plantilla

3. Ahora tienes la opción de encabezados prefabricados (se llaman bloques) y puedes usarlos para acelerar la creación. O puede crear uno desde cero.

También te puede ayudar:  Crear cabecera fija con Elementor (sticky header) + VIDEO

No olvides hacer clic en Insertar (arriba a la derecha) una vez que haya hecho clic en el bloque de encabezado que desees usar:>

4. Ahora puedes editar tu encabezado al contenido de tu corazón. Cambia el fondo, agrega tu logo. Modifica el diseño de los iconos o del menú.

Solo ten cuidado de elegir un Bloque de Encabezado para comenzar, ya que se parece más o menos a lo que quiere como resultado (al menos en términos de diseño), de lo contrario perderá mucho tiempo intentando cambiarlo.

5. Una vez que elijas publicarlo (cuando tu diseño esté listo), se te pedirá que crees una Condición. Esta es una opción de dónde desea que se muestre el encabezado.

Haz clic en Agregar condición (vea el botón gris a continuación)

Ahora tienes que elegir la condición. La opción más común es la que se muestra de forma predeterminada, Todo el sitio. Que luego utiliza el encabezado en todo su sitio de forma automática.

Ahora puedes hacer clic en el botón verde en la parte inferior / derecha Guardar y cerrar. 

El encabezado que has creado ahora aparecerá en todas las páginas y cuando cree una página nueva con Elementor.

Ciertamente, puedes hacer mucho más aquí, por ejemplo, si necesita un encabezado específico en una página determinada (una más clara en la página de inicio, por ejemplo). O incluso más. Puedes leer todo sobre esto en el sitio de Elementor .

Ahora, solo tienes que hacer lo mismo para el pie de página, ¡y el diseño básico del sitio que necesita está listo!

Resumiendo Hello Theme de Elementor

Hello Theme es una gran creación del equipo de Elementor, pero debes saber para qué sirve y cómo usarlo.

Si planea personalizar completamente su propio tema con Elementor Pro y desea que sea súper rápido, liviano y lo mejor posible. Es una gran opción.

Si aún desea que su tema se cree utilizando el Personalizador y no tenga interés en comprar Elementor Pro , entonces no es para ti.

Este es el futuro de WordPress y la creación de temas en mi opinión, ¡y ahora es el momento de al mismo nivel!

Deja un comentario

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

19 Compartir
Compartir19
Twittear