Éditeur Studio : Ajouter et personnaliser des séparateurs de forme
6 min
Dans cet article
- Ajouter un séparateur avec forme
- Concevoir le design d'un séparateur de forme prédéfini
- Créer un séparateur avec forme personnalisé
- FAQ
Ajoutez des séparateurs de forme pour créer une transition intéressante et élégante entre les sections. Au lieu d'utiliser des lignes claires pour diviser le contenu, choisissez une forme (p. ex. Ellipse, Vagues) ou importez les vôtres. Ces séparateurs peuvent se trouver en haut et en bas d'une section, et vous pouvez personnaliser leur design si nécessaire.
Ajouter un séparateur avec forme
Commencez par ajouter un séparateur de forme à la section concernée. Vous pouvez ajouter un séparateur en haut ou en bas de la section, ou les deux.
Vous pouvez choisir parmi une gamme de formes, ainsi que des designs supplémentaires dans le gestionnaire de médias. Vous pouvez également importer votre propre fichier SVG pour donner une touche personnelle à cette transition.
Vous importez votre propre fichier ?
Consultez la section FAQ ci-dessous pour obtenir des directives sur la taille et les proportions des fichiers.
Pour ajouter un séparateur avec forme à votre section :
- Accédez à votre éditeur.
- Sélectionnez la section concernée.
- Cliquez sur l'icône Séparateurs de formes
.
- Cliquez sur l'onglet Haut ou Bas pour sélectionner l'endroit où ajouter le séparateur.
- Sélectionnez un séparateur à ajouter :
- Designs suggérés : Cliquez sur l'un des styles disponibles dans le panneau.
- Designs supplémentaires proposés par Wix :
- Cliquez sur + Plus de formes.
- (Dans le gestionnaire de médias) Sélectionnez une option dans l'onglet Médias de Wix.
- Cliquez sur Sélectionner un fichier pour l'appliquer à votre bande.
- Votre propre séparateur avec forme :
- Cliquez sur + Plus de formes.
- (Dans le gestionnaire de médias) Sélectionnez la forme de l'onglet Fichiers du site ou importez-en une nouvelle.
- Cliquez sur Sélectionner un fichier pour l'appliquer à votre bande.
Suggestion :
Après avoir sélectionné une forme dans le gestionnaire de médias, elle apparaît en tant que Plus de formes dans le panneau Séparateurs de formes pour la section spécifique. Si vous souhaitez choisir une autre forme dans le gestionnaire de médias, cliquez sur l'icône Modifier 
au-dessus de Plus de formes.
au-dessus de Plus de formes. Concevoir le design d'un séparateur de forme prédéfini
Après avoir choisi l'un de nos séparateurs avec forme, personnalisez-le à votre goût. Ajustez la hauteur, la couleur, l'opacité et les calques pour personnaliser la transition et lui donner l'aspect que vous souhaitez.
Remarque :
Les options disponibles dépendent du séparateur avec forme que vous choisissez.
Pour personnaliser le design d'un séparateur de forme prédéfini :
- Accédez à votre éditeur.
- Sélectionnez la section concernée.
- Cliquez sur l'icône Séparateurs de formes
- Cliquez sur l'onglet Haut ou Bas pour accéder au séparateur que vous souhaitez personnaliser.
- Cliquez sur Personnaliser le design en bas de la page.
- Choisissez la façon dont vous souhaitez ajuster l'apparence du séparateur de forme :
- Opacité et couleur : Sélectionnez la couleur de votre choix pour votre séparateur et rendez-la plus ou moins visible sur la bande.
- Hauteur : Configurez la hauteur ou la hauteur du séparateur sur la section.
- Décalage horizontal : Repositionnez votre séparateur avec forme, en le déplaçant vers la gauche ou la droite.
- Effet du calque : Activez le curseur pour ajouter un effet de fondu au séparateur, puis sélectionnez une direction dans le menu déroulant :
- Centré : L'effet est visible sur l'ensemble du séparateur.
- Fondu vers le haut : L'effet diminue vers le haut du séparateur.
- Fondu vers le bas : L'effet diminue vers le bas du séparateur.
- Inverser : Inversez la forme du séparateur (verticalement).
- Retourner : Configurez le séparateur pour qu'il s'affiche de manière inverse sur la section.
- Nombre de répétitions : Paramétrez le nombre de répétitions du motif sur le séparateur.
Créer un séparateur avec forme personnalisé
Lorsque vous importez votre propre séparateur avec forme, vous pouvez utiliser diverses options pour le personnaliser davantage. Ajustez les paramètres comme la couleur, la visibilité et l'échelle du séparateur pour créer une structure et un design uniques sur votre page.
Remarque :
Les options disponibles dépendent du fichier que vous importez. Consultez la section FAQ ci-dessous pour plus de détails.
Pour personnaliser le design de votre séparateur avec forme :
- Accédez à votre éditeur.
- Sélectionnez la section concernée.
- Cliquez sur l'icône Séparateurs de formes
- Cliquez sur l'onglet Haut ou Bas pour accéder au séparateur que vous souhaitez personnaliser.
- Cliquez sur Personnaliser le design en bas de la page.
- Choisissez comment vous souhaitez ajuster l'aspect de votre séparateur avec forme :
- Opacité et couleur : Sélectionnez la couleur de votre choix pour votre séparateur et rendez-le plus ou moins visible sur la bande.
- Mise à l'échelle du séparateur : Sélectionnez si vous souhaitez que le motif du séparateur s'étire sur la bande ou se répète.
- Hauteur : Paramétrez la hauteur du point le plus haut du séparateur sur votre bande.
- Décalage horizontal : Paramétrez le décalage du séparateur par rapport aux côtés de la bande.
- Retourner : Réglez le séparateur pour qu'il s'affiche dans le sens inverse (horizontalement) sur votre bande.
FAQ
Cliquez sur une question ci-dessous pour en savoir plus sur les séparateurs avec forme.
Les séparateurs avec forme sont-ils réactifs ?
Quel type de séparateurs avec forme personnalisés puis-je importer ?
Puis-je personnaliser le design des séparateurs que j'ai importés ?
Comment supprimer un séparateur de forme d'une section ?
