Outil Forme sur SiteW

25 mai 2023 - Axel Northwood
15276 vues

2 minutes

L’outil Forme de SiteW vous permettra de travailler facilement et efficacement l’apparence de votre site. Vous pourrez créer des bandes, des fonds, ajouter des formes et des conteneurs pour les éléments de votre site.

Ajouter une forme à votre site :

  • Sur la page de création de site, glissez-déposez un module Boîte vers votre page
  • Cliquez sur le bouton ou sur l’onglet Design afin de personnaliser votre boîte

Personnaliser l’apparence de votre forme :

Le bouton Exemples vous permettra de choisir des exemples prédéfinis de formes et d’en charger la configuration.

Pour une forme totalement personnalisée :

  • Choisissez votre forme parmi les formes proposées : Rectangle, Rond, Triangle, Étoile, Macaron, Infobulle
Rectangle
(avec dégradé)
Créer un site internet pro
Rond Site de création de site
Étoile à 5 branches Comment créer site
Étoile à 8 branches (Macaron) Créer son site perso
Infobulle Comment créer son site internet professionnel gratuitement
Triangle Créer site web gratuit
  • Choisissez sa couleur en cliquant sur le champ et en utilisant l’outil de sélection de couleurs ou en rentrant directement le code couleur

Pour les formes Rectangle et Rond, il vous est possible de créer un dégradé :

Choisissez votre type de dégradé dans le menu déroulant : vertical, radial, horizontal ou diagonal.

Pour customiser votre dégradé :

  • Cliquez sur les carrés de couleur pour en modifier la couleur avec l’outil de sélection de couleurs
  • Ajoutez des carrés de couleurs en cliquant sur la barre de dégradé
  • Supprimez des carrés de couleur en cliquant sur le carré puis sur la croix blanche à droite de l’encadré noir qui apparaît
  • Déplacez les carrés le long de la barre pour modifier l’aspect de votre dégradé
  • L’angle des dégradés de type vertical et diagonal peut être personnalisé en déplaçant le point le long de l’outil en forme d’ellipse
Ajouter des formes ou boites a mon site

Pour les formes Rectangle et Rond, il est possible d’ajouter une ombre :

  • Cochez la case Ombre
  • Sélectionnez la couleur de l’ombre grâce à l’outil de sélection de couleurs ou en rentrant directement le code couleur dans le champ adéquat
  • Définissez la longueur horizontale et verticale de l’ombre en utilisant la réglette ou le champ de saisie
  • Définissez la distance de flou de la même façon

Vous pouvez ajouter des angles arrondis à la forme rectangle :

Choisissez l’angle des coins grâce à la réglette ou au champ de saisie, dans le panneau Design.

Pour les formes Rectangle et Infobulle, il est possible d’actionner la fonction Conteneur :

En cliquant sur l’icône carrée située sur la bordure du haut de votre module sélectionné, vous pouvez faire de votre forme Rectangle ou Infobulle un conteneur. C’est-à-dire qu’en le déplaçant, vous déplacerez avec lui tous les modules qu’il contient.

La forme Rectangle est disponible avec l’option Largeur d’écran :

Dans ce cas, nous vous conseillons d’activer l’outil de verrouillage (icône en forme de cadenas située sur la bordure du module sélectionné) une fois configuré (afin d’éviter la sélection au simple clic et le déplacement accidentel des éléments).

Axel Northwood
Customer Success Officer
Une soif de découverte que le tour du globe n'a pas suffit à étancher m'a amené à faire le tour du web. Proche des humains, je suis garant de la satisfaction client chez SiteW. ❤️

Dernière mise à jour : 25 mai 2023