Vous êtes ici, donc vous devez vous demander pourquoi votre site n’a pas la même apparence sur un ordinateur portable que sur un ordinateur de bureau ou même un appareil mobile. Vous êtes probablement un peu effrayé par cette découverte. Vous ne devriez pas l’être, car ce n’est pas grave. Pour remédier au problème, vous devez en connaître la cause sous-jacente. Plusieurs facteurs peuvent être à l’origine de ce problème. Par exemple, la taille de la police varie d’un ordinateur de bureau à un ordinateur portable. Dans ce cas, le problème peut être aussi simple que le type de police. Pour remédier à ce problème, vous devez passer à une police standard, telle que Kite One. Cliquez sur la fonction Customizer pour accéder à une liste de polices Google. Cliquez sur l’une des polices standard pour l’activer sur votre site web WordPress.
Pourquoi le design de votre site WordPress est-il différent selon les ordinateurs et les appareils ?
Il est courant que les sites WordPress aient une apparence différente sur plusieurs plateformes. Toutefois, la conception de base, les couleurs et la mise en page doivent rester les mêmes. Si vous utilisez un thème réactif, le design de votre site doit changer pour s’adapter à l’appareil de l’utilisateur. Lorsque quelqu’un visite votre site sur un smartphone ou une tablette, son écran est beaucoup plus petit. Si vous lui montriez votre design habituel, il serait trop grand et il devrait faire défiler l’écran de droite à gauche de nombreuses fois pour lire votre contenu. Cela serait frustrant et le visiteur quitterait probablement votre site. Pour éviter cela, les thèmes WordPress réactifs adaptent la conception et la mise en page du site en fonction de l’appareil de l’utilisateur. Pour les ordinateurs de bureau, l’utilisateur pourra voir l’intégralité du design tant que la fenêtre du navigateur est maximisée. Si elle est réduite, il se peut que l’utilisateur voie une version du même site pour son ordinateur portable ou son smartphone. Dans la plupart des cas, votre page WordPress ne présente aucun problème. Au contraire, vous utilisez un thème réactif pour que votre site puisse être visualisé facilement sur n’importe quel appareil.
Comment faire en sorte que mon site Web ait la même apparence sur tous les ordinateurs portables et les ordinateurs ? Ou est-ce possible ?
Il est souhaitable que la conception du site soit uniforme. Il serait étrange que votre page soit très différente pour les utilisateurs d’ordinateurs portables et pour les utilisateurs d’ordinateurs de bureau. Cependant, vous devez comprendre qu’il n’est peut-être pas possible d’obtenir exactement la même apparence. La page web devra être adaptée à la taille de l’écran de l’appareil. Si le visiteur utilise un smartphone, votre page devra changer radicalement. Vous ne pouvez pas avoir un bloc de texte au milieu, à côté de publicités et d’un champ de recherche à droite. L’écran est trop petit pour cela. Heureusement, vous pouvez remédier à ce problème en plaçant le champ de recherche au-dessus ou au-dessous du contenu principal de la page. Vous n’obtiendrez peut-être pas le même résultat, mais vous vous en rapprocherez. Pour ce faire, vous devrez utiliser un thème WordPress réactif ou une feuille de style CSS. Avec CSS, vous pouvez créer plusieurs styles en fonction de la taille de l’écran de l’appareil de l’utilisateur. S’il utilise un petit appareil tel qu’une tablette, votre page web se rétrécira pour s’y adapter. Comme indiqué plus haut, la barre de recherche et les publicités seront placées au-dessus ou au-dessous du contenu. Tout le reste restera inchangé. Il en va de même pour l’aspect général de la page. En utilisant les feuilles de style CSS, le webmestre peut adapter divers aspects de la page web à la taille de l’écran de l’utilisateur. Par exemple, vous pouvez modifier la mise en page, la taille de la police, la largeur, l’emplacement des publicités, etc. Bien que vous ne puissiez pas obtenir exactement la même apparence pour les ordinateurs portables et les ordinateurs de bureau, vous pouvez vous en approcher. Lorsque quelqu’un visite votre site, le code CSS analyse la taille de l’écran de l’utilisateur et adapte le code en conséquence. Cela signifie qu’un utilisateur d’ordinateur de bureau verra la version plein écran de votre site. Si l’ordinateur portable a un écran plus petit, le site sera affiché dans une version réduite. Pour les tablettes et les smartphones, les éléments de la page seront réorganisés et compactés.
Pouvez-vous modifier la page pour l’adapter à l’écran ? Si oui, comment sur Mac et PC ?
Votre page WordPress ne s’adapte pas à l’écran de votre ordinateur ? Cela peut être très frustrant et vous voudrez remédier à ce problème immédiatement. Que vous utilisiez un Mac ou un PC, il y a de fortes chances que la page ait un aspect différent sur les ordinateurs portables que sur les ordinateurs de bureau. En outre, vous remarquerez peut-être que votre site n’a pas la même apparence sur un Mac que sur un ordinateur Windows. La raison en est le pare-feu et le système d’exploitation. Les ordinateurs portables Mac sont réputés pour leur fiabilité, car leur système d’exploitation est difficile à pirater. Mais pour cette raison, ils affichent parfois un code légèrement différent ou ne sont pas en mesure d’afficher tous les éléments de la page d’un site spécifique. En tant que webmestre, vous pourrez facilement changer cela. Si vous n’êtes pas doué pour la technologie, vous devriez envisager d’utiliser un thème réactif. Ce dernier permet d’adapter la page en fonction de l’appareil utilisé par le visiteur. En outre, vous pourrez peut-être ajuster la largeur de la mise en page en personnalisant les paramètres du thème. Pour ce faire, vous devez consulter les options de votre thème actuel. Si vous êtes doué pour le code, vous pouvez ajuster la mise en page à l’aide d’une feuille de style. Vous pourrez créer des styles personnalisés pour différents appareils et tailles d’écran. Cela vous permet de créer plusieurs styles pour plusieurs appareils. Par exemple, vous pouvez créer certains paramètres CSS pour les écrans de navigateur de 800 px ou moins. À partir de là, vous pouvez adapter la largeur de la page à l’écran de l’utilisateur. En utilisant les paramètres CSS de cette manière, vous vous assurez que votre site web aura la même apparence sur les smartphones, les tablettes, les ordinateurs portables et les ordinateurs de bureau. Là encore, les personnes qui ne maîtrisent pas bien le HTML et le CSS devraient utiliser un thème réactif. Cela signifie que le thème s’adaptera à l’appareil de l’utilisateur.
Comment créer un thème réactif
Les utilisateurs de WordPress ont de la chance car ce logiciel est compatible avec de nombreux thèmes et plugins. Avant de pouvoir créer un thème réactif, vous devez en apprendre davantage sur les thèmes WordPress et les feuilles de style CSS. L’utilisation de CSS est le meilleur moyen d’ajuster la mise en page, les couleurs et la taille de votre site. Vous pouvez utiliser le CSS pour concevoir votre site web, changer le type de police, ajuster la taille de la police, et bien plus encore. Une fois que vous en saurez plus, vous pourrez utiliser le CSS pour créer des styles personnalisés pour différentes tailles d’écran. Ne vous inquiétez pas si votre site semble différent sur les navigateurs d’ordinateurs portables et sur les navigateurs d’ordinateurs de bureau. C’est une bonne chose, car cela signifie que votre site fonctionne de manière fluide pour vos visiteurs, quel que soit l’appareil ou le navigateur qu’ils utilisent.
