Il m’arrive parfois de me rendre sur mon blog depuis mon SmartPhone. C’est devenu tellement simple d’aller sur internet avec nos mobiles que certaines ébauches d’article naissent en « période nomade ».
Le problème de WordPress c’est que l’administration sur SmartPhone n’est pas super adaptée.
Bien entendu, il existe l’application « WordPress for iOS » qui vous permet de gérer vos pages, articles et commentaires depuis votre iPhone ou votre iBidule ; cependant cette application n’est pas très adaptée à toutes les utilisations, vous n’avez, notamment, pas accès à tous les menus de l’administration…
La gestion de vos articles depuis votre mobile peut se faire depuis d’autres OS grâce aux applications proposées par WordPress.
La page du plugin sur WordPress.org
Contenu du plugin
Ce plugin, en plus de proposer une interface similaire à l’administration classique de WordPress, vous permet d’avoir, en une seule installation, une compatibilité multiplateforme.
En théorie, bien entendu, car je n’ai pas suffisamment de moyens pour tester l’interface sur les multiples terminaux mobiles sur le marché à ce jour.
Ce plugin ne fait qu’adapter les styles de WordPress à une résolution plus petite grâce aux Media Queries de CSS3, et à quelques bidouilles en jQuery (bibliothèque déjà chargée par défaut dans l’administration de WordPress).
Voici une petite liste des quelques fonctionnalités du plugin :
- Élagage de quelques informations à l’écran (purement arbitraire pour le moment)
- Zoom à l’écran non bloqué, même si les styles sont adaptés
- Liens d’évitement (du pied de page vers le contenu, du contenu vers le menu, etc.).
- Défilement automatique vers le contenu lorsqu’un lien du menu est cliqué.
- La barre d’adresse sur Safari iPhone est automatiquement cachée.
Développement, limitations et bogues
L’administration peut-être modifiée par d’autres plugins ou thèmes spécifiques.
Ne pouvant prévoir l’injection de feuilles de styles et de JavaScript venant d’autres sources, il est fort probable que l’utilisation d’autres plugins liés à l’administration vienne perturber le bon fonctionnement de mon plugin. J’ai déjà améliorer la compatibilité de Juiz SMA avec les plugins Simple Image Sizes, WPML et Juiz User Custom Meta, mais des modifications seront certainement nécessaires au fil des versions de chaque plugin… (autant dire que ça ne pourra jamais être totalement bon).
Ce plugin est compatible avec la nouvelle administration de WordPress, aucune retro-compatibilité n’est assurée pour le moment.
Si jamais des pages classiques de l’administration de WordPress sont défigurées lorsque vous installez ce plugin, n’hésitez pas à me le dire pour que je puisse effectuer des modifications.
À venir
Si le temps me le permet, des fonctionnalités vont venir s’ajouter au plugin, avec notamment le choix d’afficher ou de cacher certains éléments du menu, des pages, des tableaux, etc.
Une tentative d’allègement sera faite également pour retirer les nombreux scripts JS ne servant plus lorsqu’on navigue avec un smartphone (glissé-déposé).
L’idéal serait de créer un thème d’administration complètement personnalisé, mais je n’ai pas eu le temps pour cela.
Mise à jour
Actuellement en version 1.1.7, le plugin support la nouvelle version de WordPress 3.4 ainsi que la gestion des touch event pour améliorer la navigabilité de l’espace d’administration.
Petite comparaison pour la route : WPMU.org – WP Mobile Admin plugins Compared
N’hésitez pas à me faire des retours sur votre utilisation du plugin 😉
Mise à jour WordPress 3.8
Depuis WordPress 3.8, l’administration est automatiquement responsive. Elle devient incompatible avec Juiz SMA. Je vous invite donc à désactiver ce plugin pour une meilleure expérience.
Cependant WordPress n’a pas encore compris tous les enjeux ergonomiques à ce niveau et semble proposer un espace d’administration inachevé sur mobile. Il est possible que Juiz SMA vienne prochainement combler ce manque.
Merci.
Partager la publication "WordPress Plugin – Adapter l’administration de WordPress à votre SmartPhone"
Quelle bonne idée ce plugin !!
Alors j’ai testé sous android 2.3, cyanogenmod 7 browser natif (comme ça tu peux l’ajouter à ta liste de compatibilité) :
– il faut désactiver la bar d’admin dans l’admin, sinon on se retrouver avec un truc pas beau en haut (http://minus.com/mKTTWIxJU#4) mais une fois désactivé c’est ok (http://minus.com/mKTTWIxJU#2)
– petit bug sur les titres dans la liste des pages (et posts) : http://minus.com/mKTTWIxJU#1 on voit juste la colonne « commentaire » (vide chez moi).
Sinon le reste marche très bien (cf tous les screens : http://minus.com/mKTTWIxJU)
Testé sur l’ipad aussi for fun
Wahou !
Merci beaucoup 🙂
J’avais complètement zappé qu’on pouvait activer la barre d’admin même en back-office. Ce sera corrigé rapidement.
Pour les tableaux c’est déjà limite sur iPhone après avoir bien ramé pour trouver des solutions, alors je m’attendais un peu à ce type de comportement sur les mobiles que je n’ai pas pu tester.
Je vais revoir complètement cette partie là en affichant les cellules les unes en dessous des autres…
Encore merci pour ce retour hyper détaillé !
Fonctionne très bien sur android 2.1 (je suis à la bourre dans les versions :/ ) et firefox en navigateur.
Le petit souci vient du fait que j’ai la version wordpress normale, et en dessous, ta version. Je ne sais pas si c’est normal, ou si j’ai raté une étape.
Et il y a quelques contenus qui sortent de leur cadre (certains se remettent bien quand je mets l’écran en horizontal), mais c’est pas non plus gênant.
En espérant t’avoir aidé 🙂
Hello,
Merci pour ton intervention.
Je n’ai pas bien compris quelle version tu as de WordPress…
À moins que tu ne parles des CSS qui viennent surclasser les styles existants ?
Quels sont ces contenus rebelles ?
Merci pour ces précisions, cela m’aidera à améliorer l’interface 😉
J’ai la version 3.2.1 de wordpress, mais je parlais que j’étais en retard niveau version d’android 😉
Comme les images valent mieux que de longs discours :
j’ai la version normale de wp (http://www.uppy.fr/up-6635.png) et en dessous la version juiz (http://www.uppy.fr/up-6636.png).
Pour les « bugs » : http://www.uppy.fr/up-6637.png et http://www.uppy.fr/up-6638.png
J’avais un exemple plus « probant » tout à l’heure, mais je l’ai perdu 🙂
Re,
Merci pour ces retours en images, ça va m’être bien utile 🙂
Le comportement de l’interface est normal.
L’organisation des éléments a été choisi ainsi : le menu en premier, puis le contenu en dessous.
Normalement au chargement d’une nouvelle page tu dois être renvoyé automatiquement à son contenu pour t’éviter d’avoir à scroller tout le long du menu à chaque fois.
Les boutons en pied de page et à droite du titre de la page te permettent de passer d’une section de la page à l’autre pour gagner du temps.
Il ne s’agit bien qu’une surcouche CSS avec une touche responsive. Je n’ai pas réinventé le design de l’interface.
Je regarde ça dans la semaine pour corriger les bogues d’affichage.
Encore merci 😉
L’affichage devrait maintenant être corrigé sur ces points. Mais difficile de l’assurer sans pouvoir tester en live 🙂
La nouvelle version inclus une petite page de réglage qui devrait s’étendre au fil des versions.
Rah. Je me déconnecté et reconnecté pour être sûr, mais les problèmes d’affichage sont toujours là. En mode vertical, no problèmo: http://www.uppy.fr/up-6677.png. En mode horizontal, toujours le bug : http://www.uppy.fr/up-6678.png.
En même temps, c’est pas simple pour toi de corriger sans avoir d’android sous la main.
Mais si ça se trouve, les soucis viennent de ma version d’android.
Par contre, je n’ai pas trouvé la page réglage :/
Hello,
Merci pour ces nouveaux retours.
La page réglages se trouve dans le sous-menu Apparence, elle s’appelle Apparence Admin Mobile.
Si tu ne l’as pas c’est que tu n’as pas la version 1.1.1.
Il est possible qu’une partie de mes corrections ait sauté. J’ai perdu mon fichier CSS après une fausse manip hier soir, j’ai pu le récupérer grâce à l’outil de récupération de windows, mais je n’ai pas pu tout revérifier.
Bizarre que ces éléments restent ainsi présentés, ils ne devraient pas déborder du cadre, ils ne sont ni flottant ni en nowrap…
Encore merci 😉
C’est bon, j’ai trouvé l’apparence admin mobile. C’est juste que j’avais pas les yeux en face des trous ce matin.
J’ai aussi essayé avec le navigateur par défaut de mon téléphone, mais les bugs sont identiques.
Bon courage ! 😉
En fait je viens de remarquer qu’en mode horizontal, le plugin n’était plus activé sur ton smartphone.
Il doit y avoir une différence d’interprétation de la technologique que j’utilise, ou un changement d’identification de la largeur de l’écran.
Je vais essayer de cibler plus large pour voir si ça fonctionne mieux chez toi.
Je fais ça pour la prochaine mise à jour 😉
PS : j’ai rajouté un lien Settings dans la gestions des Extensions pour mener directement à la bonne page de paramétrage. Idem, je la mettrais dans la prochaine mise à jour.
Le plugin a été mis à jour aujourd’hui même.
Il prend en charge la nouvelle branche de WordPress (3.3).
Plus aucun souci d’affichage. Ça marche nickel.
Tu peux ajouter Cyanogen 7.1 avec firefox dans la liste des compatibilités.
Merci pour la maj 🙂
Super !
Merci pour tes tests 🙂
Le plugin passe en version 1.1.7 avec prise en charge du touch optimisée, compatibilité à WordPress 3.4, prise en charge du drag and drop (testé sous iPhone)
Juiz Smart Mobile Admin
Sous le navigateur par défaut d’androïd, ça a l’air de fonctionner nickel.
Merci bien !
Merci pour l’info 🙂
Bonjour Geoffrey:
I’ve noticed that in 3.4.2 it causes an error to be thrown:
Notice: Undefined index: meta in wp-includes\class-wp-admin-bar.php on line 108
When I deactivate the plugin, the error goes away. (This is on a development server).
Thank you for your feedback 🙂
Does your top admin bar activated ?
You can try by opening the main PHP file of this plugin. Line 108, replace
'title' => $title,by
'title' => $titleI think this typo can fix the issue.
Thank you
The trailing comma (,) in an array is valid. The solution was actually to pass an empty array to the function. Which is odd, as the WordPress code merges the existing parameters – but it doesn’t work for meta.
$wp_admin_bar->add_node( array(
‘id’ => ‘my-account’,
‘title’ => $title,
‘meta’ => array(),
) );
I’ll update my code.
Thank you again Jeff 😉
In fact, I seen my local 1.1.8 version of this plugin. I made the correction 4 months ago, in the same time of the CSS optimization for WordPress 3.5.
So, new version coming soon with WordPress 3.5 optimization.
J’adore l’idée et le plugin semble de loin être le meilleur. Sauf que il a pas l’air de fonctionner avec wordpress 3.5 (testé avec android 4.1/SGS 3).
J’ai toujours l’admin par défaut qui s’affiche :'(
Merci 🙂
Un peu de patience, je viens juste de le mettre à jour et le publier. Tu devrais être notifié d’ici peu.
Bonne soirée.
Yes 🙂
Mise a jour !
Super boulot !
Merci!
(Question subsidiaire : Maintenant même sur le pc j’ai l’admin pour smartphone, c’est normal ?)
Hello,
Oui c’est normal : je me suis royalement planté dans une partie de mon code.
Je mets ça a jour ce soir. Navré pour le dérangement.
*Mis à jour*
Et maintenant WordPress intègre enfin une admin mobile de base…
Mais bravo pour l’initiative avant gardiste. Maintenir une maj au fil des versions, il fallait oser.
Hello,
En effet, et je l’utilise actuellement. Cette version d’administration compatible smartphone de base sur WordPress 3.8 laisse cependant à désirer. Beaucoup de manques et d’erreurs en ergonomie et accessibilité.
Je pense que je vais facilement trouver une seconde vie à ce plugin, quitte à le réécrire en grande partie, au moins pour terminer le travail de ce nouvel espace d’administration qui me semble inachevé.
Bonne journée et merci 🙂