Avec la déferlante des smartphones et des tablettes, WordPress se devait de proposer des extensions adaptées.
Le problème évident que posent les smartphones est leurs écrans à la taille plus petite que celles des ordinateurs, et à affichage double, vertical et horizontal. En somme, et c’est vrai pour un tas d’applications, il fallait trouver des solutions permettant l’affichage correct des pages d’un site créé avec WordPress. Elles existent sous forme d’extensions à ajouter simplement à votre installation de WordPress. L’une d’elle, WordPress Mobile Pack, est assez conséquente et offre beaucoup de réglages – trop à notre goût – et au final, la qualité d’affichage et de navigation sont décevants. On en trouve d’autres ici et là, pas très probantes. La “meilleure” à notre avis est l’extension “WPtouch” que nous avons retenue pour sa simplicité de paramétrage, en quelques clics c’est réglé, et pour sa qualité d’affichage. Comme le montrent les images, les pages de notre site de test s’adaptent parfaitement aux écrans de l’iPhone et des smartphones Samsung Galaxy fonctionnant avec le système Android. Outre l’affichage, la navigation est logique et simple à l’aide de menus d’onglets déroulants, auxquels s’ajoutent des icônes proposant les fonctions de base : envoi de la page par courrier électronique, accès aux pages précédentes et suivantes, connexion aux réseaux sociaux Twitter et Facebook et possibilité de poster des commentaires sur le site. Vraiment, voilà un très beau travail parfaitement maîtrisé. Vous l’avez compris : commencez par cette extension avant d’en chercher une autre. Et c’est gratuit !
Insérer 2 printscreen
A insérer :
1) Un encart reprenant le texte suivant :
“Éviter de faire compliqué
Si la structure de votre site est compliquée, ce n’est pas bon dans tous les cas. Les internautes sont habitués à une certaine paresse et ne perdront pas de temps dans le dédale des pages et des liens. A fortiori s’ils consultent votre site depuis un smartphone dont l’écran est petit et où chaque tapement de doigt compte. Bref, faites aussi simple que possible … une tâche plus difficile qu’on ne l’imagine.”
2) Un second encart avec le titre “Installer … l’extension WPtouch et la régler
1.TELECHARGER L’EXTENSION
WPtouch n’est ni plus ni moins qu’une extension comme une autre. Pour la trouver, tapez son nom dans Google. Le premier lien de la liste pointe directement dessus. Une fois la page affichée, cliquez sur le bouton orange d’installation. Le téléchargement ne prend que quelques secondes. Enregistrez le fichier compressé (.zip) soit sur le bureau soit dans le dossier de votre ordinateur dans lequel vous avez rangé d’autres extensions.
2. INSTALLER WPTOUCH
Rendez-vous dans le Tableau de bord et sélectionnez le menu “Extensions” puis “Ajouter”. Ensuite, dans la nouvelle page, cliquez sur le lien bleu “Envoyer” situé en haut de la page. WordPress s’occupe de tout.
3. ACTIVER L’EXTENSION
A la fin de l’installation, rendez-vous sur la page des extensions installées via “Extensions” puis “Extensions installées”. Dans la liste, repérez “WPtouch” et cliquez sur le lien “Activer”.
4. AFFINER LES REGLAGES
Toujours dans la même page, cliquez sur le lien “Réglages”. Une nouvelle page s’affiche comme celle ci-dessous. Le seul changement à opérer consiste à sélectionner l’option “Images des articles à la une/Images mises en avant”. Vous effectuerez les autres réglages plus tard. Sauvegardez les options via le bouton en bas de page. Et maintenant, tapez l’adresse du site dans le navigateur Internet de votre smartphone iPhone ou Android.”
Insérer printscreen
3) Un troisième encart reprenant le texte suivant :
“Les options avancées
Une fois que vous serez satisfait de WPtouch, retournez dans la page des réglages. Notamment, les options de style et de couleur vous permettent de personnaliser l’affichage des pages sur les smartphones. Et il y a d’autres réglages bien sympathiques ! “