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 : Ajouter et gérer des sections

7 min
Dans cet article
  • Ajout de wireframe (maquette fonctionnelle) et de sections prédéfinies
  • Ajouter une section vide
  • Organiser une section à l'aide de cellules
  • Réorganiser les sections de page
  • Supprimer une section
  • FAQ
Les sections sont les blocs de construction de chaque page. Utilisez-les pour regrouper le contenu et donner à votre page un aspect organisé, professionnel et structuré.
Ajoutez autant de sections que vous le souhaitez à chaque page. Vous pouvez choisir parmi des sections vides, des maquettes ou des sections prédéfinies qui sont entièrement personnalisables. Les sections s'étendre sur la largeur du navigateur et vous pouvez définir la hauteur comme vous le souhaitez.
Créer des sections globales :
Faites en sorte que la même section apparaisse sur plusieurs pages en la définissant comme globale.

Ajout de wireframe (maquette fonctionnelle) et de sections prédéfinies

Nous avons des tonnes de sections prêtes à l'emploi et entièrement réactives pour accélérer votre processus de création. Choisissez celui que vous préférez et personnalisez-le selon le style de votre client. Si vous avez besoin d'aide pour la mise en page, et non pour le design, sélectionnez plutôt l'une de nos maquettes vierges.

Pour ajouter une maquette ou une section prédéfinie :

  1. Cliquez sur Ajouter des éléments  à gauche de l'éditeur.
  2. Cliquez sur Sections / Maquettes.
  3. Cliquez sur une catégorie pour voir les designs disponibles. 
  4. Faites glisser une section sur la page. 
  5. Personnalisez la section selon vos besoins :
    • Cliquez sur les éléments pour personnaliser leur contenu.
    • Modifiez l'arrière-plan.
    • Remplacez les images et le texte à vos propres images.
GIF montrant le panneau Ajouter des éléments dans l'Éditeur Studio, et les designs disponibles dans les onglets Sections et Maquettes

Ajouter une section vide

Vous pouvez rapidement ajouter de nouvelles sections vides pendant que vous travaillez sur la toile. Survolez le haut ou le bas d'une section et cliquez sur + Ajouter une section. Vous pouvez ensuite décider si vous souhaitez le concevoir à partir de zéro, appliquer une mise en page grille ou utiliser un design prêt à l’emploi.

Pour ajouter une section vide :

  1. Accédez à la page correspondante.
  2. Survolez le haut ou le bas de la section concernée et cliquez sur + Ajouter une section.
  3. Choisissez la façon dont vous souhaitez commencer à concevoir le design :
    • Section conçue : Choisissez une section prédéfinie et personnalisez-la selon les besoins de votre client.
    • Mise en page de la grille : Choisissez une grille avec plusieurs cellules pour organiser votre contenu.
    • Ajouter un élément : Commencez par ajouter des éléments à la section vide. 
Une capture d'écran d'une nouvelle section vierge, montrant les mises en page de cellules de grille que vous pouvez cliquer et appliquer
Enregistrez votre design pour une utilisation future :
Sélectionnez la section dans l'éditeur et cliquez sur l'icône Plus d'actions . Ensuite, cliquez sur Enregistrer comme élément. Cela enregistre votre design et le rend disponible dans le panneau Ajouter des éléments (onglet Éléments).

Organiser une section à l'aide de cellules

Ajoutez des cellules à une section pour créer une mise en page structurée et responsive. 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. 

Pour appliquer une grille sur une section :

  1. Sélectionnez la section appropriée dans l'Éditeur.
  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. Sélectionnez une mise en page : Lignes, colonnes, collage, etc.
    Suggestion : Vous pouvez modifier la mise en page à partir du menu déroulant à tout moment - cela ne déplacera pas vos éléments.
  2. Faites glisser les éléments vers les cellules correspondantes.
  3. (Facultatif) Personnaliser la grille de la section comme vous le souhaitez – ajoutez des cellules, divisez des cellules existantes, ajoutez des espaces entre les cellules, etc. 
Vous souhaitez revenir à une section sans grille ?
Cliquez avec le bouton droit de votre souris sur chaque cellule et sélectionnez Supprimer.

Réorganiser les sections de page

Lors de la création du site de votre client, vous pouvez décider que la structure et l'organisation du contenu doivent être légèrement différentes. C'est là que les sections sont vraiment utiles. vous pouvez déplacer du contenu très rapidement, quand vous le souhaitez sur la toile.

Pour réorganiser les sections sur la toile :

  1. Sélectionnez la section appropriée dans l'Éditeur.
  2. Cliquez sur l'icône Plus d'actions sur la section .
  3. Cliquez sur Monter ou Descendre.
Sélectionner une section sur la toile de l'éditeur Studio et cliquer sur l'icône Plus d'actions pour la déplacer vers le haut ou vers le bas
Vous avez modifié l'ordre des sections sur les points de rupture plus petits ?
Vous pouvez toujours appliquer à nouveau la commande que vous avez actuellement sur ordinateur. Accéder aux calques , cliquez sur l'icône Plus d'actions à côté de Page et sélectionnez Utiliser l'ordre des sections sur tous les points de rupture.

Le panneau Calques, sélectionnant une page et cliquant pour appliquer l'ordre des points de rupture du bureau à tous les autres points de rupture

Supprimer une section

Vous pouvez supprimer une section à tout moment. Cela supprime la section de la page sur tous les points de rupture. 
Remarque  :
Il n'est pas possible de supprimer des sections qui contiennent des applis telles que Boutique, Événements, Blog, etc.

Pour supprimer une section :

  1. Sélectionnez la section appropriée dans l'Éditeur.
  2. Cliquez sur l'icône Plus d'actions sur la section .
  3. Cliquez sur Supprimer.
Vous souhaitez plutôt masquer la section ?
Cliquez sur Ne pas afficher pour masquer la section du point de rupture sur lequel vous vous trouvez. Vous pouvez trouver la section masquée dans le panneau Calques, où vous pouvez également le démontrer. 
Une capture d'écran d'une section sélectionnée dans l'Éditeur, montrant comment la supprimer

FAQ

Cliquez sur une question ci-dessous pour en savoir plus.