Ajoutez des styles tels que des filtres, des marges, des bordures et des ombres à une image. Ce guide explique comment styliser une image sur votre site.
Dans ce guide
Avez-vous une question ?
Interroger notre Assistant IAPour styliser une image sur votre site, procédez comme suit :
- Partez du tableau de bord WordPress.com.
- Modifiez la page, l’article ou le modèle sur lequel vous avez ajouté l’image.
- Cliquez sur l’image à styliser.
- Ouvrez les réglages de la colonne latérale en cliquant sur l’icône « Réglages » dans la barre d’outils supérieure.
Si vous ne voyez pas la colonne latérale à droite, vous devrez peut-être cliquer sur l’icône Réglages dans le coin supérieur droit pour afficher les réglages. L’icône est un carré avec deux colonnes avec deux colonnes inégales.
- Cliquez sur l’onglet « Styles » (l’icône ressemble à un cercle noir et blanc) :
- Ajustez l’un des éléments de style suivants :
- Styles : choisissez entre Par défaut et Arrondis. Lorsqu’elle est arrondie, une image carrée formera un cercle parfait tandis qu’une image rectangulaire aura une forme oblongue.
- Filtres : ajoutez un effet de couleur bicolore à l’aide du réglage de filtre Duotone.
- Dimensions : ajoutez de l’espace autour de l’image à l’aide des réglages Dimensions.
- Bordure & ombre : définissez une bordure, un rayon et une ombre pour votre image à l’aide des réglages Bordure & ombre.
Vous pouvez créer une classe CSS pour personnaliser son apparence avec du code CSS.
- Partez du tableau de bord WordPress.com.
- Modifiez la page, l’article ou le modèle sur lequel vous avez ajouté l’image.
- Cliquez sur l’image à styliser.
- Ouvrez les réglages de la colonne latérale en cliquant sur l’icône « Réglages » dans la barre d’outils supérieure.
Si vous ne voyez pas la colonne latérale à droite, vous devrez peut-être cliquer sur l’icône Réglages dans le coin supérieur droit pour afficher les réglages. L’icône est un carré avec deux colonnes avec deux colonnes inégales.
- Ouvrez les réglages « Avancé » en bas de la colonne latérale.
- Ajoutez ou modifiez des classes via le réglage Classe(s) CSS additionnelle(s).
- Enregistrez vos modifications et prévisualisez la page, l’article ou le modèle pour voir le CSS appliqué.
Les styles d’image incluent les filtres, les dimensions, les bordures et les ombres. Suivez ces étapes pour réinitialiser un style spécifique de l’image ou réinitialiser tous les styles de l’image.
- Cliquez sur l’image que vous souhaitez modifier.
- Ouvrez les réglages de la colonne latérale en cliquant sur l’icône « Réglages » dans la barre d’outils supérieure.
- Cliquez sur l’icône « Styles ».
- Ouvrez le menu « Options » à côté de chaque section de style en cliquant sur les trois points (⋮) à droite de l’en-tête de la section.
- Cliquez sur l’option « Réinitialiser » à côté de chaque réglage à réinitialiser. Ou cliquez sur « Tout réinitialiser » pour réinitialiser toutes les personnalisations apportées aux réglages.
- Si l’option « Réinitialiser » n’est pas proposée, c’est qu’il n’y a pas de styles à réinitialiser.
Assistance WordPress.com 