Puedes mostrar un objeto en algunos tamaños de pantalla y ocultarlo en otros. Selecciónalo, ve a Inspector > Métricas y, en Adaptable, desmarca los dispositivos en los que no debe aparecer. Funciona bien para unos pocos cambios, como un banner corto en los teléfonos y uno ancho en los ordenadores. Si vas a duplicar la mayor parte de una página, normalmente es mejor un diseño adaptable o una Página para móviles aparte (consulta la tabla de abajo).
Oculta un objeto en algunos dispositivos
- Selecciona el objeto.
- Ve a Inspector > Métricas (el tercer icono) y desplázate hacia abajo hasta Adaptable.
- Desmarca los dispositivos en los que no debe aparecer el objeto: Mostrar en el móvil, Mostrar en tableta, Mostrar en el desktop, Mostrar en desktop ancho o Mostrar en desktop ultra ancho. Sitúa el puntero sobre una casilla para ver los anchos de pantalla que abarca.
- Estrecha y ensancha la ventana de EverWeb. El objeto desaparece en los tamaños que has desmarcado.
- Publica y luego compruébalo en tu teléfono. Antes de publicar, puedes hacer clic en Vista previa en la barra de herramientas, elegir Preview QR Code (código QR de vista previa) y escanear el código con tu teléfono.
¿Vas a alternar dos versiones? Marca los tamaños de ordenador en una y los de teléfono y tableta en la otra. Asegúrate de que en cada tamaño haya una de las dos marcada, o quedará un hueco en ese tamaño.
¿Dónde empiezan el teléfono, la tableta y el ordenador? Estos anchos se llaman puntos de corte (breakpoints). EverWeb los muestra como líneas discontinuas en el editor. Para cambiarlos, haz clic en Breakpoints en la misma sección Adaptable, o elige Insertar > Breakpoints.... Establecer ajustes predeterminados los devuelve a sus valores originales. La mayoría de los sitios web nunca necesitan cambiarlos.
Encuentra un objeto oculto
- Para verlos: elige Ventana > Mostrar objetos ocultos. Los objetos ocultos aparecen como recuadros grises tachados con una cruz. Puedes verlos, pero no hacer clic en ellos. Es normal.
- Para seleccionar uno: haz clic con el botón derecho en una parte vacía de la página (o Control-clic en un Mac), elige Objetos ocultos y luego elige el objeto. Después puedes cambiar sus casillas Mostrar en, o eliminarlo. Si la página no tiene objetos ocultos, esta opción del menú no aparece.
¿Show on Device, un diseño adaptable o una Página para móviles?
| Show on Device (mostrar según el dispositivo) | Diseño adaptable (Contenedores) | Página para móviles | |
|---|---|---|---|
| Ideal para | Alternar unos pocos objetos | El mismo contenido, reorganizado para ajustarse a cada pantalla | Páginas de Diseño centrado |
| Tipo de página | Adaptable o Diseño centrado | Adaptable | Diseño centrado |
| Lo que tienes que mantener al día | Las dos copias de todo lo que alternas | Una página | Dos páginas |
Los objetos ocultos siguen formando parte de la página publicada; simplemente no se muestran. Así que:
- Usa un diseño adaptable cuando el contenido sea el mismo y solo cambie la disposición. Consulta Crea una página adaptable con contenedores para que se apile bien en un teléfono.
- No hagas dos copias de tu título principal ni de vídeos grandes. Reorganízalos en su lugar.
- En una página de Diseño centrado, añade una Página para móviles para los teléfonos. Consulta Mi sitio web se ve mal en el teléfono: cómo funcionan los móviles en EverWeb.
Problemas habituales
| Lo que ves | Por qué | Qué hacer |
|---|---|---|
| Un objeto ha desaparecido mientras trabajabas | Está oculto en el ancho actual de la ventana | Usa Ventana > Mostrar objetos ocultos, o haz clic con el botón derecho en la página y elige Objetos ocultos |
| Las casillas Mostrar en aparecen atenuadas | El objeto es una Fila dinámica (Responsive Row). Las Filas dinámicas están obsoletas y no se pueden ocultar | Oculta los objetos que contiene, o muévelos a un Contenedor configurado como Fila y oculta el Contenedor. Consulta ¿Por qué no se queda donde lo arrastro? |
| Un espacio en blanco donde no se ve nada | Puede que haya un objeto oculto ahí | Haz clic con el botón derecho en la página, elige Objetos ocultos, selecciónalo y elimínalo si no lo necesitas |
| Un objeto no aparece nunca | Todas sus casillas Mostrar en están desmarcadas | Marca al menos una |
| Se ve bien en EverWeb pero no en tu teléfono | Puede que tu teléfono esté mostrando una copia guardada | Abre la página en una ventana privada en tu teléfono |