Comment réparer l'image sélectionnée qui ne s'affiche pas dans WordPress (6 façons)

Une image sélectionnée qui n’apparaît pas dans WordPress peut être un véritable casse-tête.

Ces images sont importantes pour attirer l’attention de vos visiteurs et augmenter vos taux de clics. Lorsqu’ils n’apparaissent pas, cela peut être frustrant et avoir un impact sur les performances de votre site.

Nous avons été confrontés à ce problème de temps en temps sur notre blog, nous savons donc à quel point cela peut être ennuyeux. La bonne nouvelle est que nous savons comment y faire face.

Dans ce guide, nous vous expliquerons quelques étapes simples pour corriger les images sélectionnées qui ne s’affichent pas dans WordPress.

Que sont les images en vedette et pourquoi ne s’affichent-elles pas dans WordPress ?

Les images en vedette apparaissent sur la page de liste des articles de votre blog et parfois sur l’en-tête de l’article. Semblable aux vignettes YouTube, l’objectif de l’image présentée est d’augmenter le nombre de pages vues et l’engagement des utilisateurs.

De plus, les images présentées sont également utilisées pour représenter des articles individuels dans des publications récentes et des pages d'archives et de recherche.

Au-delà de cela, le style de vos images présentées donne le ton au reste de votre article de blog.

Presque tous les thèmes WordPress vous permettent de télécharger des images sélectionnées et vous donnent la possibilité de les afficher dans différentes zones de votre site, telles que le menu de la barre latérale ou la zone de contenu principale.

Si vous résolvez ce problème, vous souhaiterez peut-être consulter notre didacticiel sur la façon d'ajouter des images en vedette ou de publier des vignettes dans WordPress. Il est important que vous sachiez d’abord comment télécharger les images en vedette.

Il peut être facile de télécharger par erreur une image de couverture au lieu d’une image sélectionnée, ou vous pouvez même avoir un thème qui fait automatiquement apparaître la première image d’une publication sous forme de vignette de publication.

Dans cet esprit, nous allons vous montrer comment résoudre les problèmes potentiels qui pourraient survenir. N'hésitez pas à utiliser nos liens pour accéder au problème auquel vous êtes actuellement confronté :

Vous rencontrez des problèmes avec les images WordPress ? Laissez les experts de WPBeginner Pro Services vous aider ! Nous proposons une assistance WordPress d’urgence abordable pour résoudre rapidement les problèmes d’image ou tout autre problème de site Web que vous pourriez rencontrer. Arrêtez de vous stresser pour votre site et prenez-en soin. Planifiez les services d'assistance WordPress dès aujourd'hui !

Dites adieu aux maux de tête liés aux images sélectionnées manquantes : plongeons-nous et résolvons ce problème ensemble !

1. Corrigez l'erreur HTTP lors du téléchargement d'une image sélectionnée

Si vous essayez de télécharger une image sélectionnée avec une taille de fichier importante, vous pouvez recevoir le vague message « Erreur HTTP ». Souvent, cela signifie que le fichier image est trop volumineux ou que vous devez augmenter la limite de mémoire de votre site pour permettre des téléchargements plus importants sur votre site WordPress.

Il existe deux manières principales de résoudre ce problème. Mais d’abord, assurez-vous de vous déconnecter de WordPress, puis de vous reconnecter. Plusieurs fois, cela vous permettra de télécharger à nouveau des images normalement.

Si ce n'est pas le cas, essayez l'une des deux méthodes suivantes :

  1. Réduisez la taille du fichier image.

  2. Augmentez la limite de mémoire WordPress.

Tout d’abord, commençons par la méthode la plus simple, en réduisant la taille de votre fichier image. Si la taille pose un problème, vous souhaiterez peut-être passer au format d'image WebP, JPEG ou PNG. JPEG est un format de fichier compressé qui réduit légèrement la qualité de l'image pour la réduire considérablement à une taille de fichier plus petite, et les fichiers WebP sont très petits au départ.

Ensuite, vous souhaiterez compresser la taille du fichier à l'aide d'un outil de compression d'image tel que TinyPNG ou JPGmini.

Tout ce que vous avez à faire est de télécharger l’image sur l’outil, puis de télécharger la version compressée du fichier.

Pour plus d'informations, consultez notre guide sur la façon d'optimiser les images pour les performances Web sans perte de qualité.

Si vous avez déjà compressé la taille de l’image et que vous êtes toujours confronté à l’erreur HTTP, vous souhaiterez peut-être augmenter votre limite de mémoire WordPress. Vous pouvez simplement contacter votre fournisseur d'hébergement Web actuel et demander d'étendre votre limite PHP ou de mettre à niveau votre plan d'hébergement.

Cependant, vous pouvez également modifier la limite de mémoire PHP, ce qui nécessite de modifier les fichiers wp-config.php ou .htaccess. Dans les deux cas, vous aurez besoin d'un client FTP ou d'un gestionnaire de fichiers.

Pour cette méthode, c'est une bonne idée d'utiliser un plugin comme WPCode, qui vous permet d'ajouter des personnalisations sans casser votre site Web. WPCode est le meilleur plugin d'extraits de code du marché, avec plus de 2 000 000 millions de sites Web qui l'utilisent pour pérenniser les personnalisations de leurs sites Web avec des extraits de code.

Si vous souhaitez modifier le fichier .htacess, vous devrez vous rendre dans le dossier racine du site WordPress. Ensuite, avant la ligne qui dit « #END WORDPRESS », vous pouvez coller le code suivant :

define( 'WP_MEMORY_LIMIT', '256M' );

Pour plus de détails sur la façon d'augmenter votre limite de mémoire, consultez notre tutoriel sur la façon de corriger les erreurs d'épuisement de la mémoire WordPress pour augmenter la mémoire PHP.

2. Réparez les plugins ou les thèmes

Certains thèmes et plugins WordPress peuvent empêcher l’image d’apparaître.

Alors que la plupart des thèmes WordPress affichent automatiquement vos images sélectionnées, certains nécessitent une configuration manuelle par l'administrateur. Dans ce cas, vous devrez peut-être vérifier les paramètres de votre thème WordPress ou contacter le support de votre thème pour obtenir de l'aide.

Pour plus d’informations, consultez notre guide ultime sur l’utilisation de WordPress Theme Customizer.

Si le thème n’est pas à l’origine du problème, vous pouvez également vérifier si vos plugins sont le principal coupable.

Vous pouvez commencer par mettre à jour tous vos plugins. Si cela ne résout pas le problème, désactivez tous vos plugins, puis réactivez-les un par un.

Après chaque installation, vous pouvez vérifier si les images présentées s'affichent probablement. Si l’image présentée échoue, vous saurez quel plugin est à l’origine du problème.

Vous pouvez également utiliser le plugin Health Check & Troubleshooting. Ce plugin gratuit effectue une série de vérifications pour détecter la configuration et les erreurs connues dans vos plugins et thèmes.

Si vous avez besoin d'aide pour l'installation, lisez notre guide sur la façon d'installer un plugin WordPress.

Lors de l'activation, rendez-vous sur Outils » Santé du site. À partir de là, vous obtiendrez une liste de recommandations pour vous aider à améliorer la sécurité et les performances de votre WordPress.

Vous pouvez voir ici qu’il existe un certain nombre de plugins et de thèmes obsolètes et inactifs installés qui doivent être corrigés. Cliquez simplement sur les liens indiqués pour gérer ou mettre à jour vos plugins.

3. Désactiver le chargement différé

Le chargement paresseux est une fonctionnalité qui contribue à améliorer la vitesse de votre page et les performances de WordPress en ajoutant rapidement du contenu et la zone visible en premier.

Un site Web plus rapide améliore son classement, car les moteurs de recherche comme Google considèrent la vitesse comme un facteur de classement important.

Fondamentalement, le chargement paresseux arrête le chargement des images sur une page jusqu'à ce qu'elles apparaissent à l'écran. Par exemple, la dernière image d’un long article de blog n’aura pas à être chargée jusqu’à ce que l’utilisateur fasse défiler vers le bas et atteigne cette image.

Cela dit, le chargement paresseux peut entraîner des problèmes avec les images sélectionnées, car certains plugins à chargement paresseux peuvent traiter les images sélectionnées comme des photos normales. Cela pourrait ralentir le chargement de l’image sélectionnée ou l’empêcher complètement d’apparaître dans la liste des publications récentes.

En outre, certains plugins d’optimisation d’image auront une fonctionnalité de chargement différé en tant que module complémentaire. Ainsi, vous souhaiterez vérifier chaque plugin installé pour voir si cette fonctionnalité est activée.

Vous souhaiterez peut-être désactiver la fonctionnalité de chargement différé dans vos plugins et vider le cache pour voir si cela résout le problème de l'image de fonctionnalité.

Certains plugins vous permettent d'exclure certaines photos du chargement différé. Si tel est le cas, vous pouvez désactiver cette fonctionnalité uniquement pour la première image de vos articles de blog afin de pouvoir toujours bénéficier du chargement différé sans affecter vos images en vedette.

Vous pouvez facilement désactiver le code en personnalisant l'extrait de code avec WPCode. Tout d’abord, vous devez vous rendre sur la page Extraits de code » + Ajouter un extrait à partir du tableau de bord WordPress.

Ensuite, tout ce que vous aurez à faire est de copier et coller ce code PHP dans la zone « Aperçu du code » :

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Voici à quoi cela devrait ressembler une fois collé.

Assurez-vous également de sélectionner « PHP Snippet » comme « Type de code ».

Enfin, vous activerez le plugin pour qu’il soit actif et cliquerez sur le bouton « Enregistrer l’extrait ».

Pour plus de détails, veuillez consulter notre didacticiel étape par étape sur la façon de désactiver correctement le chargement paresseux dans WordPress.

4. Modifier les autorisations des rôles utilisateur pour autoriser le téléchargement d'images sélectionnées

WordPress propose six rôles d'utilisateur par défaut pour gérer tous les accès et actions des utilisateurs sur un site.

Si vous n'êtes pas propriétaire du site Web, il est probable que vous ne disposiez pas du rôle d'utilisateur requis pour télécharger ou afficher les images en vedette.

Tout ce que vous avez à faire est de vous assurer que vos rôles d’utilisateur et vos autorisations sont correctement configurés.

Un moyen simple de résoudre ce problème consiste à utiliser un plugin tel que User Role Editor afin de pouvoir modifier les rôles et les capacités en un seul endroit.

Rendez-vous simplement sur Utilisateurs » Éditeur de rôles d'utilisateur dans votre tableau de bord WordPress.

À partir de là, vous sélectionnerez le rôle que vous souhaitez modifier sous « Sélectionner un rôle » et modifierez ses capacités. Dans ce cas, nous choisirons « Auteur ».

Ensuite, en utilisant l’option « Filtre rapide », vous souhaiterez rechercher « upload_files ».

Enfin, cliquez simplement sur le bouton « Mettre à jour » pour effectuer ces modifications.

Ce plugin vous permet également de créer de nouveaux rôles personnalisés et de leur donner accès aux autorisations que vous avez choisies.

5. Correction de l'image sélectionnée qui ne s'affiche pas sur une page de galerie d'articles de blog

L’une des meilleures façons d’utiliser les images présentées consiste à présenter vos articles de blog sur la page d’accueil de votre site Web.

Mais que se passe-t-il si les images présentées n’apparaissent pas sur la page du blog ?

Pour résoudre ce problème, vous pouvez modifier votre page d'accueil ou toute page sur laquelle vous souhaitez voir apparaître les images en vedette.

Ensuite, cliquons sur l'icône « + » et ajoutons le bloc « Derniers messages » à la publication sur la page. À partir de là, vous verrez apparaître des liens vers vos publications récentes.

Cliquez simplement sur le bloc et activez l’option « Afficher l’image sélectionnée ».

Ensuite, vous pourrez ajuster les autres paramètres, tels que l’alignement et la taille de l’image sélectionnée, pour les adapter à votre page.

À partir de là, vos images en vedette devraient apparaître dans la galerie d’articles de votre blog.

Voici à quoi cela ressemblera une fois les images présentées.

6. Ajouter un code personnalisé pour résoudre les problèmes d'image en vedette

Parfois, les miniatures des publications ne sont pas cliquables en raison de votre thème WordPress actuel, qui peut ne pas prendre en charge cette fonctionnalité spécifique.

Peut-être souhaitez-vous ajouter vos images en vedette aux flux RSS ou afficher l'image en vedette dans la liste des publications dans la zone d'administration.

Toutes ces choses peuvent être faites avec WPCode.

Lors de l'activation, rendez-vous sur Extraits de code » + Ajouter un extrait. Vous serez envoyé vers une bibliothèque d’options de code personnalisé prédéfinies.

Tapez « image sélectionnée » dans la barre de recherche afin que vous voyiez toutes les options de code personnalisé disponibles pour ajouter des images sélectionnées à votre site Web.

À partir de là, sélectionnez simplement l’option souhaitée.

Par exemple, disons que nous souhaitons ajouter des colonnes d’images sélectionnées à notre tableau de bord d’administration WordPress. Passez simplement la souris sur l'option et sélectionnez « Utiliser l'extrait ».

Vous serez ensuite redirigé vers une page où vous pourrez modifier l’extrait. Heureusement, le code est déjà prédéfini, vous n'avez donc pas besoin de modifier le code ou les paramètres.

Mais si vous devez saisir le code manuellement, vous pouvez copier et coller ci-dessous :

add_filter( 'manage_posts_columns', function ( $columns ) {
	// You can change this to any other position by changing 'title' to the name of the column you want to put it after.
	$move_after     = 'title';
	$move_after_key = array_search( $move_after, array_keys( $columns ), true );

	$first_columns = array_slice( $columns, 0, $move_after_key + 1 );
	$last_columns  = array_slice( $columns, $move_after_key + 1 );

	return array_merge(
		$first_columns,
		array(
			'featured_image' => __( 'Featured Image' ),
		),
		$last_columns
	);
} );

add_action( 'manage_posts_custom_column', function ( $column ) {
	if ( 'featured_image' === $column ) {
		the_post_thumbnail( array( 300, 80 ) );
	}
} );

Ensuite, activez simplement le bouton pour activer l'extrait de code personnalisé et appuyez sur « Mettre à jour ».

Cela devrait enregistrer toutes les modifications que vous venez d'apporter.

Ensuite, vous pouvez vous rendre sur la page Messages »Tous les messages dans votre interface administrateur.

Sur cette page, vous pouvez voir que les miniatures des publications apparaissent dans une colonne dédiée.

Ensuite, vous souhaiterez peut-être également lire notre article sur la façon de lier automatiquement les images sélectionnées aux publications dans WordPress ou notre didacticiel sur la façon d'ajouter des miniatures de publication à vos flux RSS WordPress.

Correction de l'image mise en avant de WordPress qui n'apparaît pas à la bonne taille

Parfois, votre image WordPress peut ne pas apparaître à la bonne taille. Il est préférable de comprendre les meilleures pratiques concernant les images sélectionnées afin d’éviter les problèmes dès le départ.

Choisir les bons graphiques pour les images sélectionnées

La taille optimale de l’image sélectionnée pour les images sélectionnées rectangulaires est de 1 200 x 687 pixels. Cependant, pour les thèmes qui utilisent des images carrées, la taille optimale est de 600 x 600 pixels.

Pour plus de détails, lisez notre guide sur la façon d’éditer des images de base dans WordPress.

Modifier les tailles d'image par défaut dans WordPress

Si les vignettes de votre blog semblent trop petites ou trop grandes, vous pouvez modifier manuellement les tailles d'image par défaut.

WordPress créera automatiquement des copies de vos images présentées pour les ajouter à différentes zones de votre site Web, telles que la page du blog, les pages d'archives et la page d'accueil.

Les thèmes WordPress ont leurs propres dimensions d'image, mais parfois, vous souhaiterez peut-être toujours modifier la taille de votre image présentée.

Pour ce faire, vous pouvez vous rendre dans Paramètres » Médias depuis votre zone d'administration WordPress. Ensuite, dans les champs de taille « Vignette », entrez les nouvelles dimensions de votre image sélectionnée.

Pour des instructions plus détaillées, vous pouvez consulter notre guide du débutant sur les tailles d’image WordPress.

Les images en vedette n'apparaissent pas sur Facebook

Les images présentées sont extraites de WordPress et populaires sur les plateformes de médias sociaux grâce à Open Graph, une technologie qui permet aux sites de médias sociaux comme Facebook de comprendre et d'afficher le contenu d'un site Web.

Les balises méta Open Graph peuvent être ajoutées à des publications et des pages individuelles pour contrôler leur apparence lorsqu'elles sont partagées. Ces balises incluent des informations telles que le titre, la description et l’image sélectionnée du contenu.

Le moyen le plus simple de garantir que toutes les images présentées apparaissent sur Facebook est d'utiliser All in One SEO. C'est le meilleur plugin WordPress SEO pour améliorer et optimiser votre site Web pour un meilleur classement dans les recherches.

Une fois activé, vous pouvez vous rendre sur All in One SEO » Réseaux sociaux. Ensuite, sous l'onglet « Facebook », assurez-vous d'activer l'option « Activer le balisage Open Graph ».

Cela affiche automatiquement un aperçu de vos articles de blog avec une image en vedette et un court extrait de texte.

Pour plus de détails, consultez notre guide sur la façon d'ajouter des métadonnées de graphique ouvert Facebook dans les thèmes WordPress.

Rappel - Les services WPBeginner Pro peuvent vous aider à résoudre les problèmes d'image de votre site ! Nous proposons une assistance WordPress d’urgence abordable pour résoudre rapidement les problèmes d’image et autres problèmes de site Web. Arrêtez de stresser et planifiez un appel dès aujourd'hui !

Nous espérons que cet article vous a aidé à corriger l’image sélectionnée qui ne s’affiche pas sur WordPress. Vous pouvez également consulter notre liste des erreurs WordPress les plus courantes et comment les corriger, ainsi que notre guide sur la façon de récupérer et de restaurer les pages supprimées.

Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.