header-logo
Découvrez comment utiliser Wix pour créer votre site et votre entreprise.
Concevez et gérez votre site à l'aide des fonctionnalités intuitives de Wix.
Gérer les abonnements, les forfaits et les factures.
Gérez votre entreprise et communiquez avec les membres.
Apprenez à acheter, connecter ou transférer un domaine vers votre site.
Obtenez des outils pour développer votre activité et votre présence sur le web.
Améliorez votre visibilité grâce à des outils de référencement et de marketing.
Bénéficiez de fonctionnalités avancées pour travailler plus efficacement.
Trouvez des solutions aux problèmes techniques et de performance du site. Découvrez les problèmes que nous nous efforçons de résoudre ou contactez-nous pour obtenir de l'aide.
placeholder-preview-image
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

Créer des sites responsives avec Wix

7 min
Dans cet article
  • Utiliser des fonctionnalités responsives dans l'Éditeur Wix
  • L'Éditeur mobile
  • Éléments pleine largeur
  • Créer un site responsive sur Wix Studio
Que vous utilisiez l'Éditeur Wix ou l'Éditeur Studio, Wix offre une variété d'outils pour vous aider à créer un site qui s'affiche parfaitement sur tous les écrans. 
Grâce à l'Éditeur Wix, vous pouvez tirer parti de sections, de bandes et d'éléments pleine largeur lorsqu'ils s'ajustent à la taille de l'écran du visiteur. Dans l'Éditeur Studio, les options avancées comme la personnalisation des points de rupture, les propriétés de mise à l'échelle et l'IA responsive vous donnent la précision pour créer des designs responsive, prêts pour les clients.
Dans cet article, nous découvrirons comment créer un site responsive dans les deux Éditeurs.

Utiliser des fonctionnalités responsives dans l'Éditeur Wix

Les sites Wix créés dans l'Éditeur Wix deviennent de plus en plus responsives à mesure que nous ajoutons de nouvelles fonctionnalités très intéressantes.

L'Éditeur mobile

Wix crée automatiquement une version optimisée pour mobile de votre site en utilisant le contenu de votre site pour ordinateur. Ouvrez l'Éditeur mobile pour personnaliser le design et le contenu de votre site mobile et améliorer l'expérience des visiteurs. 
GIF du défilement vers le bas de l'Éditeur mobile.
Informations importantes :
Les versions ordinateur et mobile de votre site représentent différents modes d'affichage du même site ; ce ne sont pas des sites séparés. Les modifications apportées à votre site sur ordinateur affectent votre site mobile, tandis que les modifications apportées à votre site mobile n'affectent pas votre site sur ordinateur.

Éléments pleine largeur

L'Éditeur Wix propose une variété d'éléments qui peuvent être développés pour remplir toute la largeur de l'écran et s'adapter à la taille de l'écran du visiteur (sur ordinateur).
Les éléments suivants sont responsive lorsqu'ils sont étirés sur toute la largeur :
Si l'élément a une icône Étirer , cela signifie que vous pouvez l'étirer sur toute la largeur et le rendre responsive.
GIF montrant un site de l'Éditeur Wix avec un diaporama pleine largeur et un pied de page en dessous, les deux responsive lorsque le navigateur est redimensionné
Remarque :
Lorsque vous utilisez des éléments qui ne peuvent pas être étirés sur toute la largeur (ex. zones de texte, images), assurez-vous de les conserver dans les grilles verticales afin que vos éléments apparaissent correctement sur la plupart des tailles d'écran.

Créer un site responsive sur Wix Studio

Vous pouvez créer des sites entièrement responsives et superbement conçus pour vos clients dans l'Éditeur Studio. Avec ses fonctionnalités de pointe, la plateforme vous permet de créer des sites responsives, avec vitesse et précision.
Dans l'Éditeur, vous trouverez une gamme d'outils soigneusement sélectionnés pour simplifier votre processus de conception, assurant la facilité, l'efficacité et des résultats exceptionnels pour vos projets. 
Cliquez ci-dessous pour en savoir plus sur ces outils et fonctionnalités.
GIF montrant comment le design du site change lorsque vous cliquez sur différents points de rupture en haut