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

a1.png

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

ahora podemos ir a Theme Builder

a2.png


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

a3.png


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
a4.png


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


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.
a6.png

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
a7.png

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


a88.png

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.
a9.png

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
a10.png

yo tomare la de 3 columnas
a11.png


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
    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.
 
Atrás
Arriba