Editor de Wix Studio: escanear las páginas en busca de problemas de diseño adaptativo

7 min de lectura
En este artículo
  • Escanear una página en busca de problemas adaptativos
  • Restaurar propuestas descartadas
  • Preguntas frecuentes
Crear diseños adaptativos para tus clientes es esencial en el mundo con la multiplicidad de dispositivos en el que nos encontramos. El Verificador adaptativo de Wix Studio simplifica este proceso, ayudándote a identificar y administrar rápidamente los problemas en todos los breakpoints. 
Puedes elegir si quieres corregir, ver o descartar las incidencias, lo que te da la flexibilidad de ajustar el diseño a tu visión.
Captura de pantalla del Verificador adaptativo en el Editor de Wix Studio, que muestra las incidencias abiertas y las que se solucionaron

Escanear una página en busca de problemas adaptativos

Soluciona los problemas adaptativos para asegurarte de que el diseño de esta página se vea bien en todos los tamaños de pantalla. La página se revisa en todos los breakpoints. Luego, tú decides si los problemas que identificamos son relevantes para tu diseño o si deben ignorarse.

Para escanear una página:

  1. Ve al editor y abre la página del sitio correspondiente.
  2. Haz clic en el Verificador de sitios  a la izquierda del editor.
  3. Selecciona Solucionar problemas adaptativos.
  4. Haz clic en Escanear página.
  5. Revisa los errores encontrados en esta página.
  6. Elige qué hacer con cada incidencia:
    • Solucionar el problema: haz clic en Solucionar junto al problema. Esto aplicará automáticamente nuestra recomendación a los elementos correspondientes y eliminará la incidencia del panel.
    • Ver el problema en la página: haz clic en Ver en lienzo para ver cómo se ve el problema antes de decidir si aplicas o no nuestra solución. 
    • Descartar la incidencia: haz clic en el icono Descartar  sobre el problema para ignorarlo. El problema no volverá a surgir si vuelves a escanear esta página.   
  7. (Opcional) Escanea otra página:
    1. Haz clic en el menú desplegable de las páginas en la parte superior.
    2. Haz clic en Escanear junto a la página correspondiente.
Captura de pantalla del verificador adaptativo en el Editor de Wix Studio, al hacer clic para ver un problema de posición en el lienzo
Consejo:
Algunas propuestas solo aparecen en ciertos breakpoints. En ese caso, puedes ver un icono en la parte inferior izquierda de la propuesta, que representa el breakpoint afectado. 

Restaurar propuestas descartadas

Al descartar una propuesta, el Verificador adaptativo la ignora por completo, incluso si vuelves a escanear la página. Sin embargo, los errores descartados siempre están disponibles para que los revises y decidas si deseas aplicar nuestra solución. 

Para restaurar una propuesta descartada:

  1. Ve al editor y abre la página del sitio correspondiente.
  2. Haz clic en el Verificador de sitios  a la izquierda del editor.
  3. Selecciona Solucionar problemas adaptativos.
  4. Haz clic en el icono Filtrar  en la parte superior.
  5. Selecciona Problemas descartados.
Captura de pantalla de la parte superior del panel Verificador adaptativo, en la que se hace clic en el icono Filtrar y se selecciona Incidencias descartadas
  1. (Opcional) Haz clic en Ver en lienzo junto al problema correspondiente para verlo en la página.
  2. Haz clic en Restaurar.
  3. (Opcional) Soluciona el problema restaurado:
    1. Haz clic en el icono Filtrar  en la parte superior.
    2. Selecciona Abrir problemas.
    3. Localiza el problema restaurado y haz clic en Solucionar.
Captura de pantalla de una incidencia descartada en el Verificador adaptativo, haciendo clic en Restaurar

Preguntas frecuentes

Haz clic en una de las siguientes preguntas para obtener más información.
Más información sobre el diseño adaptativo:
La Academia de Wix Studio ofrece cientos de recursos para ayudarte a diseñar sitios adaptativos rápidamente. Echa un vistazo a estos para obtener más información sobre la capacidad de respuesta en el editor (contenido en inglés):