Mi sitio web se ve mal en el teléfono: cómo funcionan los móviles en EverWeb

Cómo solucionarlo depende del tipo de página que hayas creado. EverWeb tiene dos.

Página adaptable Página con Diseño centrado
En un teléfono La misma página se reorganiza para adaptarse Mantiene su anchura de ordenador, salvo que añadas una página para móviles
¿Página para móviles aparte? No es necesaria Recomendada
Mover elementos Los objetos fluyen en filas y contenedores. En EverWeb 4.5 o posterior, también puedes colocar un objeto en cualquier sitio con Permitir arrastrar libremente y la fijación Arrastra adonde quieras

Para ver cuál tienes, selecciona la página y ve a Inspector > Ajustes de la página > Diseño de página.

Míralo en un teléfono de verdad

La vista previa en el ordenador no siempre coincide. Haz clic en Vista previa en la barra de herramientas, elige Preview QR Code (código QR de vista previa) y escanea el código con la cámara de tu teléfono.

Páginas adaptables

Diseña una página y ajústala para las pantallas más pequeñas.

  • Revisa cada tamaño. Cambia la anchura de la ventana del editor para ver cómo se adapta tu página.
  • Oculta algo en un tamaño. Selecciónalo, ve a Inspector > Métricas y usa las casillas como Mostrar en el móvil en la sección Adaptable.
  • ¿Quieres colocar un objeto en cualquier sitio? En EverWeb 4.5 o posterior, selecciona el objeto, ve a Inspector > Métricas y marca Permitir arrastrar libremente. Así puedes arrastrarlo adonde quieras, como en una página con Diseño centrado. Haz clic en Pin Settings (ajustes de fijación) para fijarlo arriba, en el centro o abajo, y a la izquierda, en el centro o a la derecha, de la página o de su contenedor, para que mantenga su posición cuando cambie el tamaño de la pantalla. Si no, los objetos ocupan todo el ancho y fluyen con la página. Consulta los tutoriales sobre páginas adaptables.

Páginas con Diseño centrado: añade una página para móviles

  1. Haz clic en Añadir página en la barra de herramientas, filtra por las plantillas de Ancho fijo, elige tu tema y selecciona su página Móvil. Añade tu contenido.
  2. Selecciona tu página de ordenador.
  3. Ve a Inspector > Ajustes de la página > Ajustes para móviles. En Página para móviles, elige Una de mis páginas y después selecciona tu nueva página.
  4. Publica. Los teléfonos se envían automáticamente a la página para móviles.

Repítelo con cada página. Evita poner todo el texto en uno o dos cuadros de texto grandes, porque causan problemas de diseño en una pantalla pequeña. Videotutorial.

¿Quieres que adaptemos todo tu sitio a los móviles por ti?

Nuestro equipo puede rehacerlo como sitio adaptable. Consulta el servicio de conversión, o pide un presupuesto al soporte.

  • Responsive, Mobile, Responsive Website
  • 11 Los Usuarios han Encontrado Esto Útil
¿Fue útil la respuesta?

Artículos Relacionados

¿Tengo que rediseñar mi sitio web de EverWeb para los dispositivos móviles?

No. Tu sitio web de EverWeb funciona en teléfonos y tabletas tal como está. Lo bien que se adapte...

Mi sitio web se ve bien en el ordenador, pero en el teléfono aparece cortado o descolocado

En la mayoría de los casos, uno o varios objetos de la página son más anchos que la pantalla de...

Crea una página adaptable con contenedores para que se apile bien en un teléfono

Una página adaptable es una sola página que se reorganiza para ajustarse a cualquier pantalla. La...

Oculta o muestra objetos en teléfonos, tabletas u ordenadores (Show on Device)

Puedes mostrar un objeto en algunos tamaños de pantalla y ocultarlo en otros. Selecciónalo, ve a...

Crea una versión para teléfonos de una página con Diseño centrado (página para móviles), paso a paso

Una página para móviles es una segunda copia estrecha de una página, creada solo para teléfonos....