Vous ne voyez pas les images WordPress sur Safari ?

SOS WP

Ce guide a été mis à jour le

Il y a quelques jours, je travaillais sur un site web et j’ai remarqué un problème assez étrange : Les images WordPress ne sont pas visibles sur Safari.

Heureusement, en faisant des recherches en ligne, j’ai pu mieux définir le problème et trouver la solution :

Le problème : quand les images ne sont pas vues sur Safari

Ce problème ne se manifeste que sur les PC qui utilisent la fonction Navigateur Safari 9 sur le système d’exploitation Mac El Capitan.

De plus, il n’affecte pas tous les sites WordPress ; il se présente plutôt comme suit seulement pour certains thèmes (Je sais pertinemment qu’il s’agit des thèmes développés par Dream-Theme, tels que le7 e Armada. Ce sont de très bons thèmes, donc j’espère qu’une mise à jour sera publiée prochainement pour résoudre définitivement cette erreur).

Si vous avez remarqué ce problème sur votre site, adoptez la solution ci-dessous.

La solution

Pour rendre les images de votre site également visibles sur Safari 9, il vous suffit de ajouter quelques lignes de css dans le fichier style.css de votre site.

Note ! Si vous avez créé un thème enfant, vous pouvez entrer ces codes directement dans style.css et oublie tout ça. Si vous n’avez pas créé de thème enfant, vous pouvez entrer les codes dans le champ css personnalisé de votre thème (le cas échéant), OU utilisez un plugin comme CSS personnalisé simpleOU ajouter des codes au fichier style.css (mais vous devrez en prendre note et ne pas oublier de les ajouter à chaque fois que vous mettez à jour le thème).

Voici les codes :

html:not(.mobile-true) #main img:not(.animate-element, .ls-s-1),
html:not(.mobile-true) #header img,
html:not(.mobile-true) #bottom-bar img {
opacity: 1 !important; 
}

Sauvegardez vos modifications, et c’est terminé !

Toutes les images de votre site seront à nouveau visibles aussi sur Safari 9. C’est simple, n’est-ce pas ?

Vous ne voyez pas les images WordPress sur Safari ?

Conclusion

Si vous ne voyez pas d’images WordPress dans Safari mais que la solution décrite ci-dessus ne résout pas le problème, je vous suggère de contacter d’abord le développeur de votre thème. Je vous invite également à laisser un commentaire ci-dessous, en nous faisant savoir si vous avez réussi à résoudre la situation, peut-être en utilisant les codes énumérés ci-dessus ou avec une autre solution.

Rendez-vous au prochain tutoriel.

Pour continuer votre lecture voici quelques articles similaires

Pas encore de commentaire, ajoutez le votre ci-dessous!


Ajouter un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *