Parfois, l’affichage du contenu d’un site Web sur un téléphone mobile donne lieu à une expérience très différente. Cela peut être bon ou mauvais, selon la situation. Cependant, de nombreux sites essaient désormais d’afficher un contenu spécifique sur mobile.

Il existe en fait un moyen très simple d’afficher une page WordPress avec un contenu spécifique pour les mobiles. Vous n’avez pas à vous embrouiller avec du code, vous devez simplement avoir les bons outils et être prêt à faire un peu d’édition.

Voyons comment afficher un contenu spécifique pour les appareils mobiles. Cela permettra aux utilisateurs de WordPress de voir et d’expérimenter les choses différemment lorsqu’ils regardent une page ou un article mobile de votre site Web.

Pourquoi afficher un contenu spécifique sur mobile ?

Les mises en page spécifiques aux mobiles des articles et des pages ont commencé à devenir très pertinentes. Google a introduit AMP il y a quelque temps. Bien qu’il s’agisse d’un outil d’optimisation des recherches, il a permis aux propriétaires de sites Web d’être plus attentifs à la façon dont leur contenu s’affiche sur les appareils mobiles.

La plupart des pages et des articles de la version mobile de WordPress s’afficheront automatiquement et correctement grâce au thème. La plupart des meilleurs thèmes WordPress sont adaptés aux mobiles et réactifs.

Ceci étant dit, il peut y avoir des articles et des pages qui sont tout simplement trop chargés de contenu pour que les utilisateurs mobiles de WordPress puissent les afficher correctement.

Une autre chose à laquelle il faut penser est que vous pouvez vouloir afficher différentes versions de la même page ou du même article sur les appareils mobiles pour différentes raisons. Il se peut que vous souhaitiez un style ou un aspect différent, ou que vous souhaitiez que l’information soit différente en raison de l’appareil utilisé.

En relation  Comment désactiver certains plugins pour les utilisateurs mobiles sur WordPress ?

Au lieu d’avoir à se soucier d’un tas de code, j’ai trouvé un excellent plugin qui vous permettra d’éditer vos pages et posts habituels pour créer des versions mobiles à afficher.

Ce plugin vous donne la possibilité d’afficher facilement un contenu spécifique sur mobile. Jetons un coup d’oeil au plugin ensemble.

Contenu spécifique pour mobile

Le plugin Specific Content for Mobile vous permet de créer facilement des pages et des articles spécifiques pour les utilisateurs mobiles dans WordPress. C’est un excellent plugin si vous souhaitez ajouter, supprimer ou remanier un contenu spécifique pour qu’il s’affiche différemment en fonction des versions mobiles.

Il y a quelques règles que vous devrez respecter, mais dans l’ensemble, le plugin Specific Content for Mobile vous donnera la possibilité de créer avec succès des versions différentes des pages et des articles pour l’affichage sur les appareils portables.

Le plugin est en fait très léger, et selon l’auteur, il est compatible avec l’éditeur de bloc Gutenberg, l’éditeur classique, et tous les constructeurs de pages WordPress.

Jetons un coup d’œil à la façon d’installer et d’activer le plugin, ainsi qu’à la façon de l’utiliser.

Note :Avant de poursuivre, n’oubliez pas que ce plugin prend en charge les versions mobiles des articles et des pages. Il ne prend pas en charge les types de post personnalisés, les archives ou les termes.

Installer et activer le plugin

Afin de diviser vos articles et vos pages et de commencer à afficher un contenu spécifique pour les appareils mobiles, vous devez d’abord installer et activer le plugin. Vous pouvez le faire en allant sur la page des plugins située dans le tableau de bord d’administration de WordPress. Il suffit de rechercher le nom du plugin et il apparaîtra.

Une fois le plugin installé et activé, vous serez automatiquement redirigé vers votre liste de plugins.

Cependant, le plugin a maintenant ajouté un onglet pour les versions mobiles des articles et des pages. Cet onglet est situé dans l’éditeur.

En relation  Comment insérer des notes de bas de page dans les messages WordPress

