La plupart des s dans l'éditeur possèdent des options de design qui vous permettent de personnaliser l'aspect du pour votre site. Ces options peuvent vous aider à créer un qui correspond parfaitement au style de votre site, ou un qui se démarque et attire l'attention des visiteurs. Tous les s ne possèdent pas les mêmes options. Par exemple, certains s ne vous permettent pas de modifier l'espacement intérieur, d'autres l'espacement extérieur.
Pour ouvrir l'éditeur de design d'un sur votre site, effectuez un clic droit sur le pour ouvrir le menu contextuel, puis cliquez sur Modifier le design. Vous pouvez également ouvrir l'éditeur de design en cliquant sur le , puis sur Design en haut de la fenêtre du .
Pour en savoir plus sur l'ajout de s sur votre page, consultez l'article Ajout de widgets.
Pour en savoir plus sur la modification des s, consultez l'article Modification de widgets.
De nombreux comportent des onglets dans les différentes sections de l'éditeur de conception, en fonction de la configuration du . Par exemple, si un offre la possibilité de définir un arrière-plan, il peut y avoir un onglet pour la couleur et un autre pour l'image.
Options de conception courantes
Disposition
Les options de mise en page sont généralement propres à certains s. Pour effectuer une sélection depuis l'ensemble d'options de mise en page disponibles pour ce , 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 .
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.
- Bordure. Modifiez la largeur de la bordure à l'aide du curseur ou de la zone de texte. Cliquez sur l'icône engrenage pour plus d'options.
- Arrière-plan. Utilisez une image ou une couleur d'arrière-plan pour ce à 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 .
- Ombre. Activez ou désactivez une ombre pour ce .
- Texte. Définissez divers aspects du texte, tels que la famille de polices, la taille, etc.
Boutons
Les widgets qui intègrent un bouton offrent la possibilité de choisir si le bouton hérite du style de bouton principal ou secondaire défini dans le panneau du thème. En outre, vous pouvez choisir entre différentes dispositions, modifier le style (largeur, hauteur) et le texte du bouton (police, taille du texte), et régler l'espacement intérieur et extérieur.
Toutes les modifications que vous apportez dans l'éditeur de conception remplaceront les styles définis au niveau du bouton thématique. Si vous devez revenir au style du bouton thématique, cliquez sur Rétablir le style de thème.
Boutons thématiques principaux et secondaires
Si des modifications sont apportées au bouton (ce qui remplacera les styles définis au niveau du bouton thématique), une zone d'indicateurs sera toujours présente sur le style du bouton principal ou secondaire.
Si vous cliquez sur le style de bouton qui ne contient pas la zone d'indicateurs, le style défini au niveau du bouton thématique est rétabli.
Espacement
Modifiez l'espacement intérieur (espacement à l'intérieur des bords du ) et l'espacement extérieur (espacement à l'extérieur des bords du ). 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).