Il existe plusieurs façons de gérer les visiteurs mobiles. Une façon consiste à utiliser une conception réactive qui utilise le même code HTML que la conception de votre bureau, mais modifie la façon dont la page est affichée à l’aide de CSS. Cette méthode est privilégiée par les moteurs de recherche tels que Google car elle garantit qu’il n’y a qu’une seule URL par page.
Une méthode alternative consiste à créer une application mobile pour vos visiteurs. Cela vous permet de personnaliser la façon dont votre contenu est affiché aux visiteurs, mais cela signifie que les visiteurs ne visualisent pas votre contenu en utilisant la même URL que celles sur les ordinateurs de bureau.
Aujourd’hui je voudrais parler du plugin WordPress WPtouch. Le plugin détecte lorsque les visiteurs mobiles consultent une page et leur affiche un thème mobile élégant et convivial.
Ce qui surprend beaucoup de gens avec WPtouch, c’est qu’il offre le même type d’interface que l’on attend d’une application mobile dédiée ; Cependant, le plugin affiche simplement un thème personnalisé pour les visiteurs mobiles. Il offre donc l’expérience utilisateur améliorée plus associée aux applications mobiles dédiées avec les avantages SEO plus associés aux conceptions réactives régulières.
Le plugin donne également aux visiteurs la possibilité de désactiver WPtouch et d’afficher la conception du bureau de votre site Web sur leur smartphone. C’est une fonctionnalité utile car de nombreux smartphones ont des écrans de 5 pouces de diamètre ou plus, donc les visiteurs peuvent préférer voir le design normal.
WPtouch fonctionne très bien dès la sortie de la boîte, mais le plugin vous donne un énorme contrôle sur la façon dont votre conception mobile. Examinons plus en détail ce que le plugin peut faire.
Paramètres de base
Le titre de votre design mobile sera par défaut le titre de votre site Web, mais il vous donne la possibilité de le changer. Il existe également un mode de prévisualisation pour les administrateurs et une boîte pour ajouter Google Analytics et d’autres codes personnalisés.
Le plugin vous permet de désactiver les codes courts de style lorsque la conception mobile est utilisée. Ceci est utile si vous utilisez des codes abrégés qui n’auront pas l’air bien avec les plus petites dimensions du thème mobile.
Vous pouvez également désactiver WPtouch pour des URL spécifiques et définir sur quels appareils WPtouch sera utilisé. La grande majorité des user-agents sont déjà définis, y compris les appareils iOS, Android, Blackberry et webOS.
Thèmes et extensions
WPtouch est téléchargeable gratuitement, mais une version premium est disponible à partir de 49 $. La version gratuite est livrée avec un design appelé Bauhaus. Quatre conceptions supplémentaires sont incluses avec WPtouch Pro.
WPtouch Pro fournit également trois extensions qui améliorent les fonctionnalités du plugin. Cela comprend un module de mise en cache, un module qui réduit la taille des images pour les utilisateurs mobiles et un module qui vous permet d’afficher un contenu spécifique aux utilisateurs mobiles.
Réglage des thèmes
Les paramètres utilisés sur votre site Web principal, tels que le nombre d’articles de blog affichés, peuvent également être modifiés pour votre conception mobile. Vous pouvez également choisir si les catégories, les détails de l’auteur et les commentaires sont affichés.
Le curseur de thème peut afficher vos derniers articles de blog, des articles avec une étiquette spécifique ou des articles d’une catégorie spécifique (par exemple, des actualités). Vous pouvez également choisir les publications et les pages exactes qui doivent être affichées à l’aide de l’ID de la publication et de la page.
Les polices et les couleurs du thème peuvent être facilement modifiées via la section de marque. Vous pouvez également télécharger le logo de votre site Web, afficher des liens vers les réseaux sociaux et créer votre propre pied de page HTML personnalisé.
WPtouch vous permet également de modifier les icônes qui s’affichent pour les utilisateurs Android et iOS lorsqu’ils mettent votre site Web en signet.
Menus
Le plugin utilise le système de menu WordPress. Il est donc facile de personnaliser le menu du haut. Tout ce que vous avez à faire est de créer un nouveau menu, puis de l’affecter dans la zone des paramètres.
Des icônes peuvent être associées à chaque élément de menu. Tout ce que vous avez à faire est de faire glisser et de déposer l’icône de votre choix sur l’élément de menu correspondant.
Douze jeux d’icônes sont inclus avec le plugin. Tous les ensembles sont inclus dans la version gratuite du plugin, vous n’avez donc pas besoin de mettre à niveau pour modifier les icônes utilisées. Il existe également une option pour télécharger vos propres icônes.
Conception mobile
Toutes les options de configuration du monde ne signifieraient rien si la conception mobile n’était pas bonne. Heureusement, ce n’est pas le cas. Comme je l’ai mentionné au début, la conception a l’apparence que vous associeriez normalement à des applications mobiles dédiées. La conception professionnelle est superbe et le contenu est facile à naviguer.
Les visiteurs peuvent accéder à d’autres publications et publier des commentaires comme ils le feraient sur la conception de votre bureau.
Aperçu
WPtouch est l’un de mes plugins WordPress préférés. C’est de loin le moyen le plus simple et le moins cher de créer une version mobile de votre site Web. Cela en fait un excellent choix pour ceux d’entre vous qui n’utilisent pas déjà un thème réactif.
Même ceux d’entre vous qui ont un design réactif peuvent vouloir changer. Les développeurs affirment que leur conception mobile se charge deux à trois fois plus rapidement que la plupart des conceptions réactives. Je n’ai pas testé cela moi-même, bien qu’il soit logique qu’une conception minimale soit plus rapide à charger.
La version gratuite du plugin a tout ce dont vous avez besoin, mais vous pouvez envisager WPtouch Pro afin de profiter des extensions. En particulier, le plugin de mise en cache semble pouvoir améliorer considérablement les temps de chargement car il reformatera les images à la volée pour l’optimiser pour différents appareils. La version premium du plugin vous donnera également accès à un système de support de billetterie unique.
Je vous encourage à donner le version gratuite de WPtouch un essai d’abord. Si vous aimez ce qu’il fait, vous pouvez alors vérifier s’il vaut la peine de le mettre à niveau.
J’espère que vous avez apprécié cette revue. Si c’est le cas, je vous encourage à vous abonner à Themelocal pour des mises à jour sur nos derniers articles 🙂
Kévin