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

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.

E855c170c9b2e395b96cfda6da12d8b5?s=128

WordPress Medellín

September 12, 2018
Tweet

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!