Cambiar entre vista previa móvil y de escritorio
Alterna entre las vistas móvil y de escritorio para ver cómo se ve tu sitio web de boda en diferentes dispositivos.
Tu sitio web de boda se adapta automáticamente a diferentes tamaños de pantalla. La vista previa del constructor te permite alternar entre las vistas de escritorio y móvil para que puedas ver exactamente cómo se verá tu sitio para los invitados en teléfonos, tabletas y computadoras.
Cómo alternar la vista previa
En el constructor de sitios web, mira la esquina inferior derecha del área de vista previa
Haz clic en el botón del ícono de dispositivo (muestra múltiples dispositivos)
La vista previa cambia a la vista móvil
Las pestañas de página mostrarán Vista previa móvil para indicar que estás en modo móvil.
Volver a la vista de escritorio
Haz clic en el ícono de dispositivo nuevamente para regresar a la vista previa de escritorio. La etiqueta Vista previa móvil desaparece.
Qué cambia en la vista móvil
Cuando cambias a la vista previa móvil, verás:
Diseño más estrecho - El contenido se apila verticalmente para adaptarse a las pantallas de teléfonos
Navegación ajustada - El menú puede colapsar en un ícono de hamburguesa
Imágenes responsivas - Las imágenes se escalan para adaptarse a pantallas más pequeñas
Texto optimizado - Los tamaños de fuente se ajustan para la legibilidad en dispositivos móviles
Por qué ver ambas vistas
La mayoría de tus invitados visitarán tu sitio desde sus teléfonos. Alternar entre vistas te ayuda a:
Asegurarte de que el contenido se vea bien en todos los dispositivos
Verificar que el texto sea legible en pantallas pequeñas
Confirmar que las imágenes se muestren correctamente en móvil
Asegurar que los botones y enlaces sean fáciles de tocar
Ver cómo se adapta tu menú de navegación
Consejos de diseño para móvil
Mientras construyes tu sitio, alterna a la vista previa móvil para verificar:
Tamaños de imagen - Las imágenes grandes deberían verse bien cuando se reducen
Longitud del texto - Los párrafos largos son más difíciles de leer en teléfonos
Ubicación de botones - Asegúrate de que los botones sean fáciles de tocar con el pulgar
Espaciado de secciones - Algunos espaciados pueden verse diferentes en móvil
Uso de la vista previa móvil con pantalla completa
Puedes combinar la vista previa móvil con el modo de pantalla completa:
Haz clic en el ícono de dispositivo para cambiar a la vista móvil
Haz clic en Pantalla completa para maximizar la vista previa móvil
Mira tu sitio móvil con más detalle
Consejos
Revisa la vista móvil para cada página. No solo revises tu página de inicio - haz clic en todas las pestañas de página en modo móvil.
El móvil es lo primero para la mayoría de los invitados. Aunque diseñes principalmente en escritorio, siempre revisa la vista móvil antes de publicar cambios.
Prueba la navegación cuidadosamente. Asegúrate de que los invitados puedan encontrar y acceder fácilmente a todas tus páginas en móvil.
Artículos relacionados