Saltar al contenido principal

Debido al lanzamiento de Apple para iPads (iPadOS), estos dispositivos muestran la misma vista que el escritorio. Sin embargo, puedes cambiar al diseño adaptable de escritorio a tableta para garantizar que todas las personalizaciones sean visibles en los sitios web activos.

El diseño adaptable muestra el menú de navegación superior en escritorios grandes y cambia automáticamente al menú de hamburguesa cuando la pantalla es de 1024 px o inferior. El diseño para pantallas pequeñas se puede personalizar si es necesario.

Nota:

  • La mayoría de los sitios tendrán esta función habilitada automáticamente y el botón que se indica a continuación no estará disponible.
  • Para los sitios que no tengan esta opción activada, una vez activada, se eliminará la opción para desactivarla.

Para utilizar diseños de sitios adaptables:

  1. En el panel lateral del editor, haga clic en Diseño y, a continuación, en Diseño del sitio.
  2. En Escritorio, haga clic en el interruptor Diseño adaptable.
    • Seleccione un diseño de sitio para pantallas mayores a 1024 px.
    • Seleccione un diseño de sitio para 1024 px y menos.

Tras cambiar a diseños de sitio adaptables, puede cambiar las vistas en la barra de navegación superior para mostrar las opciones de escritorio grande (más de 1024 px), escritorio/tableta pequeño (1024 px o menos) y móvil. Para más información, consulte Cambiar vistas.

CSS es el mismo para los puntos de interrupción de escritorios grandes y escritorios pequeños/tabletas, y no verá un CSS de tabletas.

Los elementos pueden estar ocultos por punto de interrupción (Escritorio grande y Escritorio pequeño/Tablet). Para más información, consulte Cambiar vistas y Mostrar elementos ocultos.

Las transiciones son más suaves y no se basan en agentes de usuario.

Tenga en cuenta que las siguientes personalizaciones de la tableta muestran automáticamente el diseño del escritorio y no es necesario personalizarlas:

  • Diseños de galerías de fotos
  • Reglas de personalización de tabletas
  • Animaciones

Notas importantes

  • Si tiene elementos ocultos en su sitio, asegúrese de que estén visibles antes de activar el Diseño Adaptable. Para solucionarlo, desactive el Diseño Adaptable y muestre todos los elementos ocultos. Después, puede activar el Diseño Adaptable y volver a ocultar los elementos ocultos. Para más información, consulte Mostrar elementos ocultos.

  • La personalización ya no muestra una tableta. Seleccionar el escritorio también afecta las vistas de la tableta.

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