WordPress for iPhone : ne pas confondre l’admin et l’internaute !

WP vient juste d’annoncer la sortie de WordPress for iPhone 2 qui est dispo sur l’App Store.
Comme son nom ne l’indique pas « WordPress for iPhone », cette application sortie en version 2 permet seulement d’éditer élégamment et agréablement son blog de son iPhone.
Ne pas confondre le versant de l’admin (éditeur et auteurs) et le côté l’internaute qui visite le site ou le blog.
Que faire donc pour la présentation (le thème) du site ?
Il existe plusieurs choix :

  1. – laisser son thème tel qu’il est. S’il est bien fait, le safari d’iphone va bien se comporter mais la navigation pas toujours aisée si les liens sont visiblement petits.
  2. – utiliser des thèmes et outils qui font faire des traductions automatiques de look – pas très personnalisé !
  3. – utiliser un sélecteur automatique de thème qui détecte automatiquement le navigateur classique ou d’un mobile comme l’iPhone.

C’est cette troisième solution que xiligroup a choisi. On peut ainsi personnaliser de façon très pointue la navigation sur iPhone et tirer partie des qualités css et javascript de Safari. Avec l’extension xilitheme-select, il est ainsi possible d’ajouter au thème courant un thème spécifique iPhone.
Avec votre iPhone (iPod Touch) vous pouvez le voir (et naviguer) sur ce site ou sur le site dev.xiligroup.com.
Cette approche est très pratique pour tout webmestre.
Si vous le souhaitez, contactez-nous pour des solutions et services personnalisés.
Pour les questions concernant le support, utilisez le forum.
M.

L’e-commerce dans la main : c’est possible !

[overflow]

La boutique en main
La boutique en main
Est-il possible avec le moteur WordPress et quelques plugins de réaliser une boutique qui sera dans la main de vos acheteurs ? Oui, voici quelques informations sur le kit (licence et service) proposé par xiliphone.mobi :
– L’interface optimisée pour l’iPhone et l’iPod Touch qui tire le maximum des potentialités du « webkit ».
– Des écrans clairs pour présenter les produits.
– Un panier lisible.
– Des additifs pour attirer l’attention pour des promotions ou prix spéciaux.
– …(same post in english here)[/overflow]

[overflow]

La liste
La liste
Un interface totalement adapté à l’iPhone
– pour une lisibilité optimum et une navigation très facile.
– Le maximum d’information (texte, illustration, prix,…).
– Et la possibilité de commander sans regarder la fiche détaillée de l’article par la présence du bouton « Ajouter au panier » inséré dans la liste.
– Un click sur la photo ou le titre permet un accès à la fiche du produit.
– Une mise en page des images optimisées pour un maximum d’informations.
– …[/overflow]

[overflow]

La fiche article
La fiche article
Un écran par produit pour des informations claires.
Une fiche article détaillée et claire :
Sont affichées les informations suivantes :
– Le nom de la boutique et son logo.
– Le produit et son prix.
– Une photo.
– Une mention spéciale optionnelle en surimpression translucide.
– Le descriptif.
– Le rayon (la catégorie) où est rangé le produit (on peut ainsi revenir aisément à la liste.)
– Un ajout facile au panier
– Un retour aisé à l’entrée de la boutique.
– Un accès direct au panier.
– …
[/overflow]

[overflow]

Le panier
Le panier
Un récapitulatif du contenu du panier lisible :

– Les produits sont listés avec les quantités.
– Les totaux contiennent la TVA si nécessaire.
– Les mentions pour la commande sont affichées sous le contenu du panier.
– La possibilité de changer les quantités avant de commander.
– En option, il sera possible d’avoir une synthèse « visuelle » du contenu du panier.[/overflow]

[overflow]

Mention prix spécial
Mention prix spécial
La transformation graphique des mentions « prix spécial » que fournit le module WPSC.
– L’ancien prix est barré !
– Le nouveau prix est indiqué en clair.
– La mention prix spécial est ajouté en biais.
– Les informations complémentaires sont sous l’image du produit
– …[/overflow]

[overflow]

Liste enrichie
Liste enrichie
Les mentions spéciales apparaissent dès l’affiche de la liste :
– La mention prix spécial en sur-impression sur fond translucide.
– L’ancien prix reste visible à côté du nouveau prix écrit lisiblement.
– L’information quant à l’existance de variantes de commande.
– L’étoile que l’on peut cliquer pour voir d’autres informations.

[/overflow]

Toutes ces spécifications sont consultables sur la boutique DemoShop F2V ici.

Le look de la boutique est bien évidemment différent si elle est visitée avec un navigateur courant (comme Firefox) ou avec l’iPhone. Certaines caractéristiques n’apparaitront que sur les iPhones (iPod Touch) avec l’OS 2.x.

[overflow]

xiliphone.mobi
xiliphone.mobi
A gauche, voici le look de cet article tel qu’un utilisateur d’iPhone peut le consulter.
[/overflow]
 

L’équipe xiligroup est à votre disposition pour mettre le look de la boutique en harmonie avec la charte d’identité de votre commerce.

MS 081119

Le plugin xilitheme-select est dispo

eshop admin
Le plugin
xilitheme-select permet de détecter quel navigateur est utilisé par l’internaute. Si c’est un iPhone ou un iPod Touch, il délivre un ensemble d’informations afin que le look et l’interface soit totalement adapté.
Le thème
A titre d’exemple, le plug-in est livré avec un thème spécifique pour l’iPhone.
Les spécificités pour l’iphone :
Le thème est compatible (et aussi la boutique) pour les utilisateurs d’iPhone ou d’iPod Touch. Il est compatible avec le plug-in e-Commerce (WPSC) de instinct.nz.
The demo shop F2&V (Fruits Flowers and Vegetables) is here.

La compatibilité
A ce jour, le plugin et le thème sont compatibles WordPress 2.6.x.

Le futur
Le plugin détectera non seulement les mobiles type iPhone mais les autres leaders du marché.

Q & R

Pourquoi sur Safari n’apparait pas le look « iphone » ?

Faute d’iPhone, vous pouvez voir l’apparence « iPhone » sous deux conditions :

  1. activer le menu « Develop » via les préférences
  2. choisir l’User Agent « iPhone »

Existe-t-il un simulateur ?

Oui : l’iPhone simulator livré avec le kit développeur iPhone.