Les modifications de WordPress ne s'affichent pas sur mobile ? FAQ et correctifs.

Pourquoi mes modifications WordPress ne s'affichent-elles pas sur mobile ?

Si vous avez apporté des modifications à votre site WordPress et qu'elles n'apparaissent pas sur mobile, vous pouvez vérifier certaines choses.

Dans certains cas, vos modifications peuvent être masquées sur les appareils mobiles pour des raisons de conception.

Cependant, si vous êtes sûr que vos modifications doivent apparaître sur les appareils mobiles et qu'elles ne le sont pas, vous pouvez faire plusieurs choses pour résoudre le problème.

Assurez-vous que votre thème WordPress est responsive.

Un thème réactif ajustera automatiquement sa mise en page en fonction de la taille de l'appareil sur lequel il est visualisé.

Si votre thème n'est pas réactif, vos modifications peuvent ne pas apparaître sur les appareils mobiles. Vous pouvez vérifier la réactivité en consultant votre site sur un appareil mobile.

Assurez-vous également que vos modifications ne sont pas masquées sur les appareils mobiles pour des raisons de conception.

Pour voir si tel est le cas, vous pouvez soit modifier l'option "Options d'écran" dans votre tableau de bord WordPress, soit essayer d'afficher le site sur un autre navigateur (comme Chrome ou Firefox), ce qui peut donner accès à des options qui sont autrement masquées.

Plugins.

Si les modifications apparaissent sur l'autre navigateur, il se peut qu'un plugin cause un problème.

Si votre thème est réactif et que vous avez vérifié tous ses paramètres, essayez de désactiver tous les plugins, puis de les réactiver un par un pour vérifier quel plugin peut être à l'origine du conflit.

Vous pouvez également créer un nouveau site WordPress avec le même thème pour voir si les modifications apparaissent toujours. Si c'est le cas, le problème vient probablement d'un plugin.

Si vous avez essayé toutes ces étapes de dépannage et que vos modifications n'apparaissent toujours pas sur les appareils mobiles, contactez votre fournisseur d'hébergement ou votre développeur WordPress pour obtenir de l'aide.

Ils peuvent être en mesure d'aider à identifier la source du problème et à le corriger.

Comment mettre à jour mon site mobile sur WordPress ?

La mise à jour de votre site mobile sur WordPress peut en fait être un processus très simple, cependant, uniquement si vous connaissez PHP et que vous êtes à l'aise de l'utiliser.

Si ce n'est pas le cas, contactez le développeur de votre thème et demandez son aide.

Mais si vous connaissez PHP, alors tout ce que vous avez à faire est de suivre ces étapes :

1. Connectez-vous à votre tableau de bord WordPress.

2. Cliquez sur le menu "Apparence" puis sélectionnez "Editeur".

3. Depuis l'écran de l'éditeur, sélectionnez le fichier « header.php » dans la liste de droite.

4. Modifiez le fichier et ajoutez l'extrait de code suivant en haut :

<?php si (is_mobile()) { ?>

<link rel=”stylesheet” href=”http://www.yourdomain.com/wp-content/mu-plugins/mobile_stylesheet.css” type=”text/css” media=”screen et (max-device-width : 480px)"/>

<?php } ?>

5. Actualisez votre site mobile ou copiez simplement le nouveau lien dans le navigateur de votre téléphone pour vérifier qu'il fonctionne comme prévu.

6. Enfin, enregistrez vos modifications et téléchargez-les sur le serveur à l'aide de FTP ou de la méthode que vous utilisez habituellement pour mettre à jour les fichiers sur votre serveur Web.

Pourquoi mon site Web est-il différent sur mobile ?

Il y a plusieurs raisons pour lesquelles votre site Web semble différent sur mobile, essayons de les résoudre.

Tout d'abord, il est important de comprendre que tous les sites Web ne sont pas créés égaux. Les sites Web sont conçus de différentes manières, ont un contenu différent et sont affichés sur différents appareils.

