Catégories de widgets : Médias
Le widget Shape est un outil de conception qui peut être utilisé pour mettre en évidence des messages importants. Créez des boutons et des bannières, attribuez des récompenses et mettez en avant les prix de vente. Vous pouvez ajouter une image, un arrière-plan coloré et du texte, contrôler la taille et ajouter des ombres. Le widget peut être placé à n'importe quel endroit pour une flexibilité totale.
-
Sélectionnez une forme.
-
Pour ajouter un lien vers la forme, cliquez sur Ajouter un lien (pour plus d'informations sur les liens, voir Sélecteur de liens.
-
Tapez un titre et une description pour la forme. Pour masquer le titre et la description, cliquez sur œil (
) icône.
-
Tapez le texte Alt et une info-bulle pour la forme.
Note
Tapez votre propre texte alternatif ou cliquez sur Scintillement (
) pour utiliser l'assistant IA pour générer du texte alternatif.
texte alternatif généré par l'assistant AI est dans la même langue que la langue actuelle de la page. Pour plus d'informations sur l'assistant IA, voir Présentation des outils d'IA.
-
Pour passer d'une couleur à un arrière-plan d'image, cliquez sur Disposition .
-
Pour modifier l'image par défaut, accédez au Style onglet et sélectionnez le Image onglet.
Note
Si le Gardez les proportions est désactivé, les proportions de l'image seront ajustées aux widgets (Éditeur classique uniquement).
-
-
Réglez la largeur, la hauteur et l'effet de survol (pour ordinateur de bureau) dans le Style onglet.
Note
Dans les sections Flex et Editor 2.0, les proportions de la forme sont conservées par défaut, même si la bascule Keep Proportions est désactivée.
-
Pour placer le widget au-dessus ou en superposition d'une image ou d'un autre widget, cliquez sur Espacement onglet, et configurez les marges pour qu'elles soient un nombre négatif (par exemple, -50 pixels).
-
Pour faire de l'icône un widget flottant, activez Flottant basculez et sélectionnez une position pour le widget. Pour afficher le widget flottant sur la page en cours uniquement, activez Afficher uniquement sur cette page basculer.
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, etc. sont définis par appareil. Pour plus d'informations, voir Tailles d'écran et appareils.
Pour créer une mise en page intéressante avec une forme amorphique :
-
Créez une ligne avec deux colonnes.
-
Choisissez une forme amorphique et ajoutez-la à la colonne de droite.
-
Faites en sorte que la forme soit aussi grande que la colonne.
-
Dans l'éditeur de conception, sélectionnez la mise en page avec l'image d'arrière-plan et remplacez l'image par celle de votre choix.
Pour utiliser une forme comme bouton en ajoutant un lien et un effet de survol :
-
Sélectionnez la forme du cercle et ajoutez un titre et une description.
-
Sélectionnez les couleurs de la forme et des textes.
-
Pour positionner la forme dans le coin d'une image, utilisez une marge négative sur le côté gauche de la forme (espacement > marge > -50 pixels à gauche et marge supérieure).
Pour utiliser des formes afin de mettre en valeur un plan ou un service spécifique, procédez comme suit :
-
Choisissez la forme du drapeau et ajoutez un titre et une courte description.
-
Désactiver Gardez la proportion vous ne pouvez donc ajuster que la largeur.
Note
Dans les sections Flex et Editor 2.0, les proportions de la forme sont conservées par défaut, même si la bascule Keep Proportions est désactivée.
-
Sélectionnez les couleurs de la forme et des textes.
-
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 > marge supérieure de -30 pixels).
Pour utiliser une forme afin de créer un bouton de défilement :
-
Choisissez la forme du losange et ajoutez un titre.
-
Désactiver Gardez la proportion vous ne pouvez donc ajuster que la largeur.
Note
Dans les sections Flex et Editor 2.0, les proportions de la forme sont conservées par défaut, même si la bascule Keep Proportions est désactivée.
-
Sélectionnez les couleurs de la forme et des textes.
-
Pour positionner la forme au-dessus d'une image, utilisez une marge supérieure négative (espacement > marge > marge supérieure de -50 px).