El editor de la vista móvil le permite adaptar su sitio web a los dispositivos móviles. Los cambios que realice en el editor no afectarán a la versión de escritorio del sitio.
Puede hacer los siguientes cambios:
- Ocultar elementos en la vista móvil
- Cambiar el tamaño de la fuente
- Cambiar la alineación de los botones
- Editar el encabezado y el menú
- Cambiar el orden de los componentes
- Bloquear los componentes en la parte inferior
Consejo: Trabajamos constantemente para mejorar Website Builder. No obstante, algunas optimizaciones solo serán visibles cuando vuelva a publicar el sitio web. Es por eso que le recomendamos volver a publicar el sitio antes de utilizar el editor de la vista móvil.
Ocultar elementos en la vista móvil
Tiene la posibilidad de ocultar los elementos del sitio web que no encajen bien en la vista móvil, como un encabezado de gran tamaño.
- Seleccione el componente que quiere ocultar y haga clic en el icono de ojo que aparece a la derecha.
- El componente aparecerá en la sección Elementos ocultos, que se encuentra a la izquierda.
- Haga clic en el icono + que está debajo de dicha sección para deshacer el cambio.
Consejo: Los siguientes atajos de teclado le pueden resultar útiles a la hora de adaptar el sitio a los dispositivos móviles: Ctrl/Cmd+J (para alternar entre el editor de escritorio y el móvil) y Ctrl/Cmd+P (para obtener una vista previa del sitio).
Cambiar el tamaño de la fuente
Puede cambiar el tamaño de la fuente y la alineación (izquierda, derecha, centrado o justificado) en caso de que, por ejemplo, un título no quede bien posicionado.
Haga clic en el texto que quiere modificar. Verá las siguientes opciones:
- Utilice los iconos «A-» y «A+» para cambiar el tamaño de la fuente.
- Cambie la alineación del texto para que quede a la izquierda, en el centro, a la derecha o justificado.
- Utilice el botón «Tx» para eliminar el formato.
Cambiar la alineación de los botones
También puede modificar la alineación de los botones en la vista móvil.
- Haga clic en el botón que quiere cambiar y elija dónde quiere colocarlo: a la izquierda, en el centro, a la derecha o justificado.
- En caso de elegir la opción de justificado, el botón ocupará todo el ancho de la página.
Editar el encabezado y el menú
Puede modificar el encabezado de la parte superior para que se adapte al sitio. Por defecto, el nombre de la página aparece en la esquina superior izquierda, el icono de menú, en la parte derecha, y el diseño del encabezado es el mismo que el de la plantilla.
Haga clic en el icono de menú que se encuentra en la esquina superior derecha para abrir la sección de ajustes. Puede cambiar los siguientes parámetros:
- Mostrar logo: marque esta casilla para que el logo aparezca en la esquina superior izquierda del encabezado. Puede elegir la imagen que quiera, pero le recomendamos utilizar una con un fondo transparente.
- Mostrar título: por defecto, en el sitio aparecerá el título de la página, pero puede optar por mostrar el título del sitio.
- Utilizar diseño personalizado: marque esta casilla para editar el diseño del título, el menú y el fondo. Puede cambiar la fuente, el color y el fondo. Por defecto, la casilla no aparece marcada y el estilo que se utiliza es el de la plantilla.
Cambiar el orden de los componentes
Puede desplazar los componentes de la página hacia arriba o hacia abajo.
- Haga clic en el componente que quiere mover y mantenga el botón del ratón pulsado mientras lo arrastra.
- También puede usar las flechas que aparecen a la derecha de la pantalla.
- Algunos componentes están agrupados dentro de una caja y no pueden desplazarse fuera de ella. No obstante, puede mover la caja con todos los componentes dentro.
Bloquear los componentes en la parte inferior
Los componentes que forman parte de la plantilla pueden bloquearse en la parte inferior de la página.
- Haga clic con el botón derecho en el componente que desea bloquear y luego seleccione la opción «Permanecer en la parte inferior».
- Si pasa el ratón por encima de los componentes que acaba de bloquear, verán que ahora están dentro de un recuadro azul. No puede cambiar el orden de los componentes bloqueados.
- Para desbloquear un componente, selecciónelo y haga clic en el botón de desbloqueo que aparece a la derecha.
Nota: Solo puede bloquear en la parte inferior aquellos componentes que formen parte de la plantilla.
Artículos relacionados: