Vous \u00eates ici, donc vous devez vous demander pourquoi votre site n’a pas la m\u00eame apparence sur un ordinateur portable que sur un ordinateur de bureau ou m\u00eame un appareil mobile. Vous \u00eates probablement un peu effray\u00e9 par cette d\u00e9couverte. Vous ne devriez pas l’\u00eatre, car ce n’est pas grave. Pour rem\u00e9dier au probl\u00e8me, vous devez en conna\u00eetre la cause sous-jacente. Plusieurs facteurs peuvent \u00eatre \u00e0 l’origine de ce probl\u00e8me. Par exemple, la taille de la police varie d’un ordinateur de bureau \u00e0 un ordinateur portable. Dans ce cas, le probl\u00e8me peut \u00eatre aussi simple que le type de police. Pour rem\u00e9dier \u00e0 ce probl\u00e8me, vous devez passer \u00e0 une police standard, telle que Kite One. Cliquez sur la fonction Customizer pour acc\u00e9der \u00e0 une liste de polices Google. Cliquez sur l’une des polices standard pour l’activer sur votre site web WordPress.<\/p>\n
Il est courant que les sites WordPress aient une apparence diff\u00e9rente sur plusieurs plateformes. Toutefois, la conception de base, les couleurs et la mise en page doivent rester les m\u00eames. Si vous utilisez un th\u00e8me r\u00e9actif, le design de votre site doit changer pour s’adapter \u00e0 l’appareil de l’utilisateur. Lorsque quelqu’un visite votre site sur un smartphone ou une tablette, son \u00e9cran est beaucoup plus petit. Si vous lui montriez votre design habituel, il serait trop grand et il devrait faire d\u00e9filer l’\u00e9cran de droite \u00e0 gauche de nombreuses fois pour lire votre contenu. Cela serait frustrant et le visiteur quitterait probablement votre site. Pour \u00e9viter cela, les th\u00e8mes WordPress r\u00e9actifs 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\u00e9gralit\u00e9 du design tant que la fen\u00eatre du navigateur est maximis\u00e9e. Si elle est r\u00e9duite, il se peut que l’utilisateur voie une version du m\u00eame site pour son ordinateur portable ou son smartphone. Dans la plupart des cas, votre page WordPress ne pr\u00e9sente aucun probl\u00e8me. Au contraire, vous utilisez un th\u00e8me r\u00e9actif pour que votre site puisse \u00eatre visualis\u00e9 facilement sur n’importe quel appareil. <\/p>\n
Il est souhaitable que la conception du site soit uniforme. Il serait \u00e9trange que votre page soit tr\u00e8s diff\u00e9rente pour les utilisateurs d’ordinateurs portables et pour les utilisateurs d’ordinateurs de bureau. Cependant, vous devez comprendre qu’il n’est peut-\u00eatre pas possible d’obtenir exactement la m\u00eame apparence. La page web devra \u00eatre adapt\u00e9e \u00e0 la taille de l’\u00e9cran 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, \u00e0 c\u00f4t\u00e9 de publicit\u00e9s et d’un champ de recherche \u00e0 droite. L’\u00e9cran est trop petit pour cela. Heureusement, vous pouvez rem\u00e9dier \u00e0 ce probl\u00e8me en pla\u00e7ant le champ de recherche au-dessus ou au-dessous du contenu principal de la page. Vous n’obtiendrez peut-\u00eatre pas le m\u00eame r\u00e9sultat, mais vous vous en rapprocherez. Pour ce faire, vous devrez utiliser un th\u00e8me WordPress r\u00e9actif ou une feuille de style CSS. Avec CSS, vous pouvez cr\u00e9er plusieurs styles en fonction de la taille de l’\u00e9cran de l’appareil de l’utilisateur. S’il utilise un petit appareil tel qu’une tablette, votre page web se r\u00e9tr\u00e9cira pour s’y adapter. Comme indiqu\u00e9 plus haut, la barre de recherche et les publicit\u00e9s seront plac\u00e9es au-dessus ou au-dessous du contenu. Tout le reste restera inchang\u00e9. Il en va de m\u00eame pour l’aspect g\u00e9n\u00e9ral de la page. En utilisant les feuilles de style CSS, le webmestre peut adapter divers aspects de la page web \u00e0 la taille de l’\u00e9cran de l’utilisateur. Par exemple, vous pouvez modifier la mise en page, la taille de la police, la largeur, l’emplacement des publicit\u00e9s, etc. Bien que vous ne puissiez pas obtenir exactement la m\u00eame 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’\u00e9cran de l’utilisateur et adapte le code en cons\u00e9quence. Cela signifie qu’un utilisateur d’ordinateur de bureau verra la version plein \u00e9cran de votre site. Si l’ordinateur portable a un \u00e9cran plus petit, le site sera affich\u00e9 dans une version r\u00e9duite. Pour les tablettes et les smartphones, les \u00e9l\u00e9ments de la page seront r\u00e9organis\u00e9s et compact\u00e9s. <\/p>\n