Adapter un site SPIP à un terminal mobile
Le site vient d’être mis à jour et utilise un thème et un squelette ZPIP pour SPIP qui permet un rendu adapté aux dimensions de l’écran du terminal utilisé pour le consulter.
J’en parlais ici, j’ai mis à jour ce site en utilisant le triple principe de fluid grids, fluid images et media queries.
Pour cela j’ai créé un thème et un squelette ZPIP qui utilisent des outils communs à la plupart des webmasters :
Feedburner pour le flux RSS
les derniers tweets d’un compte Twitter pour dynamiser le contenu du site
Google Analytics pour la mesure d’audience
Pour améliorer le graphisme du site, j’ai aussi utilisé :
ce set de sketched icons
cet autre set de sketched icons
l’application iPhone ShakeItPhoto pour donner un rendu sympa aux icônes
Le même site pour consultation sur iPhone
Ainsi, avec une instance de SPIP et sans configuration Apache, le contenu du site s’adapte automatiquement aux dimensions de l’écran sur lequel il est consulté. Voici par exemple le rendu de la home page sur un iPhone en orientation portrait et en orientation paysage :


A propos de ZPIP
J’utilise donc le plugin ZPIP pour le CMS SPIP pour lequel j’ai créé un thème et un squelette. Je viens de mettre à disposition ces 2 composants, pour le moment destinés à fonctionner ensemble. Vous pouvez donc les utiliser dès maintenant pour votre site ! Pour cela, cliquer ici !
N’hésitez pas à me fournir vos remarques à son sujet sachant que j’ai déjà identifié quelques bugs que je corrigerai bientôt dans une seconde version :
le formulaire de recherche est absent de la version mobile (ne trouvant pas de façon agréable de l’intégrer, j’ai choisi de ne pas l’afficher pour le moment, ce sera fait bientôt)
premier espace de taille aléatoire pour les listes quand le texte est justifié
le zoom n’est plus possible sur Safari pour iOS
le site désactive le rendu des flux syndiqués dans SPIP


255 Messages de forum