TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

Correction d’un problème d’affichage des images dans la médiathèque WordPress

6

Il est difficile de comprendre le problème lorsqu’il arrive soudainement sur votre site WordPress. Avec des éléments plus complexes, le dépannage d’un problème est l’un des plus gros casse-tête dans l’exécution d’un site WordPress. Récemment, nous avons remarqué que l’un de nos sites a un problème étrange selon lequel les images ne peuvent pas être visualisées sur le site. De plus, la médiathèque n’affichait pas d’aperçu des images bien que toutes les images soient réellement disponibles sur le serveur. Si vous rencontrez le même problème, voici quelques solutions que vous pouvez essayer pour corriger la médiathèque WordPress qui n’affiche pas les images.

Vérifiez le site avec la console développeur

Lorsque vous rencontrez un problème d’image, ouvrez d’abord le site dans le navigateur et vérifiez si vous pouvez afficher les images ou non. Si vous pouvez voir l’image sur le site en direct, le problème pourrait être différent. Par exemple, vous avez peut-être téléchargé les images via FTP au lieu de les télécharger via la bibliothèque multimédia dans le panneau d’administration WordPress. Toutes les images directement téléchargées via FTP ne peuvent pas être visualisées dans la médiathèque du panneau d’administration. Consultez l’article sur la façon de rendre les téléchargements d’images FTP visibles dans la médiathèque.

Dans certains cas, vous ne verrez pas non plus les images sur le site en direct. Si tel est votre cas, faites simplement un clic droit sur l’élément d’espace réservé à l’image affiché comme vide. Vérifiez les détails sur la console développeur. Il devrait afficher "Impossible de charger l’image" comme indiqué dans l’image ci-dessous.

Correction d'un problème d'affichage des images dans la médiathèque WordPress

L’image n’a pas pu être chargée dans Firefox

Vous ne verrez pas les aperçus d’image lors de la visualisation dans ‘Média > Bibliothèque’ dans le panneau d’administration WordPress.

Correction d'un problème d'affichage des images dans la médiathèque WordPress

Aucun aperçu d’image affiché dans la médiathèque

Maintenant que vous pouvez comprendre que les images ne se chargent pas en raison d’une restriction ou d’un problème. Le problème arrête le chargement des images sur le site à la fois en backend et en frontend. Suivez les solutions ci-dessous pour résoudre le problème :

  • Désactiver la fonction de lien dynamique
  • Vérifier et modifier l’autorisation de fichier du dossier de téléchargement

1 Désactiver le lien hypertexte des images

1.1. Désactiver la liaison d’images à partir de cPanel

Il existe de nombreux propriétaires de sites qui suppriment simplement le contenu d’autres sites sur le Web et le reproduisent sur leur site. Lorsqu’ils accèdent aux images, ils copient simplement l’URL de l’image d’origine de votre site et l’associent à leur site. Parfois, cela peut être pour des raisons légitimes que les gens souhaitent afficher les détails de votre site. Mais le problème ici est que les images chargées sur d’autres sites consomment également la bande passante de votre propre serveur.

Afin d’éviter que d’autres n’utilisent les ressources de votre serveur, les sociétés d’hébergement vous permettent de protéger les images à l’aide du processus de « hotlinking ». Cela aide les propriétaires de sites à autoriser le chargement d’images uniquement à partir des sites qu’ils autorisent. Si vous avez récemment activé le hotlinking, cela pourrait provoquer l’erreur « Impossible de charger l’image » dans le navigateur. Parce que vous avez peut-être activé à tort le hotlinking sur votre propre site. Cela se produit surtout lorsque vous hébergez plusieurs sites sur le même compte d’hébergement.

Suivez le processus ci-dessous pour désactiver les liens hypertexte d’image sur votre site :

  • Connectez-vous à votre hébergement cPanel ou à un compte similaire.
  • Recherchez l’option ‘hotlinking’.

Correction d'un problème d'affichage des images dans la médiathèque WordPress

Option de liaison d’images dans Bluehost cPanel

  • Cliquez dessus et assurez-vous de désactiver sur tous vos sites.

Correction d'un problème d'affichage des images dans la médiathèque WordPress

Désactiver la protection contre les liens hypertexte

Vérifiez auprès de votre hébergeur et activez à nouveau correctement l’ option de liaison si vous en avez besoin. Lors de l’activation, vous devez ajouter tous vos propres sites dans la liste des exceptions. Il est bon d’ajouter toutes les versions de chaque site comme les versions http, https, www et non-www. Ci-dessous est un exemple pour votre référence; vous devez ajouter toutes les versions de tous les sites hébergés sur votre compte pour exempter de hotlinking.

