En el episodio 188 de Wordpress Semanal te doy 5 consejos fáciles de implementar para perfeccionar las versiones para dispositivos móviles de tus diseños con Elementor.

Con el plugin Flying images te asegurarás de que tus imágenes se carguen únicamente cuando aparezcan en la pantalla de tu visitante.

Esto puedes hacerlo con cualquiera de los muchos plugins que hay para ello. Pero las tecnologías avanzan y ahora, navegadores como chrome, ya hacen el lazy loading sin que tengas que añadir nada extra.

Pero, ¿qué pasa si el navegador no lo hace? Ahí entra en juego el plugin de esta semana. Detectará si hay lazy loading nativo y, de no haberlo, lo pondrá en marcha.

Antes que nada, debes saber que Elementor, como otros constructores visuales, te permite personalizar las versiones para dispositivos móviles de tu web sin que afecte a la versión para pantallas grandes.

Siempre que veas  podrás abrir sus opciones de edición para tablet y móvil y verás las siguientes opciones .

Además, como con el personalizador nativo de WordPress, podrás previsualizar la página que estés editando en versión móvil o tablet. En ese modo, todo lo que edites (siempre que tenga los iconos de arriba) se aplicará para ese tamaño de pantalla.

Accede a +40 cursos, +130 vídeos avanzados y soporte conmigo: prueba el área para suscriptores durante 15 días sin compromiso.

En este episodio he mencionado los siguientes recursos:

Hemos repasado 5 sencillas opciones de Elementor para trabajar la parte responsive de tu web.

Una buena práctica es repasar las versiones para móvil y tablet cuando termines de diseñar una página. Puedes hacer fácil y rápidamente desde el mismo editor de Elementor. Así corregirás lo necesario al momento.

Si te ha gustado el episodio de hoy y quieres ayudarme a seguir creando episodios como este en iTunes, deja una valoración aquí (tardarás segundos). ¡¡Gracias!!

La entrada 188 | Consejos para diseñar una web responsive con Elementor es una artículo de Gonzalo Navarro.