De nombreux blocs de l’éditeur WordPress disposent de réglages de bordure pour ajouter une ligne de bordure autour de votre contenu. Ce guide vous montrera comment utiliser ces réglages de bordure.
Les réglages de bordure et d’ombre peuvent être appliqués à l’ensemble du site, à des éléments spécifiques de celui-ci ou à un bloc de contenu spécifique. L’option d’application de bordures et d’ombres n’apparaît que pour les blocs compatibles.
Pour modifier les réglages de style de l’ensemble de votre site, procédez comme suit :
- Consultez le tableau de bord de votre site.
- Accédez à Apparence → Éditeur.
- Sélectionnez Styles dans le menu de gauche.
En savoir plus sur la modification des styles de votre site.
Pour modifier les réglages de style d’un seul bloc, procédez comme suit :
- Consultez le tableau de bord de votre site.
- Accédez à la page, à l’article ou au modèle à modifier.
- Sélectionnez le bloc auquel appliquer le style.
- Localisez la colonne latérale des réglages du bloc.
Dans la plupart des cas, les réglages de style apparaîtront dans la colonne latérale des réglages du bloc principal. Il arrive que vous puissiez voir un onglet séparé pour les styles, représenté par un cercle noir et blanc.
Ajustez l’apparence du texte du bloc avec les réglages suivants.
Si le réglage n’est pas visible, cliquez sur les trois points à droite de Bordure et ombre (comme illustré à droite). Vous pouvez alors choisir l’option à laquelle vous souhaitez accéder :
- Bordure
- Rayon
- Ombre
Le réglage Bordure vous permet d’ajouter une ligne qui englobe un bloc. Vous pouvez choisir son épaisseur, sa couleur et son rayon.
Pour ajouter une bordure à un bloc :
- Sélectionnez le bloc souhaité et ouvrez la colonne latérale Réglages du bloc.
- Localisez la section Bordure et ombre dans la colonne latérale.
- Saisissez une valeur précise ou faites glisser le curseur pour dessiner la bordure.
- Facultatif : modifiez la couleur de la bordure en cliquant sur le cercle à gauche du champ de taille. Sélectionnez une couleur de thème, une couleur par défaut, ou définissez la vôtre à l’aide du sélecteur de couleur.
Par défaut, les valeurs de la bordure sont calculées en pixels. Cliquez sur le « px » à côté du champ pour changer d’unité (%, em, rem, vw et vh). En savoir plus sur les différentes unités de réglage de dimension.
Le réglage Rayon donne une apparence arrondie aux bordures de votre bloc. Définir le rayon sur 0 signifie que le bloc a des arêtes vives, tandis que le rayon de 100 signifie que les arêtes sont arrondies comme suit :
Vous pouvez faire preuve de créativité avec vos réglages Bordure et Rayon. En utilisant l’option « Dissocier les côtés », vous pouvez définir la bordure et le rayon de chaque côté du bloc.
Pour définir une bordure ou un rayon personnalisé pour chaque côté :
- Cliquez sur l’icône Dissocier les côtés à droite de la bordure ou du rayon.
- Définissez des dimensions personnalisées pour chaque côté.
Vous pouvez également définir différentes couleurs et différents styles pour la bordure en cliquant sur le sélecteur de couleur et de style de bordure.
Disponible sur certains blocs (notamment Bouton, Image et Colonnes), l’option Ombre donne à votre bloc une ombre portée.
Choisissez l’un des effets d’ombre suivants pour votre élément :
- Naturel
- Profond
- Pointu
- Contouré
- Précis
Vous pouvez personnaliser les effets d’ombre par défaut ou créer les vôtres via l’éditeur de styles.
- Consultez le tableau de bord de votre site.
- Accédez à Apparence → Éditeur.
- Sélectionnez « Styles » dans le menu de gauche.
- Dans l’éditeur, vous pouvez également sélectionner l’icône Styles dans le coin supérieur droit. Le bouton ressemble à un cercle noir et blanc.
- Cliquez sur l’option « Ombres ».
- Cliquez sur le nom de l’ombre à personnaliser. Pour créer une nouvelle ombre personnalisée, cliquez sur l’icône plus en regard du titre « Personnalisé », puis cliquez sur le nom de la nouvelle ombre personnalisée.
- Dans les réglages d’ombre, vous verrez un aperçu de l’apparence de l’ombre et le nom de l’ombre en dessous. Cliquez sur le nom de l’ombre pour ajuster les réglages suivants :
- Couleur : à l’aide du sélecteur de couleur, choisissez la couleur de l’ombre.
- Externe ou Interne : choisissez si l’ombre doit apparaître à l’extérieur ou à l’intérieur de l’élément.
- Position X et position Y : ajustez la distance à laquelle l’ombre doit s’afficher.
- Flou : degré de netteté de l’ombre.
- Diffusion : taille de l’ombre.
- Lorsque vous avez terminé, cliquez sur le bouton « Enregistrer » pour enregistrer vos modifications.
Vous pouvez réinitialiser les personnalisations apportées aux bordures et aux ombres du bloc et recommencer. Pour réinitialiser les styles :
- Cliquez sur les options Bordure et ombre (les trois points verticaux à droite de l’en-tête de section).
- Décochez un réglage individuel pour réinitialiser ce réglage spécifique, ou cliquez sur « Réinitialiser tout » pour réinitialiser tous les réglages.
S’il n’y a pas d’option permettant de réinitialiser, c’est qu’il n’y a pas de personnalisations à supprimer.
Assistance WordPress.com 