Hice una copia del blog que hice con CSS Grid del curso de Diego de Granda con Elementor:
Blog en leodexe.github.io
Introducción
Cómo se crean las páginas web
¿Qué es el Frontend?
¿Qué es el Backend?
Sitios Code con HTML y CSS
¿Qué debo saber de HTML?
Mi primera página web con HTML
Maquetando el hero
Maquetando la sección de redes sociales
¿Qué debo saber de CSS?
Mis primeros estilos con CSS
Estilos del menú
Estilizando el Hero: elementos encima imágenes
Estilizando el Hero: información del hero
Estilos para las imágenes de redes sociales
Detalles finales con HTML y CSS
Despliega tu página a internet
Cómo hacer deploy a internet
Cómo publicar tu página web gratis en internet
Compra el dominio de tu página web
Cómo comprar un hosting para mi página web
Sitios No-code con WordPress
Qué es no-code
Despliega tu página web con WordPress
Instalación y configuración de Elementor
Mi primera página web con Elementor
Maquetando el hero con Elementor
Mi primera página web con una plantilla de WordPress
Conclusiones
¡Conoce otros proyectos de este curso!
Próximos pasos para convertirte en Web Developer
Comparte tu proyecto del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Crear una página web eficiente y atractiva ahora es más accesible gracias a herramientas como Elementor. Este plugin simplifica el proceso al ofrecer una interfaz visual intuitiva. La magia reside en arrastrar y soltar elementos sin escribir una sola línea de código, especialmente valioso para aquellos que no están familiarizados con el desarrollo web. En esta guía, te mostraré los pasos fundamentales para configurar tu primera página desde cero.
Primero, accede a la sección de páginas en WordPress. Aquí verás opciones como "Sample Page", "Privacy Policy", y otras que puede que no sean relevantes para tu proyecto actual. Puedes eliminarlas fácilmente:
Al crear una página nueva con Elementor, sigamos estos pasos:
Al diseñar, es importante trabajar con una estructura en blanco. Aquí se muestra cómo empezar:
Para la creación de un encabezado:
Dentro del header:
Elementor te permite jugar con combinaciones de estilos y elementos para lograr un diseño atractivo sin necesidad de conocimientos avanzados en HTML o CSS. Con un simple arrastra y suelta, puedes construir una página que se ajuste a tus necesidades y gustos.
No olvides que cuanto más experimentes con los bloques y estilos disponibles, más únicas y personalizadas serán tus páginas webs. ¡Y ahí lo tienes! Estás listo para crear y modificar tu sitio web según se necesite, gracias a Elementor.
Aportes 23
Preguntas 4
Hice una copia del blog que hice con CSS Grid del curso de Diego de Granda con Elementor:
Blog en leodexe.github.io
Se ve sencillo trabajar con herramientas no-code pero creo ayuda mucho tener bases de las tecnologías web ya que de esta forma sabes más o menos que necesitas y donde puede estar aquella propiedad que te serviría para ir maquetando y estilizando.
Elementor es mi builder favorito. Me agiliza muchísimo el trabajo.
📌 Elementor se vale de arrastrar y soltar elementos, además de poder editar sus estilos.
https://www.kommputron.com/kommputron/
me esta costando mucho trabajo , pero hay voy… lento pero seguro…
ya no pude seguir haciendo el curso ya que no explicaron alguna manera de hacer esto sin comprar nada… intente algunas opciones de los comentarios pero no pude ni con xampp, ni con local, ni con devkinsta ni con docker ni con nada…
Detall, (18/11/2023) ya no sale como elemento canvas, o o podrán ser ajustes del idioma, si a ustedes les aparece “Lienzo de Elementor”, ese es.
Pues muy bonito. Muy practico.
.
Interesante
Uno puede usar Wordpress para crear Blogs y para hacer páginas web al tiempo?
Para crear tu primera página web con Elementor:
Yo me negaba a usar este tipo de sitios dónde solo arrastras y sueltas, pero tiene mucha razón el profe, en ocasiones no te dará el tiempo para crear uno o varios sitios web y sobre todo por los comentarios de la bandita, en la práctica los empleadores te lo piden, por lo que no resta más que seguir aprendiendo.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?