widget Catégories : Médias
Les widgets Forme sont pratiques pour mettre en valeur vos messages importants. Créez des boutons et des bannières, faites apparaître des récompenses et mettez en évidence les prix de vente. Vous avez également la possibilité d'ajouter une image, une couleur d'arrière-plan, une ombre et du texte dont vous pouvez régler la taille. Le widget peut être placé n'importe où pour une flexibilité totale.
-
Sélectionnez une forme.
-
Pour ajouter un lien à la forme, cliquez sur Ajouter un lien (pour plus d'informations sur les liens, voir Sélecteur de liens).
-
Saisissez un titre et une description pour la forme. Pour masquer le titre et la description, cliquez sur l'icône de l 'œil (
).
-
Saisissez le texte alternatif et de l'infobulle associé à la forme.
Remarque
Saisissez votre propre texte alt ou cliquez sur l'icône Sparkle (
) pour utiliser l'assistant AI afin de générer le texte alt.
Le texte Alt généré par l'assistant IA est dans la même langue que la langue courante de la page. Pour plus d'informations sur l'assistant AI, reportez-vous à la section Présentation et fonctionnalités de l'assistant AI.
-
Pour passer d'un arrière-plan en couleur à un arrière-plan en image, cliquez sur Mise en page .
-
Pour modifier l'image par défaut, accédez à l'onglet Style et sélectionnez l'onglet Image.
Remarque
Si l'option Conserver les proportions est désactivée, les proportions de l'image seront ajustées à celles du widget (éditeur classique uniquement).
-
-
Ajustez la largeur, la hauteur et l'effet hover (pour desktop) dans l'onglet Style.
Remarque
Dans les sections Flex et l'Éditeur 2.0, les proportions de la forme sont conservées par défaut, même si l'option Conserver les proportions est désactivée.
-
Pour placer le widget au-dessus d'une image ou d'un autre widget, cliquez sur l'onglet Espacement et configurez les marges de manière à ce qu'elles soient négatives (par exemple, -50px).
-
Pour faire de l'icône un widget flottant, activez la case à cocher Flottant et sélectionnez une position pour le widget. Pour afficher le widget flottant sur la page actuelle uniquement, activez la case à cocher Afficher sur cette page uniquement.
Assurez-vous que les paramètres de conception que vous définissez sont corrects pour chaque appareil. Les paramètres tels que l'espacement (de l'ensemble du widget et des éléments individuels), la largeur et d'autres encore sont définis par appareil. Pour plus d'informations, voir Tailles d'écran et appareils.
Créer une mise en page intéressante avec une forme amorphe :
-
Créez une ligne avec deux colonnes.
-
Choisissez une forme amorphe et ajoutez-la dans la colonne de droite.
-
Faites en sorte que la forme soit aussi large que la colonne.
-
Dans l'éditeur de design, sélectionnez la disposition avec l'image d'arrière-plan et remplacez l'image par celle de votre choix.
Pour utiliser une forme comme bouton et y ajouter un lien et un effet de survol :
-
Sélectionnez le cercle et ajoutez un titre et une description.
-
Choisissez les couleurs de la forme et du texte.
-
Pour placer la forme dans le coin d'une image, utilisez une marge de valeur négative du côté gauche de la forme (espacement > marge > marges gauche et supérieure de - 50 px).
Pour mettre en évidence un forfait ou service particulier à l'aide de formes :
-
Choisissez le pavillon à deux pointes et ajoutez un titre et une brève description.
-
Désactivez la fonction Garder les proportions pour ne régler que la largeur.
Remarque
Dans les sections Flex et l'Éditeur 2.0, les proportions de la forme sont conservées par défaut, même si l'option Conserver les proportions est désactivée.
-
Choisissez les couleurs de la forme et du texte.
-
Pour placer la forme de sorte qu'elle chevauche la partie supérieure d'une colonne, utilisez une marge supérieure de valeur négative (espacement > marge > marge supérieur de - 30 px).
Pour créer un bouton de défilement à l'aide d'une forme :
-
Choisissez le losange et ajoutez un titre.
-
Désactivez la fonction Garder les proportions pour ne régler que la largeur.
Remarque
Dans les sections Flex et l'Éditeur 2.0, les proportions de la forme sont conservées par défaut, même si l'option Conserver les proportions est désactivée.
-
Choisissez les couleurs de la forme et du texte.
-
Pour superposer la forme à une image, utilisez une marge supérieure de valeur négative (espacement > marge > marge supérieure de - 50 px).