Motifs d’arrière-plan de section

Ajoutez des illustrations d’arrière-plan uniques générées spécifiquement pour votre site.

Dernière mise à jour le 20 novembre 2023

Vous pouvez choisir parmi plusieurs options pour personnaliser le style de l’arrière-plan de votre site. Ce guide explique comment créer des motifs d’arrière-plan uniques à l’aide de couleurs, de motifs et de formes générés par la plateforme Squarespace.

Choisissez un motif animé pour un look vivant ou un dégradé plus subtil. Utilisez un motif prédéfini ou personnalisez-le en définissant des formes, des tailles et des mouvements spécifiques.

Si vous avez des motifs que vous souhaitez utiliser comme arrière-plan, chargez des images ou des vidéos d’arrière-plan. Découvrez toutes vos options de style d’arrière-plan dans l’article Personnaliser l’arrière-plan de votre site.

Accéder à cette fonctionnalité

Les motifs d’arrière-plan de section sont pris en charge dans la version 7.1 uniquement.Si votre site utilise la version 7.0, vous pouvez ajouter des images de bannière et des vidéos d’arrière-plan pour des effets similaires, en fonction de votre template.

Regarder une vidéo

Avant de commencer

  • Vous pouvez ajouter des motifs d’arrière-plan à la disposition automatique, au portfolio et aux blocs sections de page.Il n’est pas possible d’ajouter un motif d’arrière-plan aux sections Galerie ou de collection.
  • Les motifs d’arrière-plan apparaissent uniquement sur les navigateurs et les appareils qui prennent en charge WebGL, un outil qui fonctionne avec le processeur graphique de votre appareil. Pour vérifier si votre navigateur est compatible, rendez-vous sur get.webgl.org. Si le navigateur ne prend pas en charge WebGL, l’arrière-plan de la section reste statique.
  • Si votre section contient du texte ou un autre contenu, veillez à ce qu’il soit toujours visible et lisible devant votre motif d’arrière-plan. Pour modifier la couleur du texte, utilisez les ajustements de police du thème de couleur de cette section.
  • Si le motif ajouté à la section est animé, celle-ci comprend un bouton de pause en bas à droite. Ce bouton permet de rendre votre site accessible aux visiteurs susceptibles d’être désorientés par des arrière-plans en mouvement. Il n’est pas possible de désactiver ce bouton.

Ajouter un motif d’arrière-plan

Pour ajouter un motif d’arrière-plan :

  1. Ouvrez le panneau Pages, puis cliquez sur la page contenant la section que vous souhaitez modifier.
  2. En haut à gauche, cliquez sur Modifier.
  3. Cliquez sur l’icône crayon de la section, puis sur Arrière‑plan.
  4. Cliquez sur Motif, puis sur une vignette pour afficher un aperçu du motif dans la section. Les couleurs sont extraites des options Vif de votre palette de couleurs.
  5. Pour les variations du design, cliquez sur l’un des petits cercles qui apparaissent au-dessus de la vignette.
  6. Pour personnaliser le motif, cliquez sur l’icône Paramètres pour ouvrir le panneau des détails. Pour en savoir plus, consultez la section ci-dessous.
  7. Définissez la largeur de l’arrière-plan en sélectionnant Pleine page ou Insertion.
  8. Lorsque vous avez trouvé le design qui vous convient, cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.

Personnaliser les détails des motifs d’arrière-plan

Vous pouvez personnaliser votre motif d’arrière-plan dans le panneau des détails.Pour ouvrir le panneau des détails, cliquez sur la miniature d’un motif, puis sur l’icône Paramètres.

The_settings_icon_on_section_background_art.png

Faites défiler les options et les paramètres jusqu’à trouver un motif qui vous plaît. Cliquez sur une catégorie pour ouvrir le menu déroulant et afficher d’autres options. Selon le motif d’arrière-plan sélectionné, différentes catégories s’affichent.

Par exemple :

  • Dans la plupart des panneaux de détails de l’arrière-plan, vous pouvez cliquer sur Inverser les couleurs pour échanger les couleurs attribuées.
  • Dans le panneau de détails de n’importe quel arrière-plan, vous pouvez cliquer sur Aléatoire pour tester une configuration aléatoire.

Les autres paramètres sont spécifiques à chaque style de motif d’arrière-plan, et comprennent des curseurs et des sélecteurs qui modifient les composants principaux du motif. Nous vous recommandons d’essayer les différentes options de chaque panneau de détails jusqu’à ce que vous trouviez une combinaison qui vous plaît.

Voici un exemple de motif d’arrière-plan de section.

Create_striking_visual_animations_with_section_background_art.gif
Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.