Cómo usar el modo adaptable

Escrito por

en

Cómo usar el modo adaptable

A partir de la versión 4.0, ¡ahora puedes alternar entre las vistas de escritorio, tableta y teléfono móvil mientras editas! A esto lo llamamos modo adaptable. En el modo adaptable, tu sitio se redimensionará a un tamaño más pequeño para simular cómo se vería en pantallas más pequeñas.

Capacidades de edición limitadas

Mientras visualizas tu sitio en las vistas de tableta o teléfono móvil, dispondrás de capacidades de edición limitadas. Con esto, SOLO podrás hacer lo siguiente:

  • Editar texto
  • Dar formato a los estilos de texto mediante la barra de herramientas de formato de texto
  • Ajustar algunos márgenes de elementos y filas *
  • Ocultar filas en tabletas o teléfonos móviles

* PBS aplica algunos estilos adaptables a tus elementos y filas, por lo que algunos márgenes no se podrán ajustar.

Estas son algunas de las cosas que no puedes hacer:

  • Añadir, eliminar o arrastrar elementos
  • Ver las propiedades de los elementos
  • Cambiar el tamaño de imágenes, iconos, filas y otros elementos redimensionables

Ajustar márgenes para tamaños de pantalla específicos

Si estás viendo tu sitio en las vistas de tableta o teléfono móvil, cualquier ajuste de margen que realices solo se aplicará a la vista actual y a la vista más pequeña. Esto te permite retocar tus diseños para que se vean mejor en pantallas más pequeñas, de forma independiente de la versión completa de escritorio.

Aquí tienes un ejemplo para que quede más claro.

  1. Si ves tu sitio en modo tableta y ajustas los márgenes de un encabezado, ese ajuste solo se aplicará a las pantallas de tableta. Esto también se aplicará a las pantallas de teléfonos móviles. Si vuelves al modo de escritorio, se restablecerá el margen original.
  2. Ahora, si pasas al modo de teléfono móvil y vuelves a ajustar el mismo margen, ese ajuste solo se aplicará a las pantallas de teléfonos móviles. Después de esto, tendrás un margen diferente para escritorio, tableta o teléfono móvil.

Esto solo se aplica a los ajustes de márgenes; los cambios en el texto o en el estilo del texto se aplican en todos los tamaños de pantalla.

Ocultar contenido en tamaños de tableta o teléfono móvil

Al visualizar en las vistas de tableta o teléfono móvil, tus filas tendrán un nuevo botón de «ojo» en la barra de herramientas que se mostrará cuando pases el cursor sobre ellas. Al hacer clic en él, podrás mostrar u ocultar la fila para el tamaño de pantalla actual.

Las filas ocultas se volverán un poco transparentes al editar para indicar que estarán ocultas cuando termines la edición.

Ten en cuenta que esta función solo está disponible para filas.