Tous ces facteurs peuvent jouer un rôle dans ce que vous voyez lorsque vous consultez votre site Web sur mobile.

Il est également possible que votre site Web ne s'affiche pas correctement sur certains ou tous les appareils mobiles.

De nombreux navigateurs Web utilisent une mise en forme intégrée pour leurs sites, mais parfois, ils ne donnent pas cette mise en forme ou ces fonctionnalités à d'autres sites.

Passons en revue certaines des raisons les plus courantes pour lesquelles votre site peut sembler différent sur mobile et ce que vous pouvez faire à ce sujet.

Optimisation mobile.

Savez-vous si votre site Web a une version mobile ? Alors que de plus en plus de sites Web passent à des mises en page réactives, tous les sites ne sont pas créés égaux. Une taille ne convient certainement pas à tous.

Les mises en page réactives sont optimisées pour un affichage sur n'importe quelle taille d'écran. Si votre site Web a une mise en page mobile, il apparaîtra automatiquement sur les appareils mobiles pour s'adapter au mieux à la taille de l'écran de cet appareil (aucune action requise).

Si vous ne savez pas si votre site a une version mobile, vérifiez auprès de votre développeur ou de votre hébergeur pour voir s'il a été créé. Si ce n'est pas le cas, il est temps d'envisager une conception réactive.

Tous les navigateurs ne prennent pas en charge la conception réactive.

Comme je l'ai déjà mentionné, tous les navigateurs ne prennent pas en charge les mises en page de conception réactives. Certains afficheront votre site Web sous sa forme de bureau, quel que soit l'appareil que vous utilisez.

En effet, le navigateur essaie d'afficher le site Web tel qu'il a été conçu, sans tenir compte de la taille de l'écran.

Il existe plusieurs façons de contourner ce problème :

1) Utilisez des requêtes multimédias.

Les requêtes multimédias vous permettent de modifier l'apparence de votre site Web en fonction de la taille de l'écran. Vous pouvez cibler différents appareils ou définir une largeur maximale pour votre site.

Pour cela vous aurez besoin de connaître quelques CSS et ou PHP selon votre thème.

De nombreux forums de support de thème peuvent vous aider à résoudre des problèmes comme celui-ci. GeneratePress en fait partie.

Croyez-moi, si vous avez ce problème, quelqu'un d'autre a déjà eu ce problème auparavant.

2) Vous pouvez utiliser l'outil de test réactif de Google Viewport Resizer ou utiliser un plugin comme WPtouch.

Ceux-ci aideront à changer l'apparence de votre site Web pour les appareils mobiles, sans que vous ayez à faire de codage.

3) Utilisez un thème réactif ou avec une mise en page mobile.

Si vous n'êtes pas sûr que votre thème soit réactif, consultez le site Web du développeur ou contactez-le pour voir s'il est disponible.

4) Directives de conception mobile.

Il existe des directives que vous pouvez utiliser pour vous assurer que votre site Web s'affiche correctement sur les navigateurs mobiles, y compris la taille des éléments de contenu, la façon dont il affiche les images, etc.

Il s'agit d'une étape importante pour s'assurer que votre site Web est beau et fonctionne bien pour tous les utilisateurs, qu'ils soient de bureau ou mobiles !

