Uso del diseño receptivo dentro de Google Sites

Question

¿Hay alguna manera de utilizar los principios de diseño receptivo con Google Sites? ¿Alguien ha intentado eso? ¿Podría dirigirme a un sitio de muestra? Miré this google help topic, pero luego supuestamente se trata de sitios exclusivamente móviles.

Mi objetivo principal es un sitio web normal que está optimizado para la web en lugar de sobre todo un sitio móvil.

Alternativamente, Blogger sería una mejor opción en este caso, ya que permite cambiar CSS.

Answer 1

Creo que su impresión negativa es correcta. No implementa las características que esperarías en un diseño receptivo.

La clave de su pregunta es que Google Sites no utiliza una declaración de ventana (meta-ventana en el elemento principal). Si no tiene eso, los navegadores de dispositivos lo tratan como un sitio web heredado de solo escritorio. Suponen que se romperá completamente por debajo de ~ 830 px, y establecerá un mínimo de ancho de página. Eso no suena como un diseño receptivo para mí.

Google Sites no le permite escribir su propio encabezado de CSS o HTML, por lo que no puede implementar un diseño más receptivo usted mismo.

Para ser justos, puede optar por no establecer un ancho de página fijo. También los botones de navegación se redistribuirán en ventanas relativamente estrechas, si está utilizando la función de "navegación horizontal". Este último no es un gran diseño, pero al menos se está degradando con gracia.

Hay una opción "Ajustar sitio automáticamente a teléfonos móviles" en Administrar sitio -> General. Sin embargo, muchas personas sugieren que es mejor no usarlo :). Intenté habilitarlo en un old site, una vista previa de la página y seleccionando "vista previa en el móvil". Al menos en Firefox en mi netbook original (800px de ancho), no respondía. No se expandió para usar la pantalla de 800px correctamente.

Como un lado, el ajuste de línea (o la ausencia de él) es un problema preexistente con mi sitio. Puedes culparme por no haberlo probado :). Sin embargo, ilustra una limitación del editor WYSIWYG en Google Sites. No muestra, verifica o filtra el formato que causa este problema.

Answer 2

hoy en día su posible hacer una sensible del sitio de Google. ya que Google ha mejorado esta opción "Ajustar automáticamente el sitio a los teléfonos móviles" en el botón de opción Administrar sitio.

para encontrar la opción - vaya a> Administrar sitio> General>, en la parte inferior de la página de configuración general puede ver un botón de opción llamado "Ajustar sitio automáticamente a teléfonos móviles". Simplemente marque el botón de opción & u ha mejorado la función.

designan, un sitio de ejemplo hecho con responde sitio de Googlewww.jyotiprokashmusic.com

Answer 3

móvil sí, no responde.

Estuve jugando con Google Sites hoy y puede hacer que un sitio móvil sea amigable (¡tuve que venir aquí para comenzar!). Acabo de usar la "Plantilla en blanco" para perder el tiempo.

Es necesario para activar (al igual que otros que se han mencionado):

Opciones (icono de engranaje)> Administrar sitio> (desplácese hacia abajo para móvil) Comprobar ..Ajuste automático para teléfonos móviles.Sí, vamos a enterrar esa opción muy abajo en la parte inferior!

Teniendo en cuenta todo el "empuje" móvil implementado por Google en la primavera de 2015, este debería estar activado por defecto para cualquier sitio de Google recién creado.

Simplemente seleccionando esa opción se crea un sitio móvil OK (básico). No es un sitio receptivo. Por lo tanto, en mi iPhone escala las fotos correctamente para que quepan en el dispositivo y cambia el menú horizontal principal al ícono/menú "hamburguesa". Pero colapsar la ventana del navegador de escritorio no produce resultados receptivos. https://sites.google.com/site/rwstws51/

Como una prueba, cargué una foto demasiado grande (2.5mb) para ver qué pasaría. Al ejecutar el sitio a través de Google PageSpeed ​​Insights, no se mostró ninguna advertencia de "optimizar fotos", por lo que parece que sirve una foto optimizada para teléfonos y computadoras de escritorio.

Supongo que el tema básico en realidad se llama "Esquí". Probé el tema "Legal Pad" y estaba totalmente modificado en el móvil. Creo que debido a las imágenes de fondo del área de encabezado y contenido.

Para mí, Google Sites es ideal si ya pesa sobre los otros productos de Google ... drive, docs, Google+, webmastertools, analytics, etc. Como tiene enlaces para agregar ese tipo de elementos al editar. O necesita un sitio rápido para colaborar, ya que puede configurar fácilmente el acceso al sitio como elementos de YouTube, Drive.

Además, está muy limitado en cuanto a qué html puede agregar. Al intentar guardar una etiqueta de script, se elimina. De nuevo, dependiendo del uso, definitivamente hay otras opciones disponibles.

Answer 4

Si crea sus propios formularios HTML personalizados con secuencias de comandos de aplicaciones, puede agregar los visualizadores @media etc. al CSS para esas páginas/formularios, de modo que ayude ... pero el marco del sitio de google sigue estando bien. ... no tan bueno ........