Les images WordPress ne s'affichent pas sur mobile ? Causes, correctifs, FAQ.

Certaines raisons courantes pour lesquelles vos images WordPress ne s'affichent pas sur mobile ou sont déformées.

Dans cet article, nous allons passer en revue certaines des raisons les plus courantes que nous avons rencontrées pour expliquer pourquoi vos images WordPress ne s'affichent pas sur mobile ou sont déformées.

Veuillez noter qu'il ne s'agit pas d'une liste exhaustive et qu'il pourrait y avoir d'autres facteurs que vous devriez vérifier, comme votre thème actuel ou ses modifications, ainsi que d'éventuels problèmes d'hébergement Web avec votre fournisseur d'hébergement Web actuel, entre autres.

Cependant, voici les raisons les plus courantes que nous avons rencontrées pour lesquelles les images de votre site Web WordPress ne s'affichent pas sur les appareils mobiles ou, si elles le sont, elles peuvent être déformées :

• Conflit de plugin ou de thème.
• Problèmes de création de page.
• Manque de mises à jour du thème.
• Utilisation d'un plugin d'optimisation d'image.
• Les images sont différentes sur mobile et sur ordinateur.
• Problèmes avec WP Rocket.

Les images WordPress ne s'affichent pas sur mobile. Causes et solutions.

Conflit de plugin ou de thème.

Dans de nombreux cas, comme pour la plupart des problèmes liés à WordPress, il peut s'agir d'un conflit de plugin.

Pour rechercher d'autres conflits de plugins, commencez par désactiver tous les plugins en cours d'exécution sur votre site. Ensuite, passez à un thème "Twenty" quelque chose par défaut.

Si le problème disparaît, activez les plugins un par un pour identifier la source du problème. Activez ensuite votre thème.

Pour faciliter le diagnostic, installez le plugin Health Check .

Dans son onglet "Dépannage", vous pouvez également cliquer sur le bouton pour désactiver tous les plugins et changer le thème pour vous. Pendant que vous êtes toujours connecté, sans affecter le trafic normal, ni les visiteurs de votre site.

Problèmes de création de page.

Si vous utilisez un constructeur de page comme Elementor dans la page d'édition, vérifiez que vous avez téléchargé une image pour mobile responsive.

Vous le trouverez au bas de l'Elementor dans Paramètres >> Mode réactif : sélectionnez la vue mobile. Ensuite, faites glisser l'image que vous souhaitez afficher.

Vous pouvez également utiliser du CSS pour l'afficher, mais ce n'est pas nécessairement la meilleure option. Cependant, vous pouvez essayer ceci :

Ajoutez le code CSS ci-dessous dans le fichier style.css de votre thème enfant actif actuel ou vous pouvez ajouter une option CSS supplémentaire dans le personnalisateur du thème :

@media (largeur maximale : 767px){

.elementor:not(.elementor-edit-area-active) .elementor-hidden-phone {

bloc de visualisation;

}

}

Si vous constatez qu'après avoir résolu le problème du mobile, l'image disparaît également sur le navigateur de bureau lorsque vous réduisez la taille du navigateur au-delà d'une certaine taille.

Alors essayez ceci :

Accédez à la "page Modifier avec Elementor", cliquez sur Section>>Avancé>>Responsive et désactivez l'option masqué sur mobile. Ou vous pouvez ajouter le code ci-dessous à la section Personnaliser>>CSS personnalisé pour le corriger :

@media (largeur maximale : 767px)

.elementor:not(.elementor-edit-area-active) .elementor-hidden-phone {

affichage : bloc !important ;

}

Manque de mises à jour du thème.

Si, par hasard, vous utilisez un ancien thème ou un thème gratuit qui n'inclut pas de mises à jour, les images qui ne s'affichent pas sur mobile peuvent être liées soit à un manque de mises à jour de votre thème gratuit en conjonction avec les mises à jour régulières du noyau WordPress, soit au manque des mises à jour régulières du thème en général.

Ainsi, le remplacement de votre thème par le thème par défaut WordPress "Twenty" quelque chose, qui reçoit des mises à jour régulières, devrait déterminer si le problème est lié au thème.

Utilisation d'un plugin d'optimisation d'image.

Si vous utilisez un plugin d'optimisation d'image, il se peut qu'il convertisse vos images dans un format non reconnu par votre thème ou non compatible avec celui-ci.

Par exemple, il y avait un problème causé par le plugin Autoptimize, qui convertit les images au format .webp pour un chargement rapide et d'autres fonctionnalités.

.webp format Remarque rapide : le format .webp Vous pourriez également avoir un problème avec un plugin "Lazy Loading".

Si ces plugins d'optimisation d'image ou d'autres sont le cas, vous pouvez essayer quelques autres plugins d'optimisation d'image qui sont plus compatibles pour des temps de chargement plus rapides.

Les images sont différentes sur mobile et sur ordinateur.

Vos images en vedette ont l'air bien sur le bureau, mais sur le mobile, les images sont beaucoup trop grandes et finissent par sortir des bordures d'aperçu de la publication. Si tel est le cas, vous souhaiterez qu'il soit plus réactif afin qu'il tienne sur la page.

Pour cela, vous devriez essayer ce plugin et voir s'il vous aide :

Images adaptatives à pixels courts .

Problèmes avec WP Rocket.

Si vous avez récemment acheté WP Rocket et que vous espérez qu'il accélérera votre site, mais que vos images disparaissent sur mobile, vous voudrez consulter ce document de dépannage sur WP Rocket pour quelques solutions rapides potentielles : " Mon site est cassé ”.

Les images WordPress ne s'affichent pas sur les conclusions mobiles.

Dans la plupart des cas, comme pour de nombreux problèmes avec WordPress, cela peut simplement se résumer à un plugin et/ou à un conflit de thème.

L'open source est formidable car il permet toutes sortes de contributions de développeurs créatifs et sérieux qui cherchent constamment à améliorer WordPress pour leurs utilisateurs.

Cependant, en raison des quantités massives de thèmes et de plugins ainsi que de leur codage, il est inévitable que des conflits se produisent.

Mais rassurez-vous, les conflits de plugins et de thèmes sont généralement les plus faciles à résoudre si vous savez ce qu'ils sont. En utilisant le plugin ci-dessus, Health Check , vous pouvez trouver assez rapidement tous les conflits.

Si cela ne parvient pas à trouver la source du problème, les autres raisons courantes énumérées pour lesquelles vos images WordPress ne s'affichent pas sur mobile ou sont déformées peuvent en être la ou les causes.

Si tout le reste échoue, vous devez contacter le développeur de votre thème WordPress ou son support pour affiner le problème de son côté.