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

Éditeur Studio : Personnaliser une grille de section

8 min
Dans cet article
  • Ajouter des cellules à une section
  • Personnaliser la grille de la section
  • Échanger et retourner des cellules dans la grille
  • Passer à une grille CSS avancée
Dans l'Éditeur Studio, les sections sont livrés avec une grille intégrée, contenant une seule cellule (contenant toute la section). Divisez la section en plusieurs cellules pour donner une structure responsive au contenu. Vous pouvez choisir parmi différentes mises en page personnalisables. 
Accédez à notre Académie Wix Studio pour consulter d'autres webinaires, tutoriels et cours Wix Studio.

Ajouter des cellules à une section

Ajoutez des cellules à une section pour créer une mise en page adaptative et structurée. Le fait de garder les éléments dans des cellules séparées permet de garantir qu'ils restent en place sur tous les écrans. Choisissez une mise en page, puis déplacez les éléments vers les cellules. Vous pourrez toujours diviser les cellules ou en ajouter de nouvelles plus tard. 
Vous souhaitez ajouter des cellules à un conteneur ?
Vous pouvez appliquer une grille CSS avancée sur le conteneur.

Pour ajouter des cellules à une section :

  1. Sélectionnez la section concernée.
  2. Cliquez sur le menu déroulant Vide en haut de la section. 
Une capture d'écran de la barre d'outils qui s'ouvre lors de la sélection d'une section, avec le menu déroulant des mises en page disponibles
  1. Choisissez une mise en page : Rangées, Colonnes, Collage, etc.
    Suggestion : Vous pouvez modifier la mise en page à partir du menu déroulant à tout moment - vos éléments ne seront pas déplacés.
  2. Faites glisser les éléments vers les cellules concernées.
Une capture d'écran d'une section vide dans l'Éditeur Studio, juste après avoir appliqué la mise en page collage, mettant en évidence les nouvelles cellules
Les cellules de votre grille se chevauchent-elles sur mobile ?
Nous vous recommandons de passer à une mise en page verticale (comme Lignes) pour résoudre ce problème. 

Personnaliser la grille de la section

Faites en sorte que la grille ait l'aspect que vous souhaitez. Vous pouvez diviser ou fusionner des cellules existantes, en ajouter de nouvelles et faire glisser les lignes de la grille pour ajuster leur taille. Vous pouvez également ajouter des espaces pour créer de l'espace entre les cellules. 

Pour personnaliser la grille de la section :

  1. Sélectionnez la section concernée.
  2. Choisissez comment vous souhaitez personnaliser la grille :
Remarque  :
Pour le moment, il n'est pas possible de dupliquer une cellule. 

Échanger et retourner des cellules dans la grille

Réorganisez la section des grilles rapidement et efficacement en échangeant des cellules. Par glisser-déposer, vous pouvez instantanément basculer entre 2 cellules - elles s'occupent instantanément de la place de l'autre sur la grille. 
Vous pouvez également retourner la grille entière horizontalement ou verticalement pour explorer différentes options de présentation du contenu de votre client. 

Pour échanger les cellules :

  1. Sélectionnez la section concernée.
  2. Sélectionnez ce que vous voulez faire ensuite :

Passer à une grille CSS avancée

Passer à une grille CSS avancée vous donne un contrôle plus précis de la mise en page par point de rupture. Vous pouvez choisir le nombre de lignes et de colonnes que vous souhaitez, et définir leur taille à l'aide de mesures adaptatives (ex. fr, min./max., %).

Pour passer d'une grille de section à une grille CSS :

  1. Sélectionnez la section concernée.
  2. Cliquez sur l'icône Ouvrir l'inspecteur  en haut à droite de l'éditeur.


  3. Faites défiler la page jusqu'à Mise en page.
  4. Cliquez sur Bouton à côté de Grille CSS avancée.
  5. Cliquez sur Passer à la grille CSS.
Une capture d'écran montrant l'option pour passer à la grille avancée dans le panneau Inspecteur
Gérer les éléments qui se chevauchent ?
Consultez notre vidéo de dépannage pour savoir ce qu'il faut vérifier et comment résoudre ce problème .