La page officielle des applications mobiles WordPress contient également de nombreux conseils pour créer une version mobile de votre site (si vous n'en avez pas).

Comment rendre mon site Web WordPress compatible avec les mobiles ?

La réponse est encore une fois que cela dépend de votre thème WordPress.

La plupart des thèmes WordPress sont prêts à l'emploi pour les mobiles, mais il y a quelques exceptions.

Si votre thème n'est pas adapté aux mobiles, vous devrez utiliser un plugin ou apporter quelques modifications à votre thème.

Tout d'abord, éliminons la partie évidente : votre site Web WordPress doit être hébergé sur un fournisseur d'hébergement rapide et fiable.

Si votre site est lent ou ne répond pas, Google réduira votre classement. Cela signifie que même si votre site Web est beau sur les appareils mobiles, cela n'a pas d'importance.

De nombreux fournisseurs d'hébergement WordPress ne signalent pas le temps de réponse pour leurs plans d'hébergement partagé.

Mais si vous hébergez votre site ailleurs, le plugin Pingdom Tools est un bon moyen de voir à quelle vitesse votre page se charge.

La deuxième chose qui affecte la convivialité mobile est la taille de vos images. Si vous avez de grandes images lourdes, Google ne pourra pas les afficher sur un appareil mobile.

Si votre page prend trop de temps à se charger, même sur une connexion rapide, Google réduira votre classement.

La solution est simple : utilisez le plugin WordPress TinyPNG. Le plugin réduit la taille de toutes vos images en les optimisant avec le service cloud de TinyPNG. Le plugin compresse les images JPEG, PNG et GIF.

Lorsque vous avez optimisé toutes vos images avec TinyPNG, vous devez vérifier les pages du test convivial de Google.

Vous pouvez également utiliser votre appareil mobile ou un émulateur mobile pour voir à quoi il ressemble sur différents appareils. Si quelque chose ne semble pas bon, vous pouvez apporter les modifications nécessaires.

Si votre site Web n'est toujours pas adapté aux mobiles, vous devez vous procurer un thème WordPress réactif.

Un thème réactif ajustera automatiquement la taille et la mise en page de votre site Web en fonction de l'appareil utilisé.

Il existe de nombreux thèmes réactifs disponibles, mais mon préféré est le cadre GeneratePress de Tom Usborne.

C'est un thème léger avec beaucoup de fonctionnalités. Il ne vient pas avec toutes les options inutiles et inutiles que vous trouvez dans la plupart des thèmes. Au lieu de cela, il vise à rendre votre site réactif et rapide.

La meilleure partie de ce thème est qu'il est entièrement personnalisable via WordPress Customizer. Vous pouvez concevoir votre propre thème sans écrire une seule ligne de code.

Le thème est également facile à étendre avec des plugins WordPress gratuits et payants. J'ai installé plusieurs plugins sur ce site qui ajoutent des fonctionnalités supplémentaires, mais vous n'avez rien à installer si vous n'en avez pas besoin.

Si vous utilisez un thème différent, vous devriez consulter le guide de Google pour rendre votre thème adapté aux mobiles.

Le guide comporte plusieurs sections qui doivent être remplies. Par exemple, si vous utilisez un thème avancé, il comportera des zones de widgets que vous devrez vérifier.

Si votre site Web n'est pas adapté aux mobiles, Google peut pénaliser votre classement ou même supprimer l'intégralité de votre site Web.

Il est important de s'assurer que votre site s'affiche et fonctionne parfaitement sur tous les appareils.

Les modifications WordPress ne s'affichent pas sur mobile. Sommaire.

Il est clair que l'équipe WordPress a essayé de pousser les utilisateurs vers une expérience plus conviviale pour les mobiles avec chaque mise à jour et ce ne sera que plus le cas avec le temps.

Les dernières mises à jour ont été publiées avec un effort accru pour faciliter la navigation sur votre site pour les personnes sur leurs téléphones et tablettes en leur donnant un accès rapide à votre contenu le plus consulté.

La conclusion de cet article de blog est que même si vous mettez à jour votre site WordPress, les modifications n'apparaîtront pas toujours sur mobile ou tout de suite.

Il est important de s'assurer que tous les appareils sont pris en compte lors du choix d'un thème de site Web ou même d'une conception de page Web, car il existe de nombreuses personnes différentes avec de nombreuses préférences différentes pour l'affichage du contenu.

Alors, procurez-vous toujours un thème réactif et conçu pour bien fonctionner avec tous les appareils, y compris les mobiles, comme GeneratePress !