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 :
© Abel Poucet Webdesign - Motorisé par