Conception des widgets

La plupart des widgets dans l'éditeur possèdent des options de design qui vous permettent de personnaliser l'aspect du widget pour votre site. Ces options peuvent vous aider à créer un widget qui correspond parfaitement au style de votre site, ou un qui se démarque et attire l'attention des visiteurs. Tous les widgets ne possèdent pas les mêmes options. Par exemple, certains widgets ne vous permettent pas de modifier l'espacement intérieur, d'autres l'espacement extérieur.

Pour ouvrir l'éditeur de design d'un widget sur votre site, effectuez un clic droit sur le widget pour ouvrir le menu contextuel, puis cliquez sur Modifier le design. Vous pouvez également ouvrir l'éditeur de design en cliquant sur le widget, puis sur Design en haut de la fenêtre du widget.

Pour en savoir plus sur l'ajout de widgets sur votre page, consultez l'article Ajout de widgets.

Pour en savoir plus sur la modification des widgets, consultez l'article Modification de widgets.

Disposition

Les options de mise en page sont généralement propres à certains widgets. Pour effectuer une sélection depuis l'ensemble d'options de mise en page disponibles pour ce widget, cliquez sur la mise en page qui s'affiche dans l'éditeur de design (ou sur la petite flèche à côté) pour ouvrir le menu Sélectionner la mise en page. Pour modifier la mise en page sélectionnée, cliquez sur celle que vous souhaitez utiliser à la place, et elle sera mise à jour dans le widget.

Style

• Couleur. Cliquez sur l'icône de couleur ronde à droite du nom de la section pour ouvrir le sélecteur de couleurs et modifier la couleur.
• Style de la bordure. Modifiez la largeur de la bordure à l'aide du curseur ou de la zone de texte.
• Style de fond. Utilisez une image ou une vidéo de fond pour ce widget à l'aide de la boîte de dialogue Choix et placement des images ou l'URL d'une vidéo.
• Largeur et hauteur. Utilisez le curseur ou la zone de texte pour modifier le nombre de pixels.
• Coins arrondis. Augmentez ou réduisez l'arrondi des angles sur un widget.
• Ombre. Activez ou désactivez une ombre pour ce widget.

Espacement

Modifiez l'espacement intérieur (espacement à l'intérieur des bords du widget) et l'espacement extérieur (espacement à l'extérieur des bords du widget). Chaque chiffre dans la case extérieure ou intérieure définit respectivement l'espacement extérieur ou intérieur pour son propre côté (haut, bas, gauche ou droite).