Tutorial: Creación de themes en WordPress usando Elementor

  • Autor Autor escribuy
  • Fecha de inicio Fecha de inicio
E

escribuy

Préstamo
No recomendado
Verificado por Whatsapp
¡Ha verificado su Paypal!
Este tutorial va a servirte para crear tus propios themes y también para crear themes para otros y hasta puedes colgarlos en envato o crear tu propia tienda de themes.

Primero debemos tener elementor instalado, de preferencia debemos tener Hello Elementor como theme, pero trabajaremos con platina Elementor canvas


Usar Elementor Canvas es importante para poder utilizar un header y un footer personalizado

ahora podemos ir a Theme Builder



Como pueden ver en la imagen de arriba vamos a Templates y
luego a Theme Builder y veremos lo siguiente



Como pueden ver, se puede abrir y editar cada sección de nuestra web, de esta manera pueden editar su sitio completamente,
pero antes de ello, les sugiero primero definir los colores que van a usar y las fuentes. Eso se realiza en Site Settings, en Global color, podemos elegir los colores que deseamos en nuestro sitio


Si no sabes que colores usar, que combinen puedes ir a
el creador de paleta de colores de adobe


Como puedes ver en la imagen podras segun el color que ams te guste crear una paleta de colores y asi poder crear tu web
con colores que combinen.

y ahi ya colocas el color primario que deseas, el color secundario, el color del texto y el color del texto en negrita o enlaces.
Tambien se puede elegir la fuente de cada texto, desde h1 hasta el parrafo

uno de los sitios que yo uso para conseguir combinaciones es

ahi podran elegir buenas combinacones de fuentes para tu proyecto.

Ya teniendo todo esto, pasamos a construir nuestro sitio, y comenzamos con el header,
al darle click debemos darle una condición



podemos elegir que aparezca en todo el sitio web o podemos elegir que aparesca en los archivos o blog,
o en las entradas y procedemos a crear nuestro header, para poder acceder a muchas funciones, seria bueno tener el elementor pro,
si compras themes seria mejor que compras la licencia anual de un solo sitio como hago yo, pero puedes contruir cientos de sitios, solo desactivas luego de construir y puedes volver a activar la licencia para editar lo que tengas que editar en futuro.

al entrar al editor del header podras ver el boton rojo con el simbolo mas, ahi podremos elegir cuantas columnas tendra nuestro header o cabecera

yo tomare la de 3 columnas


en la primera colmna colocare el logo, tambien puede ser en el medio todo depende de como este diseñado tu header
puedes agregar 1 fila para un header simple, si quieres tener un top, puedes agregar una fila mas y usa la primera como top, tambien hay diseño que llevan 3 filas.
ya queda de tu aprte como deseas diseñarlo.



pd: seguire construyendo y editando el tutorial poco a poco, y podria añadir plus si preguntan
 

Adjuntos

  • header.webp
    24,6 KB · Visitas: 18
Última edición:
Lo único que me falta es elementor Pro 🙁
 
Se le agradece el aporte🔎
 
Muchas gracias por el magnífico aporte.
 
Elementor es un plugin de pago verdad??
 
Interesante tutorial, lo guardo para leerlo con calma luego 🤙
 

escribuy

me a gustado que dejaras claro que hay que tener instalado elementor porque seguro que alguno se le pasa eso.
Buen tuto
 
Buen tutorial. Gracias.
 
Gracias por el aporte colega 🙂
 
Gracias por el aporte compañero
 
Muy buen aporte amigo, corto pero de valor.