() translation by (you can also view the original English article)
El constructor de páginas Elementor hace que sea fácil crear atractivos sitios web en WordPress, arrastrando y soltando elementos. En este video, aprenderás a usar la versión gratuita de Elementor para crear una elegante página de aterrizaje en minutos.
¿Qué es Elementor?
Elementor es un constructor gratuito de sitios web para WordPress. Ofrece más de 80 elementos de diseño como botones, cabeceras, columnas, etc., y más de 200 plantillas listas para usar. Elementor te ayudará a crear lo que quieras, ya sea una simple página de aterrizaje o un sitio web completo, y todo con herramientas de arrastrar y soltar.
Cómo crear una página de aterrizaje con Elementor
Mira el video con el tutorial completo, y no olvides suscribirte al canal de Tuts+ en Youtube para más tutoriales y cursos gratuitos.
Nuestra página de aterrizaje con Elementor
Durante este tutorial, crearemos la siguiente página de aterrizaje.
Lo que necesitarás
Todo lo que necesitas para crear esta página es una instalación de WordPress con Elementor instalado, tener una comprensión básica de cómo funciona WordPress y media hora libre. También te pueden resultar útiles los recursos que se enumeran a continuación.
-
WordPressCómo instalar WordPress -
ElementorCómo crear un formulario de contacto para WordPress con Elementor
- Elementor
- Biblioteca de Elementor
- Kits de plantillas en Envato Elements
- Logo
- Imagen de Unsplash 1
- Imagen de Unsplash 2
- Imagen de Unsplash 3
Lo que trataremos en este tutorial
Las siguientes marcas de tiempo señalan secciones útiles del tutorial que quizá quieras volver a ver más adelante.
- Introducción: cómo añadir una nueva página de aterrizaje con Elementor
- Crear una nueva página con Elementor
- Localización de problemas: razón por la que no se aplican los estilos de Elementor
- Crear una nueva sección de Elementor
- Creando un diseño de tarjeta en Elementor
- Cómo crear la 3ra sección
- Usar el widget de iconos de redes sociales de Elementor
- Cómo hacer que los enlaces se desplacen a las secciones de Elementor
- Comprobar el diseño responsivo de tu página de aterrizaje en diferentes dispositivos
Plantillas de Elementor para páginas de aterrizaje
Envato Elements cuenta con cientos de plantillas de Elementor. Además, tendrás acceso a más plantillas mediante el plugin de Envato Elements para WordPress. ¡Échale un vistazo a esta colección de plantillas e inspírate!
-
Elementor20 plantillas de Elementor para crear páginas de aterrizaje para WordPress (para mejorar la conversión)
Temas y plugins prémium para WordPress
Una vez que hayas configurado tu sitio, tal vez quieras explorar los miles de temas para WordPress en ThemeForest y los plugins para WordPress en CodeCanyon. Compra estos temas y plugins de alta calidad y mejora la experiencia de tu sitio web para ti y tus visitantes.
¡Has creado una página de aterrizaje para WordPress!
Si has seguido este proceso, ahora deberías tener tu propia página de aterrizaje para WordPress. Espero que hayas visto lo fácil que es trabajar con Elementor (incluso la versión gratuita es un excelente constructor visual) y tengas la suficiente confianza para probar más diseños por ti mismo.
¡Permenece atento a los próximos tutoriales prácticos y no olvides revisar más recursos de Elementor en Tuts+!
-
ElementorLos 25 mejores kits de plantillas de Elementor para WordPress (además de plantillas gratuitas) -
WooCommerceMás de 15 de los mejores temas de Elementor para WooCommerce (gratuitos y prémium) -
ElementorDivi vs Elementor: Comparación de constructores de páginas para WordPress
