Una vez añadidos y configurados los bloques estándar, también puedes editar su versión para móviles. Para ello, haz clic en el icono del dispositivo móvil situado en el centro del panel del editor de páginas.

En el menú desplegable, selecciona el tamaño de pantalla deseado. Si necesitas comprobar cómo se ve la página en un dispositivo concreto, selecciónalo o elige la opción más parecida en la sección «Dispositivos».

El editor pasará al modo móvil, lo que facilitará la edición de bloques.

En el modo de vista previa, haz clic en el icono del dispositivo móvil y selecciona el tamaño de pantalla que desees.

Para ocultar la interfaz del editor, haz clic en el icono de la flecha situado en la esquina inferior izquierda o junto a «Edición».

Para cambiar la escala de la vista previa, haz clic en el icono del 100 % y selecciona el valor deseado en el menú desplegable.

Haz clic en el icono del lápiz para volver al editor y realizar cambios en los bloques.

Cada bloque cuenta con ajustes de espaciado y tipografía independientes para la versión móvil. Dependiendo del bloque, también pueden estar disponibles ajustes adicionales para elementos concretos en dispositivos móviles. Estos ajustes suelen ir acompañados de indicaciones en el panel de configuración.

Por ejemplo, un bloque de menú puede tener una sección de ajustes específica para ello.

En los bloques de portada, la configuración de la versión para móviles puede aparecer indicada con un icono de teléfono.

Cómo cambiar el tamaño de la fuente y el interlineado para dispositivos móviles. En la configuración del bloque, abre la sección «Tipografía», haz clic en el icono de ordenador de sobremesa e introduce el tamaño de fuente para la versión móvil en el campo con el icono de dispositivo móvil.

El interlineado se configura de la misma manera.

Modificación del radio de las esquinas de la imagen y del espaciado exterior de las portadas en dispositivos móviles. Puedes establecer un valor independiente para el radio de las esquinas o el espaciado exterior en los bloques de las categorías «Portada» e «Imagen» destinados a dispositivos móviles.

Para modificar el radio o el espaciado, haz clic en «Configuración» y busca el campo correspondiente. A continuación, haz clic en el icono de escritorio situado junto al campo e introduce el valor para la versión móvil.

Cambiar la posición de la imagen de fondo. En los bloques de portada y otros bloques en los que esté disponible esta opción, puedes seleccionar la parte de la imagen que se mostrará en el bloque.

Para configurar el posicionamiento automático, selecciona el valor adecuado en el menú desplegable; por ejemplo, «Centrado en el centro».

Para configurar el posicionamiento manualmente, haz clic en el icono situado junto al campo.

Se abrirá la imagen con los puntos de posicionamiento. Puedes seleccionar uno de los puntos ya creados o colocar tu propio punto donde lo necesites.

El posicionamiento permite ajustar la forma en que se muestra la imagen de fondo en la versión móvil, de modo que la misma imagen se vea correctamente en diferentes pantallas.

En cualquier bloque, abre los ajustes, haz clic en el icono situado junto a los campos «Márgen superior» o «Márgen inferior» e introduce el valor correspondiente al dispositivo móvil.

Si necesitas que se muestren bloques diferentes en los smartphones y en los ordenadores de sobremesa, configura el rango de visibilidad.

Abre la configuración del bloque y desplázate hacia abajo hasta «Rango de visibilidad en dispositivos». Especifica en qué dispositivos debe mostrarse el bloque. A continuación, guarda la configuración y vuelve a publicar la página.

Puedes configurar la adaptabilidad de los bloques a diferentes dispositivos convirtiendo el bloque en « Zero Block » mediante la opción disponible en la configuración del bloque. Esta opción está disponible actualmente en la mayoría de los bloques.

Tras la conversión, podrás configurar manualmente el aspecto del bloque en cinco rangos de anchura de pantalla o añadir tus propios rangos. Para obtener más información sobre cómo configurar el diseño adaptativo en « Zero Block », consulta los artículos « Zero Block » (Primeros pasos) y « Zero Block » (Diseño adaptativo).

Si desactivas el diseño adaptativo, la página se mostrará en los dispositivos móviles igual que en el ordenador.

Para desactivar la versión adaptativa, ve a «Configuración de la página» → «Adicional», selecciona «Desactivar el diseño adaptativo para dispositivos móviles» y vuelve a publicar la página.