Site Web avancé : Widgets – Forme

Pour ajouter le widget :

6. Dans le panneau de gauche, cliquez sur Widgets.
7. Cliquez et faites glisser le widget Forme sur votre site.

Pour en savoir plus sur l’ajout de widgets à votre site, consultez Ajouter des widgets.

Pour accéder à l'éditeur de contenu :

1. Cliquez avec le bouton droit sur le widget, puis cliquez sur Modifier le contenu.
2. Sélectionnez une forme.
3. Pour ajouter un lien à la forme, cliquez sur Ajouter un lien.
4. Saisissez un titre et une description pour la forme. Pour masquer le titre et la description, cliquez sur l'œil () icône.
5. Tapez un texte alternatif et une info-bulle pour la forme.

Pour accéder à l'éditeur de conception :

1. Cliquez avec le bouton droit sur le widget, puis cliquez sur Modifier la conception.
2. Cliquez sur Disposition pour sélectionner une disposition différente pour la forme.
3. Pour placer le widget au-dessus ou en dessous d'une image ou d'un autre widget, cliquez sur l'onglet Espacement et définissez les marges sur un nombre négatif (par exemple, -50 px).
4. Pour transformer l'icône en widget flottant, activez l'option « Flottant » et sélectionnez sa position. Pour afficher le bouton flottant uniquement sur la page actuelle, activez l'option « Afficher uniquement sur cette page ».

Assurez-vous que les paramètres de conception définis sont corrects pour chaque appareil. Les paramètres tels que l'espacement (du widget entier et des éléments individuels), la largeur, etc., sont définis pour chaque appareil. Pour plus d'informations, consultez la section « Modifier par appareil ».

Pour plus d'informations sur les options de conception qui ne sont pas spécifiques à ce widget (par exemple, la disposition, le style ou l'espacement), voir Conception de widget.

Pour créer une forme sur l’en-tête :

1. Créez une ligne avec deux colonnes.
2. Choisissez une forme amorphe et ajoutez-la à la colonne de droite.
3. Ajustez la forme afin qu'elle soit aussi grande que la colonne.
4. Dans l’éditeur de conception, sélectionnez la mise en page avec l’image d’arrière-plan et remplacez l’image par celle que vous souhaitez.

Pour utiliser une forme comme bouton en ajoutant un lien et un effet de survol :

1. Sélectionnez la forme du cercle et ajoutez un titre et une description.
2. Sélectionnez les couleurs pour la forme et le texte.
3. Pour positionner la forme sur le coin d'une image, utilisez une marge négative sur le côté gauche de la forme (espacement > marge > -50px gauche et marge supérieure).

Pour utiliser des formes pour mettre en évidence un abonnement ou un service spécifique :

1. Choisissez la forme du drapeau et ajoutez un titre et une courte description.
2. Désactivez « Conserver les proportions » pour pouvoir ajuster uniquement la largeur.
3. Sélectionnez les couleurs pour la forme et le texte.
4. Pour positionner la forme de manière à ce qu'elle chevauche le haut d'une colonne, utilisez une marge supérieure négative (espacement > marge > -30 px marge supérieure).

Pour utiliser une forme pour créer un bouton de défilement :

1. Choisissez la forme du diamant et ajoutez un titre.
2. Désactivez « Conserver les proportions » pour pouvoir ajuster uniquement la largeur.
3. Sélectionnez les couleurs pour la forme et le texte.
4. Pour positionner la forme au-dessus d'une image, utilisez une marge supérieure négative (espacement > marge > -50 px marge supérieure).