Qué es: La disposición de los fluidos

En la terminología del desarrollo de temas de WordPress, un diseño fluido es un diseño que utiliza valores proporcionales como unidad de medida para los bloques de contenido, imágenes o cualquier otro elemento que forme parte del tema de WordPress. Esto permite que la página web se estire y se contraiga en relación con el tamaño de la pantalla del usuario. Esto es diferente de los diseños fijos, en los que cada aspecto del tema tiene una anchura fija en píxeles.

Al crear un sitio web o un tema de WordPress, los diseñadores y desarrolladores tienen que decidir si quieren crear un diseño de ancho fijo o fluido. Aunque los diseños de anchura fija suelen considerarse más fáciles de crear, tienen varios defectos que se solucionan utilizando un diseño fluido. Dado que muchos usuarios tienen hoy en día resoluciones de pantalla superiores a 1024×768, puede haber mucho espacio en blanco a ambos lados del contenido del tema si éste utiliza un diseño fijo. Los usuarios con pantallas más pequeñas o los que acceden a tu sitio en el móvil pueden acabar viendo también una barra de desplazamiento horizontal.

Aunque el diseño fluido suele considerarse una solución a muchos problemas relacionados con los múltiples tamaños de pantalla, crea algunos problemas propios. El diseñador tiene menos control sobre lo que ve el usuario y el contenido, como las imágenes, puede requerir múltiples anchos para mostrarse en diferentes resoluciones. Si la pantalla del usuario es extremadamente grande, la falta de contenido puede hacer que el diseño fluido vuelva a perder parte de su atractivo.

Con el aumento del uso de teléfonos inteligentes y tabletas en todo el mundo, el término Desarrollo Responsivo ha crecido en popularidad. No es diferente a los diseños fluidos, y es el proceso de crear un sitio web o un tema teniendo en cuenta todos los dispositivos y tamaños de pantalla. Las técnicas de diseño fluido, junto con las consultas de medios CSS, se utilizan a menudo para crear un sitio web o un tema que sea "receptivo".

Lecturas adicionales