Personnalisez les widgets pour contrôler le contenu, l'apparence et la mise en page de votre site. Modifiez les widgets pour ajuster les fonctionnalités de votre site et leur comportement.
Contenu ou conception
Suivez les instructions ci-dessous pour modifier le contenu ou le design d'un widget. Les options disponibles dépendent du widget.
Configurez le contenu d'un widget dans l'éditeur de contenu.
Pour accéder à l'éditeur de contenu, cliquez sur le widget et sélectionnez l'onglet Contenu.
En mode flexible, sélectionnez l'onglet Contenu dans le menu flottant.
Configurez le style d'un widget dans l'éditeur de conception.
Pour accéder à l'éditeur de contenu, cliquez sur le widget et sélectionnez l'onglet Conception.
En mode flexible, sélectionnez l'onglet Conception dans le menu flottant.
- Styles de texte : Modifiez les styles de texte des widgets. Ajustez la taille du texte en fonction des appareils.
- Les modifications personnalisées remplacent le style de texte du thème. Par exemple, si vous définissez la taille du texte à 40 px sur ordinateur, elle s'ajustera automatiquement à 34 px sur les tablettes et à 32 px sur les mobiles.
- Des limites s'appliquent aux appareils : le texte ne sera pas réduit en dessous de 16 px minimum ni ne dépassera les limites maximales des tablettes ou des mobiles.
- Mise en page : Choisissez parmi les options de mise en page propres au widget. Dans l'éditeur de conception, cliquez sur la mise en page affichée ou sur la flèche située à côté pour ouvrir le menu « Sélectionner une mise en page » , puis choisissez la mise en page souhaitée.
- Style : Selon le widget, utilisez les options de style suivantes :
- Couleur : Utilisez le sélecteur de couleurs pour choisir n'importe quelle couleur.
- Bordure : Ajustez la largeur de la bordure à l'aide du curseur ou saisissez une valeur. Cliquez sur l'icône d'engrenage pour accéder à des options supplémentaires.
- Arrière-plan : Définissez une image, une couleur ou une URL vidéo d'arrière-plan.
- Largeur et hauteur : utilisez le curseur ou saisissez les valeurs en pixels.
- Coins arrondis : ajustez l'arrondi des coins à l'aide du curseur. Cliquez sur l'icône d'engrenage pour plus d'options.
- Ombres : Activez ou désactivez l'effet d'ombre .
- Texte : Déterminez la famille de polices, l'épaisseur et les autres propriétés du texte.
-
Boutons : Choisissez un style de bouton principal ou secondaire parmi ceux proposés dans le thème. Vous pouvez modifier la disposition, le style, la taille, la police et l’espacement des boutons.
- Les paramètres de conception personnalisés remplacent les styles au niveau du thème.
- Si le style d'un bouton est modifié, un indicateur apparaît sur le style choisi. Cliquez sur l'autre style pour rétablir le style par défaut du thème.
- Pour rétablir les paramètres de conception personnalisés, cliquez sur « Réinitialiser le style du thème » .
- Les paramètres de conception personnalisés remplacent les styles au niveau du thème.
- Espacement : Ajustez l’espacement extérieur et intérieur de chaque côté du widget : haut, bas, gauche et droite.
- Animation : Mettez en valeur les éléments importants de votre site, comme un bouton de contact, grâce au mouvement, en ajoutant des animations d’apparition ou de défilement aux widgets et aux sections. En savoir plus sur l’ajout d’animations.
Alignement
Faites un clic droit sur le widget, puis, sous « Modifier la conception », sélectionnez l’option Aligner à gauche , Centrer ou Aligner à droite.
.
Sélectionner le conteneur
Pour gérer la ligne ou la colonne contenant un widget, cliquez avec le bouton droit sur le widget et cliquez sur Sélectionner le conteneur.
Copier et coller
Copiez un widget et collez-le ailleurs sur votre site.
Faites un clic droit sur le widget et cliquez sur Copier. Faites un clic droit à l'emplacement souhaité et cliquez sur Coller .
Si vous cliquez sur Coller avant de copier le widget, celui-ci sera dupliqué. Sélectionnez-le et faites-le glisser si vous souhaitez le déplacer ailleurs sur la page.
Important:
Ne copiez pas et ne collez pas les formulaires de contact. Les formulaires dupliqués peuvent entraîner des erreurs ou des problèmes.
Masquer sur l'appareil
Affichez ou masquez les widgets en fonction de l'appareil du visiteur. Par exemple, affichez un widget « cliquer pour appeler » sur mobile et un formulaire de contact sur ordinateur. Les widgets masqués ne sont pas supprimés.
Faites un clic droit sur le widget, cliquez sur Masquer de , et sélectionnez l’option appropriée.
Un
La présence d'un symbole dans le panneau latéral inférieur gauche indique la présence d'éléments cachés sur l'appareil que vous êtes en train de modifier. Pour afficher les éléments cachés, cliquez sur
.
Note:
Il est possible que du contenu masqué reste visible dans le code du site en ligne après publication ou republication. Ce comportement est normal.
Modifier le code HTML ou CSS d'un widget
Faites un clic droit sur le widget et cliquez sur « Modifier le HTML/CSS » pour modifier son code HTML ou CSS et effectuer des personnalisations avancées. N'utilisez cette option que si vous maîtrisez ces langages.
Définir un widget comme ancre
Utilisez une ancre pour diriger les visiteurs vers une section spécifique de votre page. Les ancres facilitent la navigation des utilisateurs sur les pages longues ou complexes.
Faites un clic droit sur le widget et cliquez sur Définir comme ancre.
En savoir plus sur les balises d'ancrage et les liens.
Supprimer un widget
Supprimez complètement les widgets de votre site et de tous les appareils.
Faites un clic droit sur le widget et cliquez sur l'icône Supprimer.