Voyons comment y accéder et ce que vous devez faire pour afficher le contenu des appareils mobiles à vos utilisateurs WordPress.

Modifier les articles et les pages pour afficher un contenu spécifique sur mobile

Comme indiqué ci-dessus, le plugin est très léger et prêt à être déployé dès sa sortie de la boîte. En fait, il n’y a pas de page de configuration principale pour le plugin. Il ajoute simplement un onglet et/ou un bouton d’édition dans la zone d’édition des articles et des pages de votre tableau de bord d’administration WordPress.

Pour accéder à vos pages, cliquez sur Pages All Pages. Cela vous amènera à toutes les pages que vous avez dans votre zone d’administration.

Vous êtes maintenant dans la section Pages de votre zone d’administration. Faites défiler la page que vous souhaitez modifier. Vous verrez apparaître une sélection d’options d’édition. Celles-ci dépendent de ce que vous avez installé.

Vous pouvez voir dans la capture d’écran ci-dessous que j’ai installé à la fois l’éditeur de blocs et l’éditeur classique. Vous remarquerez également qu’il existe désormais une option permettant de “créer une version mobile” de la page en question.

Vous pouvez donc cliquer sur ce lien, ou cliquer sur le lien de l’éditeur de blocs ou de l’éditeur classique. Celui que vous choisissez vous permet simplement de modifier la page pour qu’elle s’affiche pour les utilisateurs mobiles de WordPress.

Pour cet exemple, nous allons utiliser l’éditeur de blocs. Nous avons donc cliqué sur ce lien et la page correspondante est maintenant ouverte. Cette page est la version actuelle qui s’affiche pour les utilisateurs mobiles et de bureau.

Faites défiler la page jusqu’en bas à droite. Vous voyez qu’il y a maintenant un onglet déroulant intitulé “Version mobile”. Cliquez sur le bouton “Créer une version mobile” situé dans cette liste déroulante.

Une copie de la page est créée, uniquement pour l’affichage mobile. Vous pouvez maintenant modifier cette page comme vous le souhaitez. Toutes les modifications que vous apportez seront disponibles pour les personnes qui utilisent un téléphone portable pour lire votre site.

En relation  Comment recréer les URL WordPress dans Google

Vous saurez que vous modifiez la version mobile car la zone de menu déroulant mobile vous en informera.

Modifiez la page comme vous le souhaitez. Lorsque vous avez terminé, cliquez simplement sur le bouton “Publier” pour mettre en ligne la version mobile de la page.

Pour confirmer, quittez la partie édition et regardez maintenant la liste des pages dans votre zone d’administration. Vous verrez qu’une version mobile de la page a été créée et que vous pouvez la modifier à tout moment.

Voilà, c’est fait ! Vous avez réussi à créer un contenu spécifique pour les utilisateurs mobiles. Vous pouvez faire cela pour n’importe quelle page que vous voulez.

Note :Le processus est exactement le même pour les posts. Il suffit d’aller dans la section posts de votre tableau de bord et de modifier tous les posts pour les lecteurs mobiles que vous voulez.

Réflexions finales

La création d’un contenu spécifique pour les appareils mobiles peut constituer un aspect important de la conception et de la configuration d’un site. C’est particulièrement vrai si vous essayez d’afficher différents éléments ou informations en fonction du type d’appareil avec lequel une personne accède à votre site Web. L’accès mobile aux sites Web n’a cessé d’augmenter au fil du temps. Il est important que vous donniez aux gens une bonne vue du contenu de votre site WordPress.

Outre l’utilisation d’AMP pour modifier l’affichage de votre site (ce qui est en fait un processus totalement différent), la création d’un contenu spécifique pour les utilisateurs de mobiles est un excellent moyen de permettre aux visiteurs du site d’afficher facilement le contenu sur ces unités comme vous l’aviez prévu.

Avez-vous utilisé un autre plugin pour réaliser cette opération ? Trouvez-vous que la mise en page et les styles sont meilleurs sur les versions mobiles des pages et articles WordPress que vous avez créés ?