Blocs Forme

Créez des figures de couleur unie pour améliorer le design de votre page.

Dernière mise à jour le 4 septembre 2023

Utilisez des blocs Forme pour ajouter différentes formes aux sections de l’Éditeur intuitif. C’est un excellent moyen de varier vos dispositions et d’ajouter des motifs accrocheurs, ou de faire se chevaucher des blocs Forme avec d’autres blocs pour créer des dispositions plus frappantes visuellement.

Regarder une vidéo explicative

Astuce

Les blocs Forme ajoutent uniquement une forme de couleur unie au design de votre page. Pour ajouter une image dans une forme, utilisez des blocs Image.

Three_shape_blocks_-_a_square__a_star__and_a_flower_-_behind_text.png

Accéder à cette fonctionnalité

Les blocs Forme sont pris en charge dans l’Éditeur intuitif sur les sites utilisant la version 7.1.

Ajouter un bloc Forme

Pour ajouter un bloc Forme :

  1. Modifiez une page ou un article, cliquez sur Ajouter un bloc, puis sur Forme. Pour obtenir de l’aide, consultez l’article Ajouter du contenu avec des blocs.
  2. Ouvrez l’éditeur de bloc en cliquant sur l’icône en forme de crayon sur le bloc ou en double-cliquant sur le bloc.
  3. Sous Forme, cliquez sur le menu déroulant et sélectionnez la forme de votre choix. Si vous sélectionnez la forme carrée de base, définissez les rayons des angles.
  4. Activez l’option Étirer afin que la forme remplisse le bloc. Les proportions de la forme peuvent changer lorsque vous redimensionnez le bloc. Si vous n’activez pas l’option Étirer, la forme conserve ses proportions lorsque vous redimensionnez le bloc.
  5. Cliquez sur le réglage Couleur pour définir la couleur du bloc.
  6. Cliquez sur le menu déroulant Mode de fusion pour sélectionner un paramètre de transparence. Ces effets sont parfaits si vous superposez un bloc Forme devant une image ou un autre contenu visuel.
  7. À côté de Trait, activez une ligne continue ou pointillée pour délimiter la forme. Pour les lignes continues et pointillées, définissez la Couleur et l’Épaisseur du trait. Pour les lignes pointillées, définissez la taille du Tiret et celle de l’Écart ainsi que la forme des extrémités.
  8. Activez l’option Ombre portée pour ajouter une ombre portée à la forme. Définissez l’angle, la distance, le niveau de flou et la couleur.

Astuce

Si aucune ombre n’apparaît, augmentez les paramètres de distance ou de flou.

Couleur du bloc Forme

Dans l’éditeur de blocs, vous pouvez sélectionner une couleur pour votre forme dans la palette de votre site ou choisir une couleur personnalisée. Vous pouvez également sélectionner une couleur pour l’ombre portée du bloc après l’avoir activée. Avec ces paramètres, chaque bloc Forme que vous ajoutez peut avoir une couleur différente avec une ombre portée de couleur différente.

N’oubliez pas que si vous sélectionnez une couleur de palette et que vous modifiez la palette de votre site ultérieurement, la couleur peut changer pour correspondre à votre nouvelle palette. Si vous sélectionnez une couleur personnalisée pour le bloc Forme ou son ombre portée, cette couleur reste la même, et ce, même si vous modifiez votre palette.

Si vous ne sélectionnez aucune couleur dans l’éditeur de blocs, les blocs Forme et leurs ombres portées suivent les couleurs par défaut du thème de couleur de la section. Pour personnaliser ces couleurs par défaut :

  1. Ouvrez le panneau Styles du site.
  2. Cliquez sur Couleurs.
  3. Survolez le thème de la section et cliquez sur l’icône du crayon. Si vous n’êtes pas sûr(e) du thème utilisé par la section, consultez l’étiquette dans le coin supérieur droit de la section.
  4. Faites défiler l’écran jusqu’à Bloc Forme, puis modifiez la couleur d’arrière-plan et la couleur des ombres portées.

Étapes suivantes

Après avoir défini le design du bloc Forme :

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é.