Note : le plugin est d’ores-et-déjà opérationnel. Cependant, ses fonctionnalités sont encore limitées (voir plus bas).
Historique
iSPIP correspond au portage sous forme de plugin d’un squelette développé par Abel Poucet et nommé MobileSPIP.
Principe
Une fois activé, ce plugin fournit une version optimisée de votre site pour l’iPhone et l’iPod Touch accessible à l’adresse http://monsite.example/spip.php?page=ispip
.
Exemples :
- iSPIP sur le site de Joseph
- MobileSPIP, le squelette original, sur le site de son auteur Abel Poucet.
- le squelette avec les nouvelles fonctionnalités (brèves, événements)
Installation
iSPIP étant développé dans SPIP-Zone, vous pouvez y récupérer la dernière version sous forme de fichier zip. Il s’active comme tout plugin (voir la documentation officielle).
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, créer une image PNG de 57x57 pixels ou plus, nommez-là apple-touch-icon.png
et placez là dans le répertoire squelettes
. Elle viendra surcharger l’icône fournie par iSPIP.
Compatibilité
iSPIP est compatible avec les plugins Accès restreint et Accès restreint par groupes : les rubriques en accès restreint seront normalement filtrées. Pour le moment, iSPIP ne propose pas encore de formulaire d’identification permettant d’avoir accès au contenu restreint.
Le plugin est compatible avec le plugin agenda2. La gestion des événements est faite sous forme de liste. Seuls les prochains événements sont gérés pour l’instant.
Nécessaire
Le plugin sélection d’articles qui permet de changer l’ordre des articles dans les rubriques.
Nouveautés
version 1.1
- intégration de la gestion des brèves,
- affichage des prochains événements ( plugin agenda nécessaire ).
- utilisation du plugin sélection d’articles pour changer l’ordre d’affichage dans les rubriques
Détecter un iPhone/iPod Touch et proposer une redirection vers iSPIP
En chantier...
Voici une liste non exhaustive de fonctionnalités à intégrer à iSPIP :
- Personnalisation et configuration avec CFG
- Gestion correcte des liens internes
- Internationalisation du squelette
- Ajout d’un formulaire de choix de la langue
- Gestion des traductions
- Gestion des forums
- Formulaire d’identification
- Gestion correcte des liens internes entre articles
- Détection de l’iphone sur les pages standard du site et proposition le cas échéant de basculer sur la version iphone
Discussions par date d’activité
57 discussions
Sitemap avec la recherche ici.
Répondre à ce message
Bonjour,
Voici ici le sitemap d’ISPIP, à mettre dans votre thème.
Une amélioration :
https://archive.org/compress/ARVOR-MABO.COM/formats=ZIP&file=/ARVOR-MABO.COM.zip
Répondre à ce message
bonjour
en gros, c’est un plugin pour mobile qui ne redirige pas vers les mobiles ?
intéressant comme concept.
excusez mon cynisme, mais des fois, je me dis, le dernier dev Spip à qui j’ai parlé me disait « vas faire du Wordpress ».
j’essaie de lui donner tord...
Répondre à ce message
Bonjour,
Quelqu’un a-t-il corrigé la gestion des liens internes ? Car cette correction serait bien utile...
Je pense aussi que ce plugin a été utilisé là : http://contrib.spip.net/iSPIP-THELIA. La gestion des liens internes a été corrigée, mais je ne sais pas si elle peut être récupérée...
Merci à d’avance pour votre réponse.
Répondre à ce message
Moi aussi j’ai du mal à utiliser ce plugin,
Je prefere utiliser un theme Zpip ou un squelette spip. Pour répondre a ta question j’utilise « CHATTERTON », il fontionne bien et il est détcté automatiquement
Répondre à ce message
Merci pour la mise à jour qui me permet enfin d’utiliser ce plugin fort utile.
il y a cependant un leger bug.
lors de la connexion à chaque session, tout les caractères accentués sont remplacés par d’autres, rendant peu lisible le contenu à afficher.
un simple rafraichissement permet d’afficher normalement le contenu.
Est-il possible de corriger ce bug ?
y aura-t-il dans une version future la détection automatique de l’iphone pour affichage ?
Pour ma part, je n’utilise plus ce plugin et n’ai pas le temps de m’y consacrer.
Je préfère travailler sur des solutions CSS permettant d’adapter le site à différentes tailles d’écran.
Les évolutions de ce squelettes seront donc fonction d’autres auteurs/contributeurs.
Cordialement
Bonjour j’ai essayer d’utiliser ce plugin interressant mais je n’arrive pas a le faire fonctionner....
Meme probleme que RJVALIN...
Je me suis rabbatu alors sur une version optimisé en cherchant sur le net, et la j’ai trouvé un squelette spip plutot réussi « Chatterton ».
Quelqu’un a t il essayé ?
Moi aussi j’ai du mal à utiliser ce plugin,
Je prefere utiliser un theme Zpip ou un squelette spip. Pour répondre a ta question j’utilise « CHATTERTON » et il fonctionne bien, il est détecté automatiquement.
Répondre à ce message
bonjour, la colonne Téléchargement(s) n’est pas très claire, il y va du :
Version 1.12.0 Pour SPIP 2.0, SPIP 2.1
et
Version 1.0.0 Pour SPIP 1.9 SPIP 3.0 (???)
Cdlt
Répondre à ce message
It has some CSS problems with SPIP 3.0.1.
Here is an example :
http://www.mobile.kabulpress.org
Répondre à ce message
Hello,
Hope you release a new version of this plugin for SPIP 3.1.
Thanks
Répondre à ce message
Hi,
Sorry I don’t know French. I installed this plugin and I wonder how to modify the header and the footer of the page.
Can you please explain it ?
Thank you
Répondre à ce message
Bonjoru, je viens de faire une mise à jour de votre plugin sur mon site et voila le message qui s’affiche....
Impossible d’activer le plugin ../plugins/auto/ispip_2_0
Nécessite SPIP en version [2.0.0 ;2.0.99] minimum.
voila ce qui est affiché sur mon site pour SPIP :
SPIP 2.1.10 [17657] est un logiciel libre distribué sous licence GPL
Est-ce un pb de mon site ou un bug du plugin ?
merci
Répondre à ce message
Bonjour,
Merci beaucoup pour ce plug-in.
J’ai un petit souci avec les liens externes à l’intérieur de mes articles : quand on clique dessus, ils ne s’ouvrent pas (sauf si on fait un clic droit et qu’on ouvre dans une nouvelle fenêtre).
Comment faire pour rajouter target=« _self » de manière automatique ? (je n’ai aucune target).
Merci beaucoup !
je pense que ce problème tient plus à spip lui même dans l’utilisation de la barre typo qui génère les raccourcis spip, qu’au plugin.
souvent j’ai été obligé de remplacer dans le target, le spipout par blank..
perso je souhaite que ces liens s’ouvrent sur une nouvelle fenêtre mais je n’ai pas trouvé où faire la modif.
avis aux amateurs confirmés !
D’accord, merci de ton retour.
comment as-tu fait pour remplacer dans le target, le spipout par blank.. Tu es allé dans quel fichier ?
Merci !
dans tous les fichiers comportant les hyperliens càd article breve... surtout site.html
remplacer class=« spip_out » par target=« _blank »
Ok, en fait mes liens ne fonctionnent toujours pas. C’est peut être effectivement lié à la barre typo.
Pourtant j’ai vu certains sites utilisant le plug in qui ont leurs liens qui fonctionnent bien (et d’autres qui ne fonctionnent pas...).
Si quelqu’un a une solution...
Tu peux donner les urls de ces sites ?
Salut tout le monde,
j’ai le même problème de liens externes... je ne trouve pas où iUI les gère.
Pour ma part, je souhaiterais que tous les liens à l’intérieur des articles s’ouvrent dans la fenêtre entière (_self) plutôt que dans l’interface iUI (en ajax) car ça pose pas mal de problèmes (pas de redimensionnement des pages par le navigateur DolphinHD sous Android, ouverture de PDF impossible...).
J’ai cherché sur http://code.google.com/p/iui/ mais je n’ai rien trouvé...
Voilà, si quelqu’un à une piste...
Merci pour ce plugin en tout cas :)
jeanmarie
La librairie UI utilisée pour iSpip est clairement destinée au seul navigateur Safari de l’Iphone. Il faut reconstruire sur une autre librairie pour proposer un squelette mobile multi-plateforme.
Si je peux me permettre, jai conçu un jeu de squelette qui semble fonctionner sur tous les navigateurs mobiles, et qui devrait resoudre votre probleme. Dans le cas contraire, merci de m’en avertir.
Plugin telechargeable ici
Article sur Spipcontrib en cous de validation..
Salut,
@ Cédric : ça se tient :) Merci pour la réactivité...
@ Seds : je teste ton plugin et je ferai des retours... merci pour l’info.
jean marie
Répondre à ce message
Bonjour à tous,
L’un de mes clients qui me commande un site bilingue, souhaite que je lui installe une version de son site pour IPhone. J’ai vu que la gestion des langues n’est pas encore supportée par ce plugin.
D’où ma question : avez-vous des conseils à me donner pour que ses visiteurs puissent accéder, selon leurs besoins, à une version française ou anglaise sur leur IPhone ? Par exemple : comment puis-je développer le multilinguisme dans le site normal pour que la consultation sur mobile gère le choix de la langue ?
Merci mille fois pour vos pistes et conseils.
Tout dépend comment est implémenté la gestion des langues dans tes squelettes.
Merci pour ton aide. En fait, c’est un peu le sens de ma question. Avant de démarrer le développement, j’aimerais savoir comment implémenter le multilinguisme pour que le passage sur IPhone se fasse au mieux. Merci d’avance.
Personnellement je te conseille de ne pas utiliser ce plugin qui n’est pas complet et, effectivement, ne gère pas le multilingue.
Je te conseillerai d’utiliser tout simplement une CSS distincte pour iPhone et autres mobiles que tu appellera dans head avec :
Ainsi tu géreras ta version mobile avec le même squelette que ta version desktop, tu peux donc gérer ton multilingue comme tu l’entends. Pour les CSS, tu peux t’inspirer de UiUI Kit : http://code.google.com/p/iphone-universal/
Tu perdras peut-être les animations de iUI mais de toutes façons elles sont lourdes et saccadent sur iPhone. Si tu veux à tout prix des animations tu peux essayer jQtouch, qui est basé sur jQuery et qui est fluide : http://www.jqtouch.com/
Bonne route !
Remarque très pertinente, les CSS permettent plein de choses ;)
Cette technique permet de rester dans les clous et de prendre en charge tous les OS mobiles. Pas besoin de faire un truc spécifique pour les iOS d’Apple.
Répondre à ce message
Salut et merci !
Je cherche en vain à faire fonctionner le plugin avec des boucles de pagination.
Y a t il une solution ?
Merci
Tu demandes quelque chose de compliqué, l’API javascript de l’interface est succepible de rentrer en conflit avec le javascript made by jquery utilisé natif dans spip.
pas facile de répondre autrement pour l’instant.
Ah, dommage....
Peut-on passer des paramètres dans l’url et les récupérer avec #ENV ?
J’ai une solution pratique qui fonctionne en utilisant le critère debut_xxx,10 dans une boucle article sur une page rubrique :
Tu peux envoyer le code modifié en privé que je valide ?
L’idéal serait de valider sur un site ... une URL, puis d’intégrer directement tes modifications dans le SVN de la zone ... c’est un peu fait pour ça ;)
Répondre à ce message
Bonjour,
Il me reste un petit problème pour lequel je sollicite votre aide.
J’utilise Sarka-SPIP et le mot clé « invisible » associé à une rubrique et aux articles qui ne doivent pas apparaître dans l’espace public. Il suffit d’ajouter à mes_fonctions.php dans /squelettes le code suivant :
Comment adapter le squelette iSPIP à cela pour que la rubrique « invisible » et son contenu n’apparaisse pas sur l’iPhone comme ICI ?
Merci
Résolu le problème ci-dessus avec un filtre interdisant l’accès à la rubrique qui regroupe les articles invisibles. Un peu brutal sans doute ...
Répondre à ce message
Bonjour,
Merci pour ce plugin.
Je ne dispose pas d’iPhone ni de Mac et je ne peux pas téléphoner toutes les 5 minutes à un malheureux équipé de la sorte pour lui demander si ça marche !
On peut tester l’apparence de ce qu’on réalise avec un simulateur d’iPhone. Il y en a plusieurs dont certains fonctionnent en ligne.
J’ai fini par dénicher iBBDemo2.
iBBDemo2 a l’avantage de simuler une connexion d’iPhone côté serveur, ce qui provoque sa détection comme le montre l’extrait suivant du log de notre hébergeur :
Il ne s’agit que d’un simulateur qui reproduit l’affichage sur un iPhone et pas d’un emulateur, il n’a donc aucune des fonctions propres à l’iPhone mais ça donne ça ...
J’espère que ça pourra être utile !
Répondre à ce message
cela fonctionne bien et avec le source, on peut arriver à ce que l’on veut.
il me reste juste un petit soucis dans les articles avec les liens internes écrit comme ceci
[lien interne->40]
.Fonctionnant avec des url propres, spip va me générer des url du style
http://monsite.com/une-url-propre.html
mais étant en train de naviguer via ispip, il faudrait rester dans une syntaxe du typehttp://monsite.com/spip.php?page=ispip-article&id_article=40
Par contre, dans les répertoires, cela est correctement géré pour adresser les articles
EDIT : mea culpa, je vois que c’est mis dans la liste des choses à faire
Répondre à ce message
Bonsoir
merci pour ce squelette, là je me retrouve devant un véritable casse-tête, je poste ici - car sur le site d’Abel, je n’arrive pas à laisser un message.
Donc j’ai pris son java script pour détecter un iphone et le rediriger par le prompt sur le squelette adapté pour iphone - ispip.
Sauf que j’ai fait une bêtise, en vouloir faire vite j’ai laissé l’adresse générique http://iphone.monsite.com/
- et me voilà piégé, même après correction, l’iphone, le mien, veux toujours ouvrir http://iphone.monsite.com/ je pensais d’abord que c’était mon iphone qui avait cela dans un cache quelconque - que je n’arrivais pas à effacer (après avoir vidé tous les cache de spip, y compris par ftp)
mais voilà que je fais tester quelqu’un d’autre avec le sein, même chose
ça doit donc être lié à spip, mais où
une idée ?
site culturelle
Merci pour tout
Martin
Bonjour,
je n’ai pas la réponse à votre question. Désolé.
D’autant plus que dans le code source de votre page j’ai bien :
...
Merci quand même, n’ayant pas trouvé la parade, j’ai fini par virer le script...
recommencerai peut-être plus tard.
Bonsoir,
J’ai eu le même problème que Tinou quand j’ai mis le script dans la page inc-head.html. Quand on l’insère entre les balises
du squelette sommaire.html, ça marche très bien.
Merci Abel pour ce beau plugin bien utile !
Bonne nouvelle !
D’autant plus que ne mettre l’avertissement uniquement sur la page d’accueil est moins envahissant pour le visiteur qui ne souhaiterait pas utiliser le site mobile.
Répondre à ce message
Bonjour
J’essaie de limiter à 10 le nombres articles affichés dans une boucle, mais ça ne semble pas fonctionner, est ce normal docteur ?
Merci pour le plugin
C’est mieux avec le code que j’utilise ...
En relisant mon script ce matin, j’ai trouvé la boulette que j’ai fait, c’est un erreur de ma part.
Merci encore
Répondre à ce message
bonjour
en personnalisant la page d’accueil, avec la liste des x derniers articles (titre+chapo), j’aimerais ajouter également le logo de l’art.
je voudrais faire un affichage de l’article en 2 colonnes dans le lien vers la page : titre+chapo à gauche et logo à droite réduit à 150/100 par ex.
seulement je n’y arrive pas. j’ai réussi à faire les colonnes mais à me fout un bins dans l’affichage général de la page : la barre « group » et les rubriques remontent et se mélangent aux articles. Oh ! Reur !
j’ai déjà vu ça en bidouillant le skel, mais là j’ai tout essayé sauf la bonne solution semble-t-il
une idée ? solution pour un affichage en colonnes sur iSpip ?
Répondre à ce message
ajouter les forums.
à mon niveau, je n’ai pas réussi à recréer les formulaires pour en poster en ligne, donc avec les codes suivants, ils seront juste en consultation et c’est déjà pas mal !
- ispip-article, ispip-breve, etc :
je n’ai pas réussi à inclure une page avec les codes globaux, donc je les ai mis sur chaque des pages en adaptant leurs codes respectifs
code pour ispip-article.html :
pour ispip-rubrique.html, ispip-breve.html, etc, remplacer id_article ? dans la BOUCLE_decompte et la BOUCLE_forums
- sur ispip.html, les 5 derniers messages - perso je les ai mis sous le groupe « Actualités »
- sur ispip_css.html :
ajouter :
peut-être changer le background de ul .forum-tete, car celui-ci est adapté au design du site sur lequel je travaille
je viens de m’apercevoir que le design css ne passe pas sur l’iphone..
re !
suffit de coller aussi les codes css de l’habillage de forums dans iui.css et iuix.css du dossier iui
;)
ci-joint une tof des forums/iphone. attention les couleurs originales ont été modifiées, donc à réadaptées par vos soins
Répondre à ce message
une dernière chose, plutôt une question :
lorsque les rédacteurs ajoutent des vidéos à l’interieur des articles à l’aide de lignes de codes récupérées sur youtube, dailymotion etc, avec les dimensions évidemment incluses dans les codes, les dimensions dépassent le format de l’iphone.
je ne souhaite pas modifier ces dimensions car cela les réduirait sur le site classique.
mais je voudrais limiter les dimensions des ajouts de vidéo par les rédacteurs des articles, car cela fait bugger l’affichage sur l’iphone lorsqu’on tourne l’écran pour passer en affichage horizontal, et que l’on revient en affichage standage
il s’agit souvent de codes
<embed width=...></embed>
ou encore<object width=...></object>
, des choses comme celà. j’ai essayé de créer une commande sur le css, masi évidemment ça marche pas !serait-il possible, et comment pourrait-on forcer ce genre de dimensions pour ispip ?
Répondre à ce message
merci beaucoup pour ce plugin, que je n’ai pas encore testé sur un autre smartphone que l’iphone..
petit soucis : le lien sur les images du portefolio renvoie sur le site classique
j’ai donc apporté une petite modif au skel afin de générer une page ispip-document
voici les codes :
1/créer un fichier ispip-document.html
y mettre les codes suivants :
2/ modifier ispip-article :
dans la boucle portfolio, remplacer
<a href="#URL_DOCUMENT" type="#MIME_TYPE" onclick="location.href='[(#URL_ARTICLE| (...)>
par
<a href="#URL_PAGE{ispip-document,id_document=#ID_DOCUMENT}">
Je viens d’intégrer les modifications sur le dépot de la zone.
Pouvez vous me dire, si tout est ok ?
revoir ispip-article :
dsl j’ai dû résumer le code original à remplacer, car la ligne de code était trop longue et m’empêchait d’avoir le bouton de validation pour poster mon message
donc tu remplaces ton code sur ispip-article qui enferme le
<a href....>
par celui que j’ai donnésoit
[<a href="#URL_PAGE{ispip-document,id_document=#ID_DOCUMENT}">(#FICHIER|copie_locale|image_reduire{0,100}|inserer_attribut{alt,[(#TITRE|supprimer_numero|attribut_html|couper{60})]})</a>]
dans la boucle portfolio
voilà c’est fait, merci pour ta contribution.
Répondre à ce message
Bonjour,
J’ai installé les plugin ISPIP, pour que mon site soit compatible avec les smarphones Iphone, Android et Blackberry, Ipad
Pour rediriger a partir de l’index de mon site, vers l’index sous ISPIP pas de problème voici la code :
<script type="text/javascript">
function iPhoneAlert() {
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/Android/i)) ||(navigator.userAgent.match(/BlackBerry/i))|| (navigator.userAgent.match(/iPod/i)))
{
location.replace("http://www.monsite.com/spip.php?page=ispip");
}
}
</script>
Mais pour rediriger les articles, vers les même articles sous ISPIP, c’est a dire de
http://www.monsite.com/spip.php?article79 vers http://www.monsite.com/spip.php?page=ispip#_art79
Je n’y arrive pas, le javascrip n’est pas trop mon fort, en sachant que les URL sous ISPIP sont comme suite :
http://www.monsite.com/spip.php?page=ispip#_art79
J’ai tenté comme ceci mais cela ne fonctionne pas
Avez vous une solution ?
Bonjour,
merci pour ce plugin.
J’ai un problème dont personne n’a encore parlé ici :
Dans ma page d’accueil sur iphone, mon titre « Recettes secrètes » devient « Recettes secrA »tes" (A avec un gna dessus...)
et au-dessous les titres de mes rubriques possédant des accents aigus ou graves me donnent la même chose : ApA@ritifs (en fait l’arobase est un signe copiright), EntrA@es...pour Apéritif, Entrées...
Une idée ? Merci.
vérifie les réglages de l’encodage (passe en utf-8 normalemene)t
Répondre à ce message
Bonjour,
je voudrais ne pas faire apparaitre certains éléments comme les cartes insérées Gogle maps et j’ai donc mis dans la css de ispip des display:none mais ils ne sont pas pris en compte.
Est-ce qu’il y a une syntaxe spéciale pour cette css ?
merci
dd
j’ai oublié de dire que ce plugin est nickel !
merci à l’auteur
dd
Répondre à ce message
Je pense qu’il serait bon d’indiquer ce lien dans la partie principe du plugin :
(je n’ai pas lu les 30 messages afin de vérifier si cela avait été fait...)
http://abel.foxylounge.com/Detecter-un-iPhone-iPod-Touch-et.html
On y explique comment faire pour que l’iPhone détecte le bon squelette...
Ajouté dans le corps de l’article.
Génial :D merci !
Répondre à ce message
Bonjour, j’utilise ispip, et j’ai un problème avec le formulaire ’ecrire_auteur’. Le formulaire s’affiche correctement, mais tous le processus qui suit n’est pas effectué. Les processus suivant l’entrée des données ne sont pas affiché. Est ce que ispip ne gère pas cette partie, ou bien , c’est un problème venant de moi ? Merci pour votre aide
Message passé en mode inapercue apparement. Merci quand même >_<.
Sujet Clos.
Répondre à ce message
Bonjour, j’ai un souci avec l’affichage de certaines rubriques. Lorsque je clique sur l’une d’elles rien ne se passe. Il semble que cela se produise lorsqu’une rubrique comporte des articles avec des redirections. Comment contourner le problème ? Quelqu’un a-t-il une idée ?
Merci
Philippe
Salut !
Peux-tu nous dire si l’adresse de la page change quand tu cliques sur cette rubrique ? (ou si vraiment rien ne se passe). A mon avis ça doit quand même te rajouter à la fin un « #rub1 » par exemple.
Bonjour,
effectivement cela met un #_rub35 à la fin de l’url comme les autres qui fonctionnent sauf que rien ne s’affiche le lien ne fonctionne pas.
A mon avis, ton problème vient du javascript qui n’est pas intégré. Vérifie que dans ispip.html, dans le head, tu as cette ligne :
<script type="application/x-javascript" src="#CHEMIN{iui/iui.js}"></script>
Et vérifie que le fichier iui est à côté et que le lien iui/iui.js est donc correct.
Test également de cliquer sur rechercher en haut à droite de ta page ispip, si ça ne fonctionne pas, le problème vient du javascript.
Bon courage :D
En fait tout est ok. Le javascript est présent dans le head. Le chemin vers iui/iui.js également.
De même, le clic vers Rechercher fonctionne. Une autre idée ? ;)
Répondre à ce message
Bonjour,
Ce plugin est très intéressant, et je voudrais l’utiliser. Mais...
J’ai lu les commentaires précédents, et je n’ai pas trouvé de piste pour ce qui m’intéresse :
J’ai placé tous mes articles destinés à l’iphone dans une rubrique spécifique, car il y en a peu, la rubrique 21 de mon spip (201 en local).
Je voudrais que ne s’affiche au lancement de l’interface iphone, que la rubrique 21 et ses articles
Je suis parvenu à ne lancer que cette rubrique à partir des liens du sommaire, mais celui ci affiche le contenu entier du site source, et je voudrais l’éviter.
J’ai placé « id_rubrique21 » dans les dossiers concernés, ce qui force les liens.
En attendant un peu d’aide,
Merci
Salut !
Je ne sais pas si j’ai bien cerné ton problème mais, si tu saisis, dans ta barre d’adresse, http://monsite/spip.php?page=ispip-rubrique&id_rubrique=21 (ou 201). Qu’est ce que ça te donne ?
Si ça ne t’affiche rien, c’est que ta rubrique et ses liens sont sûrement faux, si tu as tous les articles du site source, c’est qu’il y a une erreur dans la boucle qui récupère tes articles.
Bonjour, et merci pour ta réponse.
A l’ouverture du site sur iphone, je voudrais qu’il n’affiche que la rubrique 21 et pas toutes les rubriques du site.
Par contre, tout clic sur une rubrique renvoie vers la rubrique 21. C’est un début.
Le jpg montre ce que je vois lors de l’appel au site iphone (sommaire).
Par contre, ici le jpg montre ce que je vois lorsque je rentre ton adresse
En effet, pour le deuxième cas, c’est normal, avec ce type d’adresse, les liens css / js ne fonctionnent pas, c’est pourquoi la mise en forme est assez moche :P
Mais ce qui m’intéresse c’est : Est-ce que le résultat du deuxième screenshot correspond à ce que ta rubrique 21 doit afficher ?
Si tu veux, il est impossible d’accéder à la page http://monsite/?page=ispip#_rub21 directement, la version iPhone va obligatoirement te rediriger vers ta page d’accueil http://monsite/?page=ispip#_home (avec toutes tes rubriques, comme sur le screenshot 1).
Pour accéder à ta rubrique 21, tu dois appeler l’adresse http://monsite/spip.php?page=ispip-rubrique&id_rubrique=21, et redéfinir les css / js pour la mise en forme.
Mais déjà, est-ce que j’ai bien cerné ton problème :D ?
Je voudrais que l’ouverture du site iphone se présente comme ceci (c’est la rubrique 21), dés le sommaire, pour cacher toutes les autres rubriques, et leur contenu. (srceen shot obtenu après l’appel au site iphone puis clic sur la rubrique « A la une »)
Vu ta réponse, je pense que tu me conseilles un lien direct vers la rubrique 21 du site iphone(?)
Merci pour la rapidité de ta réponse.
Ok, donc ta boucle fonctionne bien, tu récupères les bonnes informations.
J’ai eu ce problème et j’ai pas mal galéré. Tu peux faire un test si tu veux. Tu démarres ton navigateur et tapes d’abord : http://monsite/?page=ispip#_rub21 (normalement tu tombes sur la page d’accueil)
Ensuite, tu tapes http://monsite/spip.php?page=ispip-rubrique&id_rubrique=21 (là, tu arrives où tu veux mais vive la mise en forme :P)
Et ben, pas de bol mais tu vas devoir opter pour la deuxième solution, (à moins qu’il y ai une autre solution, mais, ayant demander sur ce site-même, personne n’a trouvé d’autres solutions :P)
Ce que tu peux faire, c’est réécrire les liens et le head de ton id_rubrique21, en plaçant au début :
et à la fin de id_rubrique21 :
C’est la seule solution que j’ai trouvée et c’est franchement pas génial, surtout qu’il faut copier cet entête sur chaque page que ta rubrique pourra ouvrir, bof bof !
Merci, j’essaye
A+,Patrick
Rebonjour,
J’y suis parvenu, en remplaçant les lignes 45 à 47 des ispip.html
par ceci :
<li><a href="#URL_SITE_SPIP/spip.php?page=ispip-rubrique&id_rubrique=21">A la Une</a></li>
Je rappelle que ma rubrique 21 est exclusivement bâtie pour héberger les articles destinés aux présentations iphone.
Ça marche en local, et l’appel est fait sur la page sommaire :
http://127.0.0.1/spip.php?page=ispip#_home
Merci pour ton aide, je m’attaque au css.
Dernière question, sais tu comment placer un logo, comme dans la page d’exemple du plugin ?
Et bien sur, Merci
Ah oui, j’avais pas pensé à carrément remplacer la page d’accueil, pourquoi pas, dans ton cas ça me paraît même être le mieux !
Et pour le logo, aucune idée :P, bonne journée !
Merci, il faudra aussi enlever certains liens qui renvoient sur l’ensemble du site, par exemple (il doit y en avoir d’autres) : dans ispip_article.html , il y a un lien vers « tous les articles de cet auteur », de même que la recherche peut renvoyer vers des articles que l’on ne veut pas montrer.
Bonne journée !
Répondre à ce message
Bonjour,
Mon problème est le suivant :
Les liens qui se trouvent dans un article ne fonctionnent pas, car il doivent retourner sur la version classique du site.
D’où vient ce problème ?
J’ai eu un problème du genre, la redirection vers la version classique ne fonctionnait pas.
Personnellement, c’était parce que Ce lien me renvoyait à l’adresse de mon site mais avec des espaces (genre : « /Squelette iSPIP »), apparemment il ne reconnaît pas certains caractères, le mieux c’est de ne pas mettre de « _ », « - », etc.
Je sais pas si ton problème vient de là, bonne chance :)
Nous avons résolu le problème avec mon collègue.
Nous avons fait en sorte qu’il modifie les liens en direct pour rester sous ispip et pour ceux qu’on ne pouvait pas faire ça on a ajouté un target self.
Bonjour, pour l’ajout du target Self, comment faites-vous pour qu’il soit pris en compte ?
Cordialement.
Répondre à ce message
Bonjour, j’en profite pour poser moi aussi une question.
Lorsque je saisis l’adresse : « http://mon_site/?page=ispip#_art1 » dans mon navigateur, je suis automatiquement redirigé vers la page « http://mon_site/?page=ispip#_home ».
Est-ce qu’il faut saisir les adresses d’une manière différente pour accéder à une page particulière ?
Merci.
Si tu entres ton adresse directement dans la barre d’adresse essaye :
- http://mon_site/?page=ispip-article&id_article=#id_article
- http://mon_site/?page=ispip-rubrique&id_rubrique=#id_rubrique
#id_rubrique et #id_article correspondent au numéro de l’article ou de la rubrique souhaitée.
J’espère que c’est ce dont tu as besoin.
J’avais déjà essayer mais je rencontrais un problème :
La mise en page iPhone est perdue (voir screenshot).
Je suis en local pour l’instant mais j’ai testé sur un site et le problème est le même !
Comment peut-on garder la mise en page ?
Merci
Apparemment il n’y a aucun fichier .css qui s’applique lorsqu’on tape ce type d’adresse, problème de lien ? exception non gérée ? Je cherche :P
Est-ce qu’il existe une doc iSPIP svp ? Ou, pourrait-on m’expliquer les liens entre ispip.html et tous les autres fichiers html ? Merci
Bonjour Jaina,
la structure de iSPIP est basé sur le framework iUI dont vous pouvez trouver des infos par ici : http://code.google.com/p/iui/
Répondre à ce message
Bonsoir,
Tous d’abord, merci pour se plugin efficace.
Je souhaite que Ispip prenne en charge une page annonce.html , pour cela j’ai créer une page ispip-annonce.html, mis une boucle dedans et dans la page ispip.html j’ai créer une boucle ANNONCES (à la manière de la boucle_menu_princ(RUBRIQUES) du même fichier) qui créer les liens vers la page ispip-annonces.html , les liens se génère bien, au survol il ont la même forme que les rubriques :
spip.php?page=ispip-annonce&id_annonce=2081
Mais quand je clique dessus, ça m’envoi bien un nouvel affichage mais avec comme adresse :
spip.php?page=ispip#___5__
Hors il faudrait sans doute arriver à ça
spip.php?page=ispip#_ann1
Je pense que ça vient du javascript mais n’arrive pas à mieux cerner le problème.
Si vous avez une idée de ce problème, vient’il du fait que ce n’est pas un objet spip standard (article, breve, rubrique) ?
Merci.
Bonne soirée/nuit.
Quel est le squelette de votre page ispip-annonce ?
Bonjour,
Dans mon fichier ispip-annonce.html j’ai ce code (pour tester ma boucle)
Il s’agit d’une boucle qui utilise le plugin SPIPImmo.
Et dans ispip.html , j’ai ajouté ça pour faire le lien vers les annonces :
Voilà.
Nicolas.
Bonjour,
J’ai trouvé mon erreur, il fallait ajouté un div avec un id particulier pour que le javascript prenne le relais pour l’affichage,
donc le code ispip-annonce.html est maintenant comme ça :
Bonne journée.
Répondre à ce message
Oui c’est ça, Samuel, le fichier CSS (iUI.css) est dans le dossier iUI, les images sont dans ce même dossier. Tu peux bien sûr modifier les éléments d’interface à ta guise.
Répondre à ce message
Je souhaiterais adapter iSPIP pour mon site en modifiant l’aspect graphique de facon a ressembler aux application iphone du type « les inrocks » ou « le monde ».
Est ce realisable ?
Quel est la feuille de style a modifier sur iSPIP ?
Euhhh Désolé mais je ne saurai pas trop dire. Pour ma part, je n’ai pas développé le squelette, je l’ai juste passé en plugin. Il faudrait voir avec Abel Poucet.
iUi est une librairie graphique pour iPhone. Une grosse partie du design est donc gérée par iUi. Cependant les CSS utilisées sont celles définies par le fichier ispip_css.html
C’est ce fichier qui est chargé par ispip et non le fichier situé dans le sous-répertoire iUi qui lui est le fichier css d’origine.
Cordialement
Répondre à ce message
Quel est la difference entre le dossier « img_ispip » et « iui » puisqu’on retrouve les images dans les 2 dossiers ?
Répondre à ce message
Hello
Comment faire pour que l acces d un site via iSpip soit restreint a certains visiteurs seulement ?
Dupliquer les rubriques concernees et utiliser Acces Restreint ...
Une autre idee ?
Si vous utilisez Accès Restreint, les rubriques filtrées sur le site public sont normalement également filtrées avec iSPIP.
En effet, Accès Restreint surcharge toutes les boucles du site. Cela concerne donc tous les squelettes.
Cordialement
Répondre à ce message
Je me réponds à moi-même :
A priori pas de soucis avec « self » au lieu de « blank »
Répondre à ce message
Désolé,
Encore une question : Est il nécessaire pour iSpip d’ouvrir une nouvelle page pour chaque lien consulté ?
ça peut se régler ?
Répondre à ce message
Hello,
J’ai finalement modifié ma page d’accueil iSpip en excluant les rubriques non voulues
« id_secteur !IN 1,2,3,4 .... »
Merci
C’est en effet le plus simple, tu adaptes le squelette de la page d’accueil ispip et tu la place dans ton répertoire squelettes.
Une autre possibilité consiste à intégrer une option dans le fonds CFG d’iSpip et de modifier le squelette en conséquence : si on a lister une liste de rubrique à exclure dans le CFG, alors elles sont exclues de la page d’accueil, sinon on affiche tout.
Cordialement
Répondre à ce message
Bonjour Joseph,
Y a il un moyen (simple) de n’afficher que certaines rubriques du site lorsqu’on le visionne sous iSPIP (et non la totalité comme actuellement) ?
Merci d’avance de votre réponse
Répondre à ce message
Hello Joseph,
Aucune offense dans mes propos ;-) Simple joke
En ce qui me concerne ça bute sur www.copacamu.org
Merci beaucoup
Et l’article virtuel qui pose problème ?
Le plugin a été mis à jour pour tenir compte des redirections d’article (articles virtuels).
Utiliser une version récente (svn>=34769).
Cordialement
Répondre à ce message
Esprits de Abel Poucet, Joseph, jsb êtes vous là ??
Bonjour,
désolé de répondre tardivement mais quelques soucis personnels (vols d epapiers, ordi etc.) le tout en plein voyage.
Concernant les éventuels problèmes rencontrés, est-il possible d’avoir un lien vers les sites où le dit problème est rencontré ?
Cordialement
Répondre à ce message
Hello,
Merci pour ce plugin intéressant.
Je rencontre un ch’ti problème quand j’appelle un article redirigé : celui-ci est censé pointer sur le document pdf d’un site tierce, mais c’est en fait la rubrique mère dudit site qui s’affiche.
Est ce une des limites du système ?
Bonne journée
Répondre à ce message
Bonjour,
Il semblerait qu’il y ait un soucis avec les documents. Sur mon site avec ce plugin, le lien de mes documents (des images) pointent vers le fichier dans IMG. Jusque là, pas de soucis.
Je clique pour le visionner et là, je suis redirigé vers le site classique et non une version ispip...
Merci aux auteurs de ISPIP c’est presque parfait.
Cependant, je bute, également, sur l’affichage d’images même chose a partir d’un formulaire de « Forms & Tables »
Vos informations seront appréciées...
Répondre à ce message
Merci pour ce squelette « Mobile ».
La gestion des brèves est intéressante, mais son affichage avant les articles me surprend (d’un point de vue du choix éditorial et de la faible utilisation).
La page d’accueil est dédiée au sommaire : une version avec l’actualité ou de type blog serait aussi attractive.
Au final, un petit menu/module de paramétrage serait la cerise sur le gâteau !
Merci encore et bonne continuation.
Répondre à ce message
Bonjour,
iSPIP sera t’il compatible sur SPIP 2 ?
A priori iSPIP devrait être compatible avec SPIP 2.0.
Sur une version locale, pas de problème rencontré.
Avez-vous eu des difficultés ?
j’ai mis en ligne sur une 2.0.8 et ça fonctionne parfaitement.
S’il y a quelques dysfonctionnements c’est aux quelques modifs pour l’adapter à mes impératifs.
voir sur iphone
Je viens de migrer les squelettes vers SPIP 2. Je n’ai pas touché à l’habillage CSS, qui semble imparfait par endroits.
Attention pour la section téléchargement, le lien est devenu obsolète et il faut maintenant 2 liens. ;-)
Les liens de téléchargement sont corrigé.
Répondre à ce message
Bonjour,
Est ce que la version iphone d’un site avec ce plugin est considérée une application pour iphone ?
Je ne sais pas si c’est possible d’inscrire la version iphone d’un site dans itunes App Store ? Si oui, quelqu’un pourrait partager l’url avec les instructions pour le faire ?
encore merci pour ce plugin :)
Il ne s’agit pas d’une application iPhone, juste de pages web optimisées pour le navigateur de l’iPhone et plus généralement des navigateurs de PDA.
Cordialement
Répondre à ce message
Merci pour ce plugin, on vient de le tester sur spip 2.0.8 et ça marche super bien ! :)
On a modifié un peu les squelettes pour avoir les derniers articles au lieu des rubriques et on a mis en place la méthode 1 pour détecter un iphone/itouch
Vous pouvez le voir en tapant lafrancolatina.com sur votre iphone...Par contre on n’a pas moyen de le tester sur Android
Répondre à ce message
Est-il possible de personnalisé l’affichage d’une rubrique ou d’un article en particulier, par exemple en créant un squelette ispip-rubrique=1.html ?
Sinon, existe-t-il un autre moyen ?
Cette technique fonctionne sans problème.
Bien cordialement
Merci !
Le plugin marche aussi très bien sous Android.
Par contre j’ai l’impression qu’il y a un soucis dans la gestion du cache. Mais ça viens peut être de mon installation.
Répondre à ce message
Ce plugin effectue une détection automatique du type de navigateur (ou plateforme) et ajoute un squelette spécifique pour iphone ? c’est bien ça ? le squelette standard reste accessible ?
Pour le moment, le squelette ne détecte pas encore le navigateur ni le type de terminal (ordinateur fixe ou équipement mobile).
Pour accéder à la version iSPIP : il faut aller sur la page http://monsite.net/spip?page=ispip
La version classique du site est toujours accessible et un lien est proposé en bas de la page de la version iSPIP.
La version iSPIP peut également être consultée depuis un ordinateur de bureau ou à partir d’un autre terminal mobile (sous Android par exemple).
Exemple : http://joseph.larmarange.net/spip?p....
Cordialement
Répondre à ce message
Pour info, Billou, il est important que la boucle mots_de_art reste en dehors de la div
#article
. En effet, ainsi, la liste des mots-clefs liés à l’article n’apparaît pas sur la page, mais elle s’affichera (avec un joli slide) lorsque l’on tapottera sur le bouton « mot-clefs ».Si on veut la mettre dans la div
#article
la liste s’affichera directement en bas de la page article, il faudra alors virer le bouton « mots-clefs » qui ne servira plus à rien.La boucle corrigée est donc :
En tout les cas, merci encore pour ton intérêt !
Abel
Répondre à ce message
C’est corrigé Billou. Merci.
Répondre à ce message
Bonjour,
Merci pour cette contribution très utile !
J’ai quelques remarques à faire néanmoins sur le code du plugin. Il y a quelques erreurs dedans qui supprime des fonctionnalités, comme par exemple l’affiche des mots-clés associés à un article.
La boucle qui permet ceci ne s’affiche pas car en dehors de la div qui affiche l’article, de plus l’adresse qui pointe vers la page qui affiche la liste des articles associés au mot-clé est erroné :
Fichier ispip-article.html à la fin, voici le code que l’on y trouve :
Or il devrait être :
En résumé : Déplacement de la balise de fin de div, et le lien du mot clé pointait vers id_mot=#ID_mot au lieu de id_mot=#ID_MOT.
J’ai modifié d’autres choses pour que le site mobile corresponde plus à mes besoins, mais je ne sais plus si dans le tas il y avait d’autres erreurs. Il ne me semble pas !
Bonne continuation !
PS : Je viens de voir via le premier message de ce forum que l’erreur était aussi présente dans ispip.html, apparemment un vilain copier/coller est responsable =D
Répondre à ce message
Bonjour,
Merci pour ce plugin, il est bien fait !
Malheureusement javascript n’est pas pris en charge je crois, du moins la lame javascript des blocs dépliables de couteau suisse ne fonctionne pas.
Quelqu’un saurait-il comment faire fonctionner les blocs dépliables ?
Merci.
Répondre à ce message
Merci pour cette contribution très à la mode (à la veille de la sortie de l’iPhone 3G).
Y aurait-il un moyen pour rediriger automatiquement vers la version iPhone du site dès qu’une connection iPhone est reconnue ?
Arno avait proposé ça :
http://www.paris-beyrouth.org/Une-version-iPhone
Est ce incorporable dans le plugin ?
Bravo en tout cas !
Bonjour,
En attendant d’intégrer la technique au plugin, ci dessous la marche à suivre optimisée pour le plugin.
Grâce à un javascript on va détecter si le périphérique utilisé par le visiteur pour naviguer sur votre site est un iPhone ou un iPod Touch. Ensuite, si tel est le cas on va lui proposer de naviguer sur la version optimisée du site à l’aide de la boite de dialogue par défaut de l’iPhone.
Il ne s’agit pas d’une redirection automatique, ici on laisse le choix à l’usager d’utiliser la version optimisée ou pas. L’usager peut, pour diverses raisons, préférer utiliser la version « originale » du site.
1/ Le javascript proposant le choix au travers d’une boite de dialogue, à mettre en tre les balises head de la page sommaire :
3/ Appeler la fonction avec la balise body de la page sommaire :
<body onLoad="iPhoneAlert();">
Pour en savoir plus avec des captures d’écrans : http://abel.foxylounge.com/Detecter-un-iPhone-iPod-Touch-et.html
En complément au message d’Abel Poucet ajoutant pour le visiteur le choix de naviguer en mode iPhone ou classique, voici une version :
onload
plutôt queonLoad
)Ce code sera intégré à la prochaine mise à jour des squelettes d’Alternatives.
Répondre à ce message
Excellent !
Ceci étant un plugin, et non un « simple » jeu de squelettes, ne faudrait-il pas le déplacer sur la zone ?
iSpip est déjà développé sur la zone. Voir http://zone.spip.org/trac/spip-zone/browser/_squelettes_/ispip.
Bien cordialement
Répondre à ce message
Salut,
Merci pour le plugin :-)
Une petite erreur : dans le fichier
ispip.html
, dans la boucle des mots-clés, on aid_mot=#ID_mot
au lieu deid_mot=#ID_MOT
.a+
Corrigé. Merci pour ta vigilance.
Its a fantastic plugin !
well written, a bit slow.. (??)
Maybe its just in my end, but Im very happy..
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é votre plugin.
Il 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 !
Bien à vous ,
Jacques Chantraine
Répondre à ce message
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |