Diseño y Maquetación en WordPress usando Elementor Pro

SPEAKER-PONENTE: Daniel Paniagua

Biografía: Músico, Comunicador Audiovisual y soñador optimista. Cree que ayudando a la gente (y a las empresas) a dar lo mejor de sí, puede lograr un impacto positivo en el mundo. En 2016 fundó la agencia "Gulupa Digital" para hacer realidad este sueño, a través del Marketing Digital.

ELEMENTOR es un maquetador web o constructor visual para WordPress, es decir, un plugin o herramienta que permite editar sitios web de forma visual, realizando cambios sobre la misma página. Por lo que puedes ir visualizando el resultado de los cambios en el instante que se realicen. Hoy en día, este maquetador es el más popular, rápido, intuitivo y sencillo y en esta charla queremos resaltar las bondades y beneficios de usar este maravilloso plugin.

Transcript

1. DISEÑO Y MAQUETACIÓN EN WORDPRESS
2. 1. SOBRE ELEMENTOR
3. ¿Qué es Elementor? u  Maquetador visual para WordPress (plugin) u  Edición front-end (WYSIWYG) u  Versión gratis completa y versátil u  CSS flexible u  Responsive u  Rápida curva de aprendizaje u  Más de 1 millón de instalaciones (27° en popularidad*) u  Traducido a más de 50 idiomas u  Acaba de cumplir 2 años *Según el repositorio de plugins de WordPress. Page Builder by SiteOrigin es el 21°.
4. ¿Por qué Elementor? u  Velocidad final más rápida que Divi y WPBakery (Visual Composer)* * Fuente: https://www.maxcf.es/maquetadores-visuales-para-wordpress/
5. ¿Por qué Elementor? u  Resultados profesionales sin conocimiento de código u  Gratis: se integra perfectamente con Astra, GeneratePress o OceanWP. u  Optimiza el flujo de trabajo u  Maquetación hasta un 50% más rápida* * Experiencia personal con más de 40 páginas web.
6. Funcionalidades de Elementor u  Arrastrar y soltar u  Widgets y complementos u  Biblioteca de plantillas (más de 300) u  Compatibilidad RTL u  “Puntos de quiebre” personalizados u  Edición en línea u  Visualización y edición móvil u  Historial de revisiones u  Funcionalidad CTRL + Z u  Auto guardado u  Atajos del teclado u  Tipografías y colores globales u  Copiar/pegar (duplicar) elementos u  Copiar/pegar solo estilo u  Google Fonts y FontAwesome u  Gradientes u  Animaciones de entrada y hover u  Lightbox para imágenes y videos u  Google Maps u  Reemplazo de URL u  API de desarrollador u  Videotutoriales
7. Elementor vs Elementor Pro u  Constructor de temas: u  Header y Footer u  Página de archivo u  Página 404 u  Single post u  Sticky header u  Integración con ACF y Toolset u  Condiciones de visualización u  Contenido dinámico u  Página de resultados de búsqueda u  Tipografías personalizadas u  Formularios (contacto, suscripción y login) u  Integraciones (Mailchimp, Facebook SDK, recaptcha y más) u  Carrusel de testimonios u  Constructor de WooCommerce u  Escritorio WP personalizado
8. 2. EMPEZANDO CON ELEMENTOR
9. Instalando Elementor
10. Configurando Elementor
11. Configurando Elementor
12. Configurando Elementor
13. Configurando Elementor
14. Configurando Elementor
15. Configurando Elementor
16. Configurando Elementor
17. Configurando Elementor
18. Configurando Elementor
19. Conociendo Elementor
20. Conociendo Elementor Widgets Vista en vivo
21. Conociendo Elementor
22. Conociendo Elementor
23. Conociendo Elementor
24. Conociendo Elementor
25. Conociendo Elementor
26. Conociendo Elementor
27. 3. PERSONALIZANDO CON ELEMENTOR
28. Personalizando Footer & Header
29. Personalizando Header
30. Personalizando Footer
31. Personalizando Single
32. Personalizando Single/404
33. Personalizando Single/404
34. Personalizando Single Product
35. Personalizando Widgets
36. Personalizando Widgets
37. ¡GRACIAS!