Comment modifier la taille de l’image en vedette sur WordPress
Les images en vedette (également connues sous le nom de vignettes d’articles) sont un élément essentiel des sites web WordPress. Elles donnent un attrait visuel à vos articles, pages et listes d’archives, ce qui permet d’attirer l’attention des utilisateurs. Parfois, vous pouvez avoir besoin d’ajuster la taille de ces images pour qu’elles s’adaptent mieux au design et à la mise en page de votre site web. Ce guide vous expliquera comment modifier la taille de l’image vedette sur WordPress, en abordant différentes méthodes allant de l’ajustement des paramètres à l’édition des fichiers du thème.
Méthode 1 : Modifier la taille de l’image en vedette à l’aide des paramètres de WordPress
Certains thèmes vous permettent d’ajuster la taille de l’image en vedette directement à partir du Customizer de WordPress ou des réglages du thème. Cette méthode est simple et ne nécessite aucun code.
Étape 1 : Vérifier les réglages de l’image dans le Customizer
- Connectez-vous à votre tableau de bord WordPress.
- Allez dans Apparence > Personnaliser.
- Recherchez les paramètres relatifs aux images en vedette, aux vignettes d’articles ou aux paramètres du blog. Ces paramètres varient en fonction du thème que vous utilisez.
- Le cas échéant, réglez la largeur et la hauteur des images en vedette.
- Cliquez sur Publier pour enregistrer vos modifications.
Étape 2 : Vérifier les paramètres d’image dans les options du thème
Certains thèmes premium ont leurs propres paramètres pour la taille des images dans les options du thème ou dans le panneau du thème :
- Allez dans les options du thème dans votre tableau de bord WordPress.
- Recherchez une option liée aux paramètres d’image ou aux vignettes d’affichage.
- Ajustez la taille des images en vedette selon vos préférences.
- Enregistrez les modifications et vérifiez comment vos images en vedette apparaissent sur le site.
Si votre thème ne dispose pas d’une option intégrée pour modifier la taille des images en vedette, vous pouvez utiliser les autres méthodes ci-dessous.
Méthode 2 : Modifier la taille des images en vedette à l’aide des paramètres d’image dans les médias
WordPress vous permet de définir des tailles d’image par défaut pour différents types d’images, y compris les vignettes, les images moyennes et les grandes images.
Étape 1 : Ajuster les paramètres des médias
- Allez dans Réglages > Médias dans votre tableau de bord WordPress.
- Ici, vous pouvez ajuster les tailles par défaut pour :
- La taille des vignettes : Cette taille est souvent utilisée pour les images vedettes.
- Taille moyenne : Convient aux images utilisées dans les articles.
- Grande taille : Pour les images vedettes de taille normale.
- Modifiez la largeur et la hauteur de la vignette ou de toute autre taille correspondant à vos images vedettes.
- Cliquez sur Enregistrer les modifications.
Étape 2 : Régénérer les vignettes
Après avoir ajusté les paramètres des supports, vous devrez régénérer les vignettes pour appliquer les nouveaux paramètres de taille aux images existantes.
- Installez et activez un plugin tel que Regenerate Thumbnails.
- Allez dans Outils > Regen. Vignettes.
- Cliquez sur Régénérer les vignettes pour toutes les pièces jointes.
Cela redimensionnera vos images vedettes existantes pour qu’elles correspondent aux nouvelles dimensions que vous avez définies.
Méthode 3 : Modifier la taille de l’image en vedette à l’aide d’un code
Si vous êtes à l’aise avec l’ajout de code, vous pouvez définir manuellement la taille des images en vedette dans le fichier functions.php de votre thème.
Étape 1 : Définir la taille des images personnalisées dans le fichier functions.php
- Allez dans Apparence > Éditeur de thème.
- Sélectionnez le fichier functions.php de votre thème actif.
- Ajoutez le code suivant pour définir une nouvelle taille d’image personnalisée :add_theme_support(‘post-thumbnails’) ; add_image_size(‘custom-featured-image’, 800, 400, true) ;
- Remplacez ‘custom-featured-image’ par un nom de votre choix.
- Ajustez 800 (largeur) et 400 (hauteur) aux dimensions souhaitées.
- Le paramètre true garantit que l’image est recadrée à la taille spécifiée.
Étape 2 : Utiliser la taille d’image personnalisée dans votre thème
Pour utiliser la nouvelle taille d’image pour les images en vedette, mettez à jour les fichiers de modèle du thème (par exemple, single.php, archive.php ou content.php) dans lesquels l’image en vedette est appelée.
- Localisez la partie du modèle qui appelle la vignette de l’article, par exemple :the_post_thumbnail(‘thumbnail’) ;
- Remplacez “thumbnail” par la taille d’image personnalisée que vous avez définie :the_post_thumbnail(‘custom-featured-image’) ;
Étape 3 : Régénérer les vignettes
Après avoir ajouté le code, régénérez les vignettes à l’aide d’un plugin comme Regenerate Thumbnails pour appliquer les modifications aux images existantes.
Méthode 4 : Modifier la taille de l’image en vedette à l’aide d’un constructeur de pages
Si vous utilisez un constructeur de page comme Elementor, Divi, ou WPBakery, vous pouvez souvent ajuster la taille des images en vedette directement à travers l’interface du constructeur de page.
Etape 1 : Ouvrir la page/le post dans le constructeur de page
- Modifiez la page ou l’article à l’aide de votre constructeur de pages.
- Sélectionnez le widget d’image ou le widget d’article dans lequel l’image vedette est affichée.
Étape 2 : Régler les paramètres de taille de l’image
- Recherchez l’option Taille de l’image ou le paramètre Taille de la vignette de l’article dans le widget.
- Choisissez une taille prédéfinie (par exemple, miniature, moyenne, grande) ou spécifiez des dimensions personnalisées.
- Enregistrez les modifications et prévisualisez la page pour vous assurer que les images s’affichent comme prévu.
Cette méthode est particulièrement utile si vous avez des exigences différentes pour différentes pages ou différents articles et que vous souhaitez contrôler davantage chaque instance de l’image en vedette.
Méthode 5 : Utiliser un plugin pour personnaliser les dimensions de l’image en vedette
Si vous n’êtes pas à l’aise avec l’édition de code, il existe des plugins qui peuvent vous aider à créer des tailles d’image personnalisées sans toucher au fichier functions.php.
Plugins recommandés :
- Simple Image Sizes : Ce plugin vous permet de créer des tailles d’images personnalisées et de gérer les tailles existantes directement depuis l’interface d’administration de WordPress.
- Custom Image Sizes : Ce plugin permet de définir des tailles d’images personnalisées et de les utiliser dans votre thème sans codage.
Comment utiliser un plugin :
- Installez et activez le plugin de votre choix.
- Accédez à la page de configuration du plugin (souvent sous Paramètres ou Médias).
- Définissez la taille de vos images personnalisées en spécifiant la largeur et la hauteur.
- Enregistrez vos paramètres et régénérez les vignettes à l’aide de l’option intégrée au plugin.
Conseils pour choisir la bonne taille d’image vedette
Lorsque vous réglez la taille de vos images en vedette, tenez compte des éléments suivants :
- Exigences du thème : Consultez la documentation de votre thème pour connaître les tailles d’image recommandées.
- Vitesse de la page : Les images de grande taille peuvent ralentir votre site web. Utilisez donc la taille la plus petite possible tout en conservant une bonne qualité.
- Conception réactive : Veillez à ce que vos images soient optimisées pour les appareils mobiles en utilisant des tailles d’image flexibles ou des paramètres qui s’adaptent à la taille de l’écran.
- Qualité de l’image : Utilisez des outils tels que TinyPNG ou ShortPixel pour compresser les images sans perte de qualité avant de les télécharger sur WordPress.
Résumé
Changer la taille de l’image vedette dans WordPress peut être fait de plusieurs façons, en utilisant le Customizer et les paramètres des médias, en éditant le fichier functions.php ou en utilisant des plugins. Choisissez la méthode qui correspond le mieux à votre niveau de confort et à la flexibilité dont vous avez besoin. En définissant la bonne taille d’image en vedette, vous pouvez améliorer la conception de votre site web, maintenir la cohérence entre les articles et améliorer l’expérience de l’utilisateur tout en contrôlant les temps de chargement des pages.
