Téléchargez ci-dessus le fichier MobileSPIP.
Vous pouvez utiliser librement ce squelette et le modifier à votre guise, si vous le faîtes, merci de pointer un lien vers cette page.
Ce dossier contient la bibliothèque iUI, un dossier "mobile_img", un fichier "mobile.css" et 3 fichiers HTML (mobile.html, mobile_article.html et mobile_auteur.html)
Vous pouvez tester une version ici : http://abel.foxylounge.com/spip.php...
Ce squelette est basé sur la librairie iUI de Joe Hewitt.
Installation
Pour l’installer sur votre site SPIP, glisser le contenu du dossier dans votre dossier squelette et rendez vous sur la page (en 1.9.x) :
www.votre-site.com/spip.php?page=mobile
Personnaliser votre ’apple-touch-icon’
Il s’agit d’une sorte de super favicon utilisé par l’iPhone / iPod Touch pour rajouter un accès direct à un site sur le springboard (le "bureau" de l’iPhone). Vous trouverez plus d’informations sur cette page.
Pour personnaliser l’apple-touch-icon de votre site Mobile-SPIP, placez votre image apple-touch-icon.png dans le répertoire squelettes. Elle viendra surcharger l’icône fournie par Mobile-SPIP.
Chantier
Liste des fonctions non opérationnelles à ce stade :
Formulaire recherche
forums
lien externes dans les articles
gestions des pièces jointes (peut-être à désactiver pour éviter des chargement lourds de fichiers non-lisible par l’iPhone)
Au final, la compatibilité avec les autres navigateurs mobiles (Opéra, Android ...)
La bibliothèque iUI force tous les liens a être appelés dans la page courante en AJAX, sauf si le lien contiens un "taget="_self".
Cela bloque les lien vers l’extérieur du site sur l’iPhone, pour pallier à ce problème, j’ai pensé au plugin couteau-suisse et à sa
fonction "SPIP et les liens externes" qui ajoute un "target="_blank", que l’on peut aisément remplacer par un "target="_self", à
chaque lien "externe" en installant la fonction jQuery suivante :
<!-- insert_head -->
<!-- Debut header du Couteau Suisse -->
<script type="text/javascript"><!--
/* JavaScriptCompressor 0.8 [www.devpro.it], thanks to Dean Edwards for
idea [dean.edwards.name] */
jQuery(document).ready(function(){if(1){$(
"a.spip_out,a.spip_url,a.spip_glossaire"
).attr(
"target"
,
"_blank"
);}});
// --></script><!-- Fin header du Couteau Suisse -->Cependant, cela ne marche pas, le script, n’est pas interprété dans la page appelée en AJAX. Je ne connais pas toutes les subtilités de l’AJAX et n’ai pas beaucoup de temps en ce moment pour m’y pencher mais je compte régler ce problème bientôt.
À signaler que le script n’est pas interprété même si il est dans la page appelée.
Si vous avez une solution, merci de poster ci-dessous.
BONUS : Une présentation de la bibliothèque iUI par son créateur Joe Hewitt :
Vos commentaires
# Le 17 juillet 2008 à 20:55, par Jacques En réponse à : MobileSPIP : Un squelette optimisé pour l’iPhone/iPod Touch basé sur iUI
Bonjour ,
mon site est le suivant : seishokan.be.ma , j’avais vu le web toolkit de beeweb permettant à Wordpress , Joomla d’être vu par des Ipod ou Itouch ou tout autre mobile , dommage le cms spip pas repris.
Sur la zone de spip , on m’a recommandé Ispip , plugin que j’ai installé cependant....
Le site tourne sous spip 192d et le squelette sarka 2.02 , j’ai installé le plugin Ispip.Vu que je n’ai pas de Ipod ni Iphone ,j’ai utilisé Safari comme recommandé cependant lors de ma demande de référencement Ipod et Iphone , l’admin du site m’a renvoyé ce message :
"PArcontre il y a des problemes avec pour plug in spip. Il est pas possible de revenir dans les pages precedente, et le format de la page n’est pas bonne...."
Comment puis-je corriger ce blème car en regardant le site avec safari , cela me semblait bon toutefois ....
Une petite aide serait la bienvenue ! Un truc à ajouter peut-être ? N’étant qu’au début de la création de site , le php n’est encore vraiement mon truc pour l’instant.
Bien à vous ,
PS N’ayant qu’un PC sous Win Xp sur une partition et Ubuntu sur l’autre,aucun Mac à disposition par conséquent comment simuler un Ipod ou Itouch ?
E-mail:sei_sho_kan yahoo.fr
Répondre à cet article
Suivre les commentaires :
| 