Episode Details

En el episodio 187 de Wordpress Semanal repasamos 6 detalles importantes a tener en cuenta cuando diseñas tus páginas con un page builder como Elementor, Divi o similar.

Plugin de la semana: páginas que vuelan

Ya recomendé un sistema para hacer que las páginas de tu web carguen más rápido (pre cargándose al pasar por encima de un enlace).

Con el plugin Flying Pages podrás conseguir lo mismo pero usando una metodología (según su autor) más completa.

6 buenas prácticas en el uso de un constructor visual

1) Usa un theme compatible con tu page builder

• Para tener control total sobre una página o incluso sobre la web entera
• Publiqué un episodio completo al respecto: mejores themes para implementadores
• GeneratePress, Astra, OceanWp, Hello Theme (para Elementor)

2) Desactiva los cachés

• Caché del navegador (plugin para evitarlo)
• A nivel de tu servidor
• Caché de un plugin
• Desactiva los cachés cuando estés en pleno diseño

3) Establece la paleta de colores de antemano

• Los page builders suelen traer una opción para definir los colores de antemano
• Tanto a nivel general como si estás diseñando una página concreta
• Si haces esto, ganarás en productividad y en consistencia
• Si además quieres guardar tu paleta de colores en el selector del editor de WordPress, puedes usar este plugin

4) Evita las columnas y las barras espaciadoras para posicionar elementos

• Aunque uses un page builder, es recomendable seguir buenas prácticas
• Los page builders te dan la opción de usar propiedades como el margin y el padding
• Así que aprovéchalo, no tienes por qué usar columnas vacías o barras espaciadoras para colocar elementos donde quieras
• Eso no hará otra cosa que añadir código extra, mermando el rendimiento de tu web y dificultando su mantenimiento

5) Simplifica el uso de secciones y columnas

• En la misma línea que lo anterior
• No hace falta que insertes columnas dentro de columnas hasta el infinito
• Puedes crear distintas secciones dentro de una misma página, cada una con sus columnas si son necesarias
• Así tendrás todo más ordenado desde el punto de vista visual y de código (estructural)

6) Usa imágenes escaladas y optimizadas

• Si cuando usas el editor normal de WordPress subes imágenes en un tamaño óptimo, haz lo mismo con un page builder
• Más allá de que tengas un sistema automático de optimización de imágenes, es buena práctica subirlas a tu web con