Saltar al contenido principal

Las modificaciones realizadas en un dispositivo se muestran en todos los dispositivos. Por ejemplo, si se elimina una fila en la vista para tabletas de su sitio, esta también desaparecerá en las vistas de escritorio y móvil. Esto se debe a que el contenido se puede compartir entre todos los dispositivos. Sin embargo, es posible que desee diferenciar qué contenido se muestra en cada dispositivo. Puede usar nuestras funciones de edición por dispositivo para lograrlo y ofrecer a sus visitantes contenido adecuado para el dispositivo desde el que acceden a su sitio.

Al editar un dispositivo específico, suele ser necesario cambiar de vista. Para más información, consulte Cambiar de vista.

Ver barras de información

Es posible que algunos widgets y funciones solo aparezcan en ciertos dispositivos. Para cambiar el estilo de un widget en un dispositivo específico, haga clic en la vista del dispositivo en la barra de navegación superior para cambiar a esa vista y luego realice el cambio.

Ocultar en el dispositivo

Casi todo en el editor, con excepción del encabezado y el pie de página, se puede editar por dispositivo, haciendo que el contenido sea específico para ese dispositivo.

Para editar contenido por dispositivo:

  1. Copie el contenido que quiera que sea específico del dispositivo. Haga clic derecho en el widget, haga clic en "Copiar" y luego en "Pegar".
  2. Haga clic derecho en uno de los widgets, seleccione "Ocultar en el dispositivo" y seleccione el dispositivo donde quiere ocultarlo. Por ejemplo, si configura un botón como "Ocultar en el escritorio", este se eliminará del escritorio, pero se mostrará en los sitios web para tabletas y dispositivos móviles.
  3. Haga clic en el contenido original y seleccione "Ocultar en el dispositivo". Luego, oculte el contenido en los dispositivos donde no quiera modificarlo. Por ejemplo, si configura el botón de copia en "Ocultar en el escritorio", configuraría el botón original en "Ocultar en la tableta" y "Ocultar en el móvil". De esta forma, tendrá dos botones diferentes: uno en el escritorio y otro en la tableta y el móvil.
  4. Si desea que el contenido sea diferente en los tres dispositivos, puede copiarlo nuevamente (de modo que tenga un total de tres copias del mismo contenido) y mostrar un botón diferente en cada dispositivo.
  5. Ahora tiene dos (o tres) piezas de contenido idénticas, pero diferentes, cada una mostrada en un dispositivo distinto. Cualquier cambio posterior a este contenido solo afectará al dispositivo en el que está configurado para mostrarse.

Nota:

Es posible que el contenido oculto siga apareciendo en el código del sitio web (después de publicarlo o republicarlo). Esto es normal y se debe a la tecnología utilizada. Para obtener información detallada, consulte ¿Por qué el contenido que tengo oculto se muestra en las auditorías?.

Ediciones que no afectan otros dispositivos

Nota:

Muchas ajustes indican a qué dispositivos afectan. Por ejemplo, una configuración podría indicar "Cambiar afecta a computadoras de escritorio y tabletas", junto con un icono que representa los dispositivos.

Hay varias opciones en el editor que se pueden modificar sin afectar la experiencia móvil. Estas son:

  • Espaciado (márgenes y relleno)
  • Posicionamiento
  • Ancho
  • Altura
  • Fondo del sitio/página
  • Tamaño de fuente (no afectará el texto que se haya editado anteriormente en el móvil)
  • Los cambios en el encabezado y pie de página en la vista de tableta no afectan la vista de escritorio ni la vista móvil.

Cualquier otra edición que realice en la vista de cada dispositivo afectará otros dispositivos.

Además de la lista anterior, puedes realizar otras modificaciones en los ajustes sin afectar otros dispositivos. Estas se muestran con el icono "Las modificaciones solo afectan a este dispositivo" en el editor.

Cambios específicos del widget

Si bien algunos widgets funcionan bien en todos los dispositivos, existen algunas diferencias drásticas entre ellos que crean la necesidad de un conjunto diferente de funciones o preferencias de diseño por dispositivo.

A continuación se muestra una lista de widgets con sugerencias de diseño y notas para adaptar ciertos widgets a determinados dispositivos.

Imágenes de fondo

Debido a las drásticas diferencias en las relaciones de aspecto entre dispositivos, es importante tener especial cuidado con el diseño de las imágenes en su sitio web.

Por ejemplo, un fondo de página completa en una fila podría verse bien en un dispositivo de escritorio, pero horrible en un dispositivo móvil. Esto podría deberse a que los dispositivos de escritorio son más adecuados para imágenes de mayor ancho, mientras que en los dispositivos móviles es todo lo contrario.

Puede configurar un fondo de página diferente para cada dispositivo en los ajustes del tema del sitio. Se recomienda usar una imagen de fondo ancha para computadoras de escritorio y una estrecha para dispositivos móviles o tabletas.

Widget deslizante

Al igual que con la imagen de fondo, es posible que las imágenes seleccionadas para la versión de escritorio del widget deslizante no se vean tan bien en tabletas o computadoras de escritorio. Se recomienda:

  • Ajustar el tamaño del marco para que el control deslizante se ajuste al dispositivo móvil o
  • Ocultar el control deslizante en el escritorio y crear una versión específica para dispositivos móviles.

Widget de imágenes e iconos

El tamaño del widget de imagen no se ajusta automáticamente en la versión móvil. Es importante revisar los dispositivos móviles donde se usa el widget de imagen para realizar los ajustes necesarios.

Efectos al pasar el cursor sobre tabletas y dispositivos móviles

En comparación con los dispositivos de escritorio, las tabletas y los dispositivos móviles no tienen efecto de desplazamiento. Cualquier diseño u opción de desplazamiento está deshabilitado en tabletas y dispositivos móviles.

Widget de mapas

El widget de Mapa tiene opciones específicas del dispositivo sobre cuándo se mostrará como un botón o un mapa.

Widget de formularios de contacto

Los formularios de contacto siempre aparecerán con una entrada por línea en el móvil.

Consideraciones

Al editar widgets específicos del dispositivo, recuerde revisar todas las vistas antes de publicar su sitio web. Los widgets pueden perderse fácilmente al usar la opción "Ocultar en el dispositivo".

Para obtener más información sobre cómo cambiar de vista, lea este artículo.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0