Una página para móviles es una segunda copia estrecha de una página, creada solo para teléfonos. La creas con 480 píxeles de ancho y después enlazas a ella tu página de escritorio. Cuando alguien abre la página de escritorio en un teléfono, EverWeb lo lleva automáticamente a la página para móviles. Tu diseño de escritorio se queda exactamente como está.
Cuándo te resultará útil
- Una casa de huéspedes creó su sitio web en iWeb y le gusta cómo se ve. Quiere que los visitantes que llegan desde el teléfono vean los precios y un botón Reservar sin tener que ampliar.
- Un fontanero quiere una versión para teléfonos de la página de inicio que quepa en una pantalla: número de teléfono, zona de servicio y un formulario de contacto.
- Un coro quiere que las fechas de sus conciertos se lean bien en un teléfono, mientras las páginas de escritorio completas se quedan como están.
¿Página para móviles o adaptable?
Usa páginas para móviles si tu sitio web usa Diseño centrado y estás contento con su diseño. Si vas a empezar de nuevo o tienes muchas páginas, las páginas adaptables solo necesitan un diseño por página. Consulta ¿Tengo que rediseñar mi sitio web de EverWeb para los dispositivos móviles?
Para comprobar el tipo de tu página, selecciona una página y ve a Inspector > Ajustes de la página > Diseño de página. Debería decir Diseño centrado. No cambies el diseño de página de una página existente: puede reorganizar tu diseño y no se puede deshacer.
1. Añade la página para móviles
- Haz clic en Añadir página en la barra de herramientas.
- En el selector de plantillas de temas, usa el menú de filtro para mostrar solo las plantillas de Ancho fijo, elige tu tema y selecciona su estilo de página Móvil. Haz clic en Elegir.
- Cámbiale el nombre para distinguirla, por ejemplo Inicio Móvil.
¿Tu tema no tiene estilo Móvil? Añade cualquier página con Diseño centrado y ajusta Anchura del contenido: en 480 en Inspector > Ajustes de la página > Diseño de página.
Si tus páginas usan una página maestra, da a tus páginas para móviles su propia página maestra de 480 píxeles de ancho. Una página toma el ancho de su página maestra. Consulta Pon el mismo encabezado, menú y pie de página en todas las páginas con una página maestra.
2. Configúrala como página para teléfonos
Con la página para móviles seleccionada, ve a Inspector > Ajustes de la página:
- En Ajustes para móviles, deja Página para móviles en Ninguno y marca Esta página es para dispositivos móviles. Así los buscadores saben que es la versión para teléfonos de tu página de escritorio, no un duplicado.
- Desmarca Incluir la página en el menú de navegación, para que la página para móviles no aparezca en tu menú de escritorio.
3. Añade tu contenido
Copia de la página de escritorio lo que necesitan los visitantes que llegan desde el teléfono (Editar > Copiar y después Editar > Pegar en la página para móviles), y colócalo en una sola columna.
- Conserva: tu logotipo, tu número de teléfono, tu dirección, tu horario, la foto principal y los botones que busca la gente.
- Simplifica: las columnas una al lado de otra, las tablas anchas, los textos largos y las imágenes decorativas.
- Pon cada párrafo en su propio cuadro de texto. Un único cuadro de texto grande hace que el texto se comprima o se superponga en un teléfono.
- Haz que los botones sean lo bastante grandes para tocarlos, y el texto más grande que en tu página de escritorio.
El menú: añade una Barra de navegación, ve a Inspector > Ajustes del widget y marca Barra de navegación responsiva en Opciones responsivas. En una página de 480 píxeles se muestra como un botón de menú (tres líneas). Muestra tus páginas de escritorio: cuando un visitante toca una en el teléfono, esa página lo lleva a su propia página para móviles, si la tiene.
4. Enlaza a ella la página de escritorio
- Selecciona la página de escritorio.
- Ve a Inspector > Ajustes de la página > Ajustes para móviles.
- Ajusta Página para móviles en Una de mis páginas y después elige la página para móviles en Página.
Repite los pasos 1 a 4 para cada página que quieras tener en los teléfonos. Las páginas que no tengan una se siguen abriendo con el ancho de escritorio en un teléfono.
5. Pruébala y después publica
- Haz clic en Vista previa en la barra de herramientas, elige Preview QR Code (vista previa con código QR) y escanea el código con la cámara de tu teléfono. Tu teléfono y tu ordenador deben estar en la misma red Wi-Fi. Abre la página de escritorio: debería saltar a la página para móviles.
- Ve a Archivo > Publicar sitio completo.
- Compruébalo en tu teléfono en una ventana privada.
Solo las pantallas de menos de 700 píxeles de ancho, es decir, los teléfonos, van a la página para móviles. Las tabletas y los ordenadores ven la página de escritorio.
Páginas protegidas con contraseña
Simple Password protege directorios. Mantén cada página y su página para móviles en el mismo lado: las páginas para móviles de las páginas públicas, fuera del directorio protegido, y las páginas para móviles de las páginas protegidas, dentro de él. Si no, a los visitantes que llegan desde el teléfono se les pedirá una contraseña en una página pública. Consulta ¿Puedo proteger mi sitio web con contraseña? Simple Password y Membership Sites
Dos páginas que mantener al día
Cada cambio en una página de escritorio, como precios o fechas nuevos, hay que hacerlo también en su página para móviles. Si eso se vuelve demasiado trabajo, plantéate usar páginas adaptables.
Problemas habituales
| Lo que ves | Qué hacer |
|---|---|
| Un teléfono sigue mostrando la página de escritorio | Comprueba que los Ajustes para móviles de esa página apuntan a la página para móviles correcta, publica y compruébalo en una ventana privada |
| Un teléfono pide una contraseña | La página para móviles está dentro de un directorio protegido. Sácala de él, o haz que la página de escritorio apunte a otra |
| Un iPad muestra la página de escritorio | Así funciona: solo los teléfonos van a la página para móviles |
| Algo aparece en todas las páginas para móviles | Está en la página maestra para móviles. Modifícalo o elimínalo allí |
| El texto se superpone o se comprime | Pon cada párrafo en su propio cuadro de texto. Tamaño Mínimo de Fuente es para páginas adaptables, así que aquí déjalo en 0 |
Artículos relacionados
- Mi sitio web se ve mal en el teléfono: cómo funcionan los móviles en EverWeb
- ¿Tengo que rediseñar mi sitio web de EverWeb para los dispositivos móviles?
- Mi sitio web se ve bien en el ordenador, pero en el teléfono aparece cortado o descolocado
- Crea una página adaptable con contenedores para que se apile bien en un teléfono
- ¿Puedo proteger mi sitio web con contraseña? Simple Password y Membership Sites
