header-logo
Développez vos compétences.
Obtenez des conseils pour la conception Web, le marketing et plus encore.
Découvrez comment augmenter le trafic de votre site naturel provenant des moteurs de recherche.
Créez un site personnalisé à l'aide de notre plateforme complète.
Trouvez un spécialiste pour vous aider à atteindre vos objectifs.
placeholder-preview-image

Éditeur Studio : Analyser les pages pour les problèmes de design responsive

7 min
La création de designs responsive pour vos clients est essentielle dans un monde multi-appareils. Le Responsive Checker de Wix Studio simplifie ce processus, en vous aidant à identifier et à gérer rapidement les problèmes à travers tous les points de rupture. 
Vous pouvez choisir de résoudre, de consulter ou de refuser les problèmes, ce qui vous donne la possibilité d'affiner le design en fonction de votre vision.
Capture d'écran du Responsive Checker dans l'éditeur Studio, montrant les problèmes en cours et les problèmes résolus.

Analyser une page pour les problèmes de design responsive

Corrigez les problèmes de design responsive de cette page pour vous assurer que son design s'adapte à toutes les tailles d'écran. La page est examinée à tous les points de rupture. Vous décidez ensuite si les problèmes que nous avons identifiés sont pertinents pour votre design ou s'ils doivent être ignorés.

Pour analyser une page :

  1. Accédez à votre éditeur et ouvrez la page du site correspondante.
  2. Cliquez sur Vérifier le site  à gauche de votre éditeur.
  3. Sélectionnez Corriger les problèmes de design responsive.
  4. Cliquez sur Analyser la page.
  5. Examinez les problèmes trouvés sur cette page.
  6. Choisissez ce que vous voulez faire avec chaque problème :
    • Corriger le problème : Cliquez sur Corriger à côté du problème. Cela appliquera automatiquement notre recommandation aux éléments concernés et supprimera le problème du panneau.
    • Voir le problème sur la page : Cliquez sur Afficher sur la toile pour voir à quoi ressemble le problème avant de décider d'appliquer ou non notre solution. 
    • Ignorer le problème : Cliquez sur l'icône Ignorer  sur le problème pour l'ignorer. Le problème ne se posera pas à nouveau si vous analysez à nouveau cette page.   
  7. (Facultatif) Analysez une autre page :
    1. Cliquez sur la liste déroulante des pages en haut.
    2. Cliquez sur Analyser à côté de la page concernée.
Une capture d'écran du Responsive Checker dans l'éditeur Studio, cliquant pour voir un problème de position sur la toile
Suggestion :
Certains problèmes n'apparaissent que sur certains points de rupture. Dans ce cas, vous pouvez voir une icône en bas à gauche du problème, qui représente le point de rupture concerné. 

Restaurer les problèmes rejetés

Lorsque vous rejetez un problème, le Responsive Checker l'ignore complètement, même si vous analysez à nouveau la page. Cependant, les problèmes rejetés sont toujours disponibles pour que vous puissiez les examiner et décider si vous souhaitez appliquer notre solution. 

Pour restaurer un problème ignoré :

  1. Accédez à votre éditeur et ouvrez la page du site correspondante.
  2. Cliquez sur Vérifier le site  à gauche de votre éditeur.
  3. Sélectionnez Corriger les problèmes de design responsive.
  4. Cliquez sur l'icône Filtrer  en haut.
  5. Sélectionnez Problèmes ignorés.
Capture d'écran de la partie supérieure du panneau Responsive Checker, cliquant sur l'icône Filtre et sélectionnant Problèmes ignorés
  1. (Facultatif) Cliquez sur Voir sur la toile à côté du problème concerné pour le voir sur la page.
  2. Cliquez sur Restaurer.
  3. (Facultatif) Corriger le problème restauré :
    1. Cliquez sur l'icône Filtrer  en haut.
    2. Sélectionnez Problèmes ouverts.
    3. Localisez le problème restauré et cliquez sur Corriger.
Capture d'écran d'un problème corrigé dans le Responsive Checker, clic sur Restaurer

FAQ

Cliquez sur une question ci-dessous pour en savoir plus.
En savoir plus sur le design responsive :
L'Académie Wix Studio offre des tonnes de ressources pour vous aider à concevoir rapidement des sites responsive. Consultez-les pour en savoir plus sur le design responsive dans l'éditeur :
Capture d'écran du Responsive Checker dans l'éditeur Studio, montrant les problèmes en cours et les problèmes résolus.
Une capture d'écran du Responsive Checker dans l'éditeur Studio, cliquant pour voir un problème de position sur la toile
Capture d'écran de la partie supérieure du panneau Responsive Checker, cliquant sur l'icône Filtre et sélectionnant Problèmes ignorés
Capture d'écran d'un problème corrigé dans le Responsive Checker, clic sur Restaurer