L’application de protection par hotlink peut être disponible à différents endroits sur votre serveur d’hébergement en fonction de l’entreprise. Par exemple, SiteGround utilise des outils de site qui vous aident à configurer la protection sur la base d’un seul site. Bluehost et de nombreuses autres sociétés utilisent l’interface cPanel où vous pouvez trouver l’application.

1.2. Désactiver le hotlinking dans .htaccess

Fondamentalement, l’activation du hotlinking d’image configurera les directives dans le fichier .htaccess situé à la racine de votre site. Ainsi, il est également possible d’activer le hotlinking d’images en ajoutant directement des entrées dans le fichier htaccess ou en utilisant des plugins. En général, la plupart des plugins de sécurité offrent une fonction de hotlinking d’image. Si vous avez activé une telle fonction, désactivez-la et vérifiez que les images se chargent sur votre site.

Suivez les instructions ci-dessous pour désactiver le hotlinking d’image dans le fichier htaccess :

  • Connectez-vous à votre compte FTP à l’aide de FileZilla ou de tout autre logiciel client FTP.
  • Naviguez jusqu’au répertoire racine du site, généralement c’est ‘/public_html/’.
  • Recherchez le fichier .htaccess. Parfois, votre logiciel FTP peut ne pas afficher les fichiers commençant par un point. Assurez-vous donc d’activer l’option de visualisation des fichiers cachés.

Correction d'un problème d'affichage des images dans la médiathèque WordPress

Affichage des fichiers cachés dans FileZilla

  • Faites un clic droit sur le fichier htaccess et modifiez.

Correction d'un problème d'affichage des images dans la médiathèque WordPress

Modifier le fichier .htaccess avec FileZilla

  • Vérifiez et supprimez les entrées liées au hotlinking d’images. Cela devrait être quelque chose comme ci-dessous:
RewriteCond %{HTTP_REFERER} !^https://www.webnots.com$ [NC] RewriteRule .*.(jpg|jpeg|gif|png|bmp)$ - [F,NC]

Remarque : lorsque vous activez les liens hypertexte d’images, aucun de vos profils sociaux n’affichera les images en vedette du contenu de la publication partagée. C’est une bonne indication que votre serveur bloque le chargement des images.

2 Vérifier les autorisations de fichier

L’autre solution consiste à vérifier et à corriger les autorisations de fichier du répertoire de téléchargement d’images. WordPress contrôle la visibilité d’un fichier en fonction des autorisations définies pour le dossier dans lequel il est stocké. Lorsque quelqu’un a modifié l’autorisation du fichier, vous ne pouvez pas afficher les images dans la bibliothèque multimédia.

Suivez les instructions ci-dessous pour réinitialiser l’autorisation de fichier :

  • Connectez-vous à votre compte FTP.
  • Accédez au répertoire ‘/wp-content/’ et recherchez le répertoire ‘uploads’. Si vous avez modifié le dossier de téléchargement d’images, vous devez rechercher ce dossier sur votre serveur.
  • Faites glisser la barre de défilement horizontale sur le logiciel FTP et vérifiez l’autorisation de fichier de ce dossier de téléchargement d’images et les images à l’intérieur du dossier.
  • En général, les « Autorisations » doivent afficher « 0644 » ou « 0755 » et le « Propriétaire/Groupe » doit afficher « 505/503 », comme indiqué ci-dessous.

Correction d'un problème d'affichage des images dans la médiathèque WordPress

Définir les autorisations de fichier dans FTP

  • Si vous voyez que c’est différent, faites un clic droit sur le dossier des téléchargements et choisissez « Autorisations ».
  • Dans la boîte de dialogue contextuelle, définissez les autorisations sur 0644 ou 0755.

Correction d'un problème d'affichage des images dans la médiathèque WordPress

Définition des autorisations de fichiers dans FileZilla

  • Assurez-vous de sélectionner la case à cocher indiquant « Récurser dans les sous-répertoires » et choisissez l’option « Appliquer à tous les fichiers et répertoires ». Cela garantira que tous les fichiers image contenus dans le dossier « uploads » disposent des autorisations appropriées.
  • Cliquez sur « OK » et vérifiez que l’autorisation du fichier s’affiche correctement.

Correction d'un problème d'affichage des images dans la médiathèque WordPress

Paramètres d’autorisation de fichier

Notez que dans notre cas, nous avons des images dans le répertoire ‘media’ hébergées en dehors du répertoire ‘/wp-content/uploads/’. Vous devriez changer les permissions de fichier de votre répertoire d’images qui devrait être ‘/wp-content/uploads/’.

Ouvrez maintenant la médiathèque et vérifiez que les images s’affichent. Votre site devrait également afficher les images normalement sans aucun problème.

Correction d'un problème d'affichage des images dans la médiathèque WordPress

Médiathèque montrant des images

Source d’enregistrement: webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails