TwXDesign

iTwX Mobile v3

JEUX DE SQUELETTES SPIP POUR MOBILES
Optimisés pour smartphones et tablettes


Ce plugin est utilisé par 531 sites

Issue du plugin iTwX v2, cette nouvelle version corrige et améliore l’outil, et désormais, tout ou presque est configurable..

2 possibilités :
– Jumelé avec le plugin Cimobile
– iTwX Mobile en version utilisable seule (! bug sur la redirection automatique / persistance de la notification // ?? )

Force de l’expérience de iTwX v2, désormais il n’existe plus que 2 jeux de squelettes pour mobiles, et un squelette pour tablettes avec navigateur "webkit" :

▸ pour smartphones : iPhone, Android, BlackBerry, HP iPAQ, Windows Phone OS 7, Smartphone, Palm, Nuvifone
▸ pour mobiles : tous les autres
▸ pour tablette : iPad, Playbook, Maemo (experimental [1])

Cimobile vs iTwX Mobile

D’abord quelles différences entre le plugin iTwX Mobile avec ou sans Cimobile ?

Jumelé avec Cimobile, le chargement des pages lors de la redirection est plus rapide. Ensuite, la version iTwX pour Cimobile permet la personnalisation des urls et également la gestion des articles virtuels. Depuis l’accès privé, en fonction du cookie Cimobile, on passe directement sur la version mobile.

PNG - 2.6 ko
Cimobile
sur spip-contrib

Malheureusement, certaines configurations de spip ou squelettes spéciaux, ne prennent en compte la redirection Cimobile. Aussi la version iTwX Mobile (utilisable seule), propose les mêmes fonctionnalités, à la différence du switcher entre Accès privé et squelettes iTwX qui se fera donc via des liens spéciaux en navigation et bandeau Visiter si activé. Enfin les versions squelettes ont recourt aux préfixes "mob_" pour squelette mobile, "smart_" pour smartphone et "tab_" pour tablette.

Version Test

Le plugin est proposée ici en test. Si vous trouvez des erreurs, des incompatibilités ou tout autre dysfonctionnement pouvant donner lieu à des corrections visant à parfaire cet outil, n’hésitez pas à les signaler.

Nouveautés

▸ Thèmes couleurs : choisissez votre thème couleur (6 colori disponibles).

▸ Choix de la redirection :
– Les smartphones peuvent ainsi être redirigés vers le site dit "Mobile" plus allégé, et les tablettes conserver l’habillage du site classique.
– Le mode de redirection : automatique ou par notification push.

▸ Personnalisation du nom du site Mobile :
Certains noms de sites sont trop long pour rester à l’emplacement prévu. Aussi, le nom du site quelque soit le nombre de caractères est limité à 35 (sauf tablette), et ne reviendra pas à la ligne. Par conséquent il est désormais possible de personnaliser le nom de votre site mobile.

▸ Surcharges CSS :
– Si votre configuration présente des particularités non prises en compte par les css iTwX, depuis beta 2.2.5, vous pouvez activer puis personnaliser vos propres réglages CSS directement depuis la configuration iTwX.
– Depuis beta 2.2.12, <div class="twx_scroll"></div> vous permet d’ajouter un scroll (horizontal) pour les contenus trop larges pour tenir à l’intérieur d’un écran mobile, pour les tableaux par ex.

▸ Gestion des lecteurs flash (expérimentale) :
Les périphériques iPhone/iPod/ iPad, ne supportent aucune compatibilité avec Flash Player. Aussi pour parer à l’espace vide laissé par un lecteur flash sur ces appareils, les class "itwx_player" et "twx_player" permettent afficher ou non un contenu, en fonction du périphérique.
 – twx_player : affiche sur tout périphérique sauf iPhone/iPod/ iPad
 – itwx_player : affiche uniquement sur iPhone/iPod/ iPad

et ce dans la rédaction “Texte” quelque soit le squelette, classique ou iTwX.

Autrement dit, tout contenu, codes d’importation ou autre, se trouvant entre <div="twx-player"></div>, ne sera pas affiché sur iPhone/iPod/ iPad,
tout contenu entre <div="itwx-player"></div>, ne sera affiché que sur iPhone/iPod/ iPad.

Gère automatiquement le lecteur flash du plugin Lecteur Multimédia [2] (voir §Compatibilités).

Enfin les documents de format mp4 afficheront le lecteur QuickTime sur iPhone, iPod, iPad en utilisant le filtre :
<docXX|iplayer>

Ainsi dans un article, mettre <docXX|iplayer> et <docYY|player>, affichera pour docXX la vignette QuickTime du fichier .mp4 sur iPhone/iPod/iPad, et pour docYY le lecteur Flash du plugin Lecteur Multimedia pour fichier .flv sur les tous autres périphériques.

Squelettes :

▸ Gestion multilingue :
iTwX Mobile v3 gère désormais le multilingue et traduction d’articles.
Les squelettes sont traduits en arabe [ar], catalan [ca], en tchèque [cs], danois [da], allemand [de], anglais [en], espagnol [es], français [fr], hongrois [hu], italien [it], néerlandais [nl], polonais [pl], portugais [pt], roumain [ro], suedois [sv] et turc [tr].
La configuration iTwX est traduite en français, anglais, allemand, espagnol, italien et catalan (sauf contrib), traductions demandant à l’heure actuelle probablement quelques corrections. Les autres langues demeurant en anglais.

▸ Site Classique :
Vous pouvez également ajouter un lien sur vos pages classiques vers vos pages iTwX avec les inclures suivantes :

<INCLURE{fond=itwx/redirection}> dans sommaire.html de votre squelette classique.
Ajouter {id_article} dans l’inclure pour article.html. Fonctionne également avec rubrique.html, breve.html, site.html, mot.html et auteur.html, en remplaçant l’objet id_ correspondant.

Personnaliser l’alerte avec la class .itwx_alerte dans votre fichier css.

▸ Paginations, formulaires forums login et inscription, en ajax.

▸ Compatible avec le plugin Agenda.

▸ Compatible avec Configuration des URLs

Personnalisation des squelettes mobiles

Depuis la mise à jour de Cimobile du 01/07/2016, il est possible d’ajouter un dossier des squelettes mobiles personnalisés, de la manière suivante

▸ Copier/coller le dossier /squel_mobiles à la racine du plugin iTwX, et renommer /mobiles.
▸ Ajouter dans /config/mes_options.php les lignes suivantes :

<?php

if (!defined("_ECRIRE_INC_VERSION")) return;

// Nom du dossier contenant les sous dossiers de squelettes mobiles personalisés
define('CIMOBILE_RACINE_SQUELETTES', 'mobiles');

?>


▸ Modifier vos squelettes personnalisés dans ce nouveau dossier /mobiles

Votre apple-touch-icon

Depuis beta 2.2.5, l’apple-touch-icon est inseré par la balise #INSERT_HEAD. Ainsi quelque soit la version sur laquelle le visiteur navigue, en particulier si vous avez conservé l’habillage classique pour les tablettes, on pourra installé l’apple-touch-icon en raccourci écran. Celui-ci se trouve désormais à la racine du plugin iTwX Mobile.
Pour personnaliser votre apple-touch-icon, veillez à bien conserver le nom de fichier : apple-touch-icon.png !

Vous avez la possibilité de l’activer, soit en mode par défaut (icône ombré), soit en mode précomposé (icône sans modification)

Compatibilités

▸ Plugin Agenda
▸ Plugin Lecteur Multimedia 0.77.0 [2], le lecteur flash est automatiquement supprimé des périphériques iPhone/iPod/iPad.
▸ Plugin Video(s), sur format h.264.
Avec les autres formats (utilisant un lecteur flash), pour ne pas laisser d’espace vide sur iPhone/iPod/iPad, écrire <div="twx-player"><videoXXX><div>
▸ Plugin Social Tags : sélecteur "#socialtags" [3]
▸ Plugin Google +1 : sélecteur "#googleplus1" [3]

Chantier :

Fichiers langues.

Utilitaires :

Si vous ne possedez pas d’iPhone et/ou d’iPad, installez iBBDemo2 (
http://iphonemonsta.com/free-iphone-browser-simulator-for-windows-linux-mac)

http://iphone4simulator.com/ est un simulateur en ligne. Seulement comme nombreux simulateurs en ligne, le userAgent reconnu sera celui de votre périphérique (ex votre PC), donc la redirection vers la version iTwX ne s’effectuera pas. Dans ce cas, ajoutez  ?cimobile=smartphone ou  ?cimobile=mobile à la fin de l’url de votre page d’accueil, et &cimobile=smartphone ou &cimobile=mobile depuis les articles, breves etc, tel que :

http://monsite.fr/?cimobile=smartphone

et http://monsite.fr/spip.php?article1&cimobile=smartphone

Vos commentaires :

Pour tout problème d’affichage, de redirection ou d’incompatibilité :

▸ merci d’aller sur http://detectmobilebrowsers.com/ depuis votre périphérique et de copier le résultat dans votre commentaire.
Ex. iPhone : Mozilla/5.0 (iPhone ; U ; CPU iPhone OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A405 Safari/7534.48.3

▸ et de noter également la version spip que vous utilisez.

Pour tout problème de fonctionnement de la redirection avec Cimobile, merci de vous adresser aux créateurs du plugin sur spip-contrib.net.

Avertissement :

Un bug de redirection vers la page d’accueil - sommaire.html - alors que sur articles, rubriques etc, la redirection fonction. J’ai noté que certaines configuration ne permettent pas la redirection de la page sommaire. Des réglages .htaccess, paramétrage perso peuvent en être la cause. Pour comprendre ce dysfonctionnement, il est important de consulter minutieusement le source. Néanmoins, sur la version utilisable sans cimobile, il peut être ajouté manuellement le script de redirection. A testé.. Donc à suivre !!

Pour tout problème de page blanche récurrente sur certaines configuration, tester d’abord la version sans cimobile, itwx utilisable seul. Si le probleme persiste RDV sur IRC afin de nous aider à corriger le problème.

Portfolio


[1Configuré pour webkit, on ignore à ce jour le comportement et la gestion css des tablettes sans "webkit".

[2Le plugin Lecteur Multimédia - 2.0.0 est lui compatible avec Spip3, mais ne contient pas de Player vidéo

[3par défaut, les blocs (activables en Configuration iTwX) sont insérés en-dessous du bloc date d’édition/traductions des articles.

Messages


Poster un message
Fermer
modération a priori

Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

Qui êtes-vous ?
Votre message
  • Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

164 Messages
  • iTwX Mobile v3 30 mars 2012 20:37, par Luc

    Bonjour,
    Merci pour ce plugin qui a le merite d’exister.
    Je rencontre des bugs avec erreur 503 sur iphone dès la première page. La redirection vers le site mobile ne se fait pas automatiquement non plus malgré que la case soit cochée. Pour l’ipad, rien n’apparaît :(

    Lorsque je vais sur une page incluant un tableau, il n’apprait pas le chariot horizontal. On ne peut donc pas voir la totalité du tableau en largeur.

    Cordialement,

    Luc


    • iTwX Mobile v3 17 mai 2012 21:31, par Seds

      pour le bug il faut en dire un peu plus.. (nb : sur version sans cimobile= bug sur redirection automatique / notification persistante - c’est nouveau !! en cours de correction...) Cherchez dans vos paramétrages, dans le source. Le problème sur la page d’accueil est récurrente, surtout depuis cimobile. Maintenant il faut chercher, pister le bug pour avancer.

      une url peut-être aussi ?

      pour le tableau en effet c’est embêtant. une solution gérée par le plugin ou codes croisés entre site classique et itwx ? en tout cas merci pour cette remarque !

      nb : beta11 en ligne mais qui ne résoudra pas vos pb, en tout cas pas sur le tableau, pas encore..

      àsuivre donc


    • iTwX Mobile v3 20 mai 2012 10:35, par Seds

      avec beta 2.2.12 un scroll a été crée avec <div class="twx_scroll"></div>. mettez-y vos tableaux, dans vos textes ou ailleurs, lorsque vous craignez qu’ils sortent de l’écran. fonctionnent pour les tableaux spip, et le devrait pour tout autre contenu.

      pour le reste, il faut plus d’informations..


    Répondre à ce message
    Fermer
    modération a priori

    Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

    Qui êtes-vous ?
    Votre message
    • Pour créer des paragraphes, laissez simplement des lignes vides.

    Ajouter un document

  • redirection 7 mars 2012 19:02, par jcde

    bonjour,
    merci pour ce plugin.
    le lien des pages classiques vers les pages iTwX redirection}> dans sommaire.html apparaît sous IE, je suppose qu’il n’est pas censé apparaître lorsqu’on consulte le site depuis un ordinateur ?
    pas de pb avec google chrome et ff.


    • redirection 8 mars 2012 10:19, par Seds

      Bon..
      Et que dans sommaire.html ??
      Quelle version IE ?
      Je suppose que le lien vous renvoie vers les squel Mobile..?
      Et vous pouvez envoyer le résultat du detect browser avec le navigateur en question SVP ?


    • redirection 8 mars 2012 16:43, par jcde

      bonjour,
      je vais rédiger un peu mieux mon problème car j’ai noté une pointe de perplexité dans votre réponse. il est vrai que j’ai oublié un bout de phrase !
      bref, j’insère dans les pages sommaire, article, rubrique, auteur, site

      redirection}>

      avec id correspondant.
      Les redirections fonctionnent parfaitement sur ipad et iphone.
      Le problème rencontré est le suivant : la div apparaît lors de la consultation depuis un ordinateur utilisant IE (toutes versions de 6 à9)
      en espérait avoir été plus clair, merci d’avance.


    • redirection 8 mars 2012 16:52, par jcde

      décidemment,
      le code inséré dans sommaire et les autres pages

      <div class="itwx_alerte"><INCLURE{fond=itwx/redirection}></div>


    • redirection 8 mars 2012 17:18, par Seds

      Merci de vos eclaircissements.
      Mais il me faudrait aussi en savoir un peu plus sur le navigateur, car je ne pratique pas IE. Vous pouvez utiliser le lien dans l’article du detect brower qui fonctionnera aussi sur pc ?


    • redirection 8 mars 2012 17:26, par jcde

      ie internet explorer !
      autre question je constate que les vidéos flv (plugin lecteur multimedia ont n’apparaissent plus dans les articles de mon squelette)
      merci


    • redirection 17 mai 2012 21:18, par Seds

      j’attendais cette réponse :

      Mozilla/4.0 (compatible ; [bg jaune]MSIE[/bg jaune] 8.0 ; Windows NT 5.1 ; Trident..

      Pour ce qui est du lecteur flash, c’est normal - voir doc. Et conserver l’url du fichier flv ne sert pas àgrand chose puisque ipod/iphone/ipad ne peuvent rien en faire. Maintenant vous avez la possibilité de convertir le flv en mp4 pour une balise voir les instructions, et permettre àvos visiteur sur ces périphériques de visionner votre vidéo. N’est-ce pas le but ?


    Répondre à ce message
    Fermer
    modération a priori

    Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

    Qui êtes-vous ?
    Votre message
    • Pour créer des paragraphes, laissez simplement des lignes vides.

    Ajouter un document

  • iTwX Mobile v3 28 février 2012 15:38, par Quincailler

    Bonjour,
    J’utilise la nouvelle version iTwX 3 pour ciMobile pour Spip2, spip àjour, cimobile aussi, bref, en théorie pas de soucis.
    Les 2 plugins couplés fonctionnent parfaitement, seulement avec le plugin (àjour couteau suisse), j’utilise la lame « jolis coins  », et je ne les ai plus. idem, j’utilise des onglets, et ils ne sont plus mis en forme sur la page d’accueil .... Et àl’intérieur du site, j ’utilise un peu de jquery pour déplier la colonne de navigation droite et hélas ça ne marche plus maintenant, ça reste ouvert tout le temps ...
    C’est quoi le soucis àvotre avis ? Un conflit javascript ? ajax ? jquery ? Couteau suisse (désactivé : aucun résultat) ?


    • iTwX Mobile v3 28 février 2012 16:32, par Seds

      vous voulez dire que les problèmes rencontrés se trouvent dans votre site classique ?

      iTwX Mobile n’intervient dans le squelette classique que pour ajouter entre les "head" un apple-touch-icon (si activé depuis beta 2.2.7) et css selon iphone/ipod/pad ou non, et sur les div classiques usuelles :

      .texte dl.spip_documents object, .chapo dl.spip_documents object,
      .texte dl.spip_documents dd.spip_doc_descriptif, .chapo dl.spip_documents dd.spip_doc_descriptif,
      .texte #playliste_video, .chapo #playliste_video,
      .texte .neolao_multi, .chapo .neolao_multi

      qui ne seront pas affichés sur périphériques iphone/ipod...

      si les plugins iTwX et cimobile sont désactivés, vous ne rencontrez plus ces pb donc ?


    • iTwX Mobile v3 28 février 2012 16:33, par Seds

      pouvez-vous donner un url ?


    • iTwX Mobile v3 28 février 2012 16:43, par Quincailler

      C’est ça, sur l’anciene version de itwx, pas de soucis, j’avais pas de pb de scripts, et de jolis coins ...
      Avec la nouvelle version itwx + cimobile ça merdouille ...
      url : www.agglo-niort.fr
      ▸ page sommaire, la colonne de droite (jaune) contient des onglets qui devraient avoir le coin hg et bd arrondis.
      ▸ Page rubrique la colonne de droite est toue dépliée alros qu’en théorie c’est "manuel"

      J’ai vidé tous les cache, local, rien n’y fait ... réinstallé le couteau suisse ...


    • iTwX Mobile v3 28 février 2012 16:47, par Quincailler

      Ah oui et il y a aussi les onglets qui ne fonctionnent plus ... en bas de la page d’accueil (sommaire.html).
      L’encart sur le Net n’affiche plus les onglets ... alors que c’est codé dans le squelette ... c’est déroutant n’est ce pas ? ;)

      J’essais de reproduire le soucis sur un dev histoire de rétablir le tout en ligne pour le moment.


    • iTwX Mobile v3 28 février 2012 17:16, par Seds

      ▸ mais avec vos màj actuelles, en désactivant cimobile et iTwX pour cimobile avez-vous le meme pb ?

      iTwX n’installe pas de jquery, utilise tout juste un peu d’ajax et quelques fonctions installées uniquement dans iTwX. donc pas de conflit.

      la màj du CS peut ne pas s’être fait correctement : ex, je viens de testé les jolis coins en réinstallant le CS et j’ai eu ce message dans l’encadré "jolis coins" :

      distant_jquery.corner.js
      Erreur sur le chargement distant, cet outil risque de ne pas fonctionner !

      J’ai donc procédé àl’installation manuelle du fichier distant_jquery.corner.js absent du dossier /li/corner du CS.. et hop les jolis coins !
      donc si vous avez ce pb, cela n’a rien àvoir avec iTwX..

      sinon tenez moi au courant de vos tests dev :)


    • iTwX Mobile v3 29 février 2012 08:57, par Quincailler

      Bonjour,

      Alors voilààcette adresse quand je désactive cimobile et itwx :
      ####(url suprimé sur demande)

      Vous voyez ? Les onglets en bas de page fonctionnent et les coins aussi ...
      J’ai fais manuellement le remplacement dans le dossier lib/jcorner et dans celui du plugin cs /lib/jcorner, mais pas de changement ... -_-’ Je n’arrive vraiment pas àcomprendre pourquoi ça me fait ça ... J’ai testé sous ie (6) et chrome, et sous ie j’ai un conflit de script (petit triangle jaune en bas àgauche).

      Dommage, je trouve la nouvelle version tip top !


    • iTwX Mobile v3 29 février 2012 11:31, par Quincailler

      Je suis vraiment désolé d’insister, mais même en désactivant :
      Le couteau suisse => même résultat
      les lames :
      Découpe en pages et onglets => idem pas d’onglets sur la page d’accueil
      Jolis coins => normal car désactivé ! ;)

      J’ai essayé quelques combinaisons mais rien n’y fait ... dès que j’active itwx 3 ça me fait disparaitre les onglets et les jolis coins ... Idem dans les pages rubriques ou articles ... Il doit y avoir un truc dans les inclusions du header qui sont en conflits avec le CS ... Ce qui m’ennuie car je ne crois pas pouvoir me passer du CS ...
      Je continu ma prospection ... ^^


    • iTwX Mobile v3 29 février 2012 13:45, par Quincailler

      Rien àvoir, mais ligne 21du fichier pipelines/itwx_ajouter_onglets.php :

      $flux['data']['itwx'] = new Bouton(_DIR_PLUGIN_ITWX."prive/img/itwx_icon_25.png", _T("itwx:config_titre"), generer_url_ecrire('cfg&cfg=itwx'));

      Remplacer itwx_icon_25.png par itwx_icon_20.png pour avoir l’icône avec cfg ;)


    • iTwX Mobile v3 29 février 2012 13:51, par Quincailler

      Ok j’avance ! o/

      Le soucis viendrait du fichier pipelines/itwx_insert_head.php

      Et donc de la fonction : itwx_insert_head($flux)

      En virant tout le contenu plus de soucis nul par .... Oo’

      Je vois pas trop en quoi la gestion de l’apple touch icon met le bazar de cette façon ... en tous cas vu que j’utilise pas cette focntion, je vais en rester là ! ;) Et suivre l’avancement de cette bonne version beta.


    • iTwX Mobile v3 29 février 2012 14:20, par Seds

      >> dès que j’active itwx 3 ça me fait disparaitre les onglets et les jolis coins ...

      C’est la réponse que j’attendais !

      >> Et donc de la fonction : itwx_insert_head($flux)

      c’etait itwx_insert_head ou itwx_insert_head_css

      Bon maintenant je vais pouvoir avancé ;)

      au fait vous avez travaillé àpartir de quelle version beta ? car la fonction a été 2x mobifiée..

      en tout cas merci de votre contrib


    • iTwX Mobile v3 29 février 2012 14:27, par Seds

      >> Remplacer itwx_icon_25.png par itwx_icon_20.png pour avoir l’icône avec cfg ;)

      en fait c’est itwx_25.png :))


    • iTwX Mobile v3 29 février 2012 14:28, par quincailler

      Version : 3.00 spip2 beta_2.2.7 pour cimobile
      Répertoire : auto/itwx_cimobile_3_2

      Pas de quoi, faut bien vous aider un peu (quand on peut) quand même ! ;)


    • iTwX Mobile v3 29 février 2012 14:43, par Seds

      J’ai trouvé !! Des étourderies grosses comme un troupeau d’éléphants ! pour changer..
      En tout cas ça marche pour les jolis coins...

      Go pour beta2.2.10 !


    • iTwX Mobile v3 29 février 2012 14:50, par Seds

      hop hop hop beta2.2.9 ! soyons logique
      j’ai balancé la version pour cimobile. normalement ça devrait aller bcp mieux, dites-moi ? :)


    • iTwX Mobile v3 29 février 2012 14:57, par quincailler

      Impeccable ; RAS ! o/

      Merci pour le plugin en tous cas.
      Un collègue vient de tester sous androïd, ça bascule directe, tout marche ! ;)
      Reste plus qu’àajuster les squelettes pour afficher ce qu’on veut.

      Encore un fois merci.

      Ps : Est-ce que vous pourriez supprimer le lien vers mon dev du forum, juste histoire que ça reste du dev ;)


    • iTwX Mobile v3 29 février 2012 15:08, par quincailler

      C’est pas très sympa ça ... il est si moche que ça notre site ? ;)

      Oui c’est bien de cette adresse dont je parlais.


    • iTwX Mobile v3 29 février 2012 15:13, par Seds

      voilàc fait.. en revanche j’ai pas compris la blague si c’en était une :o|


    • iTwX Mobile v3 29 février 2012 15:44, par quincailler

      Juste une petite boutade, qui est tombée àplat. Je vous ai donné l’adresse officielle puis celle du "dev" (moche), du coup comme vous posiez la question j’ai pensé que vous faisiez de l’humour ... ^^

      C’est ce qu’on appel un grand moment de solitude non ? :D


    Répondre à ce message
    Fermer
    modération a priori

    Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

    Qui êtes-vous ?
    Votre message
    • Pour créer des paragraphes, laissez simplement des lignes vides.

    Ajouter un document

  • iTwX Mobile v3 28 février 2012 12:14, par benjamin

    Bonjour,
    Bonjour,
    j’ai essayé le plugin itwx v3 sur mon site de classe :
    http://clis.lorca.free.fr
    Mais d’un mobile aussi bien qu’àl’adresse
    http://clis.lorca.free.fr/spip/?cimobile=mobile,
    c’est le squelette sarka qui est utilisé.
    Avez-vous une idée de la cause ?
    J’utilise les plugins suivants :
    cfg : moteur de configuration
    cimobile : détection et aiguillage des téléphones mobiles
    fancy_box
    iTwX Mobile
    NoSPAM
    Squelette Sarka-SPIP 3

    J’ai essyé de désactiver Nospam, mais pas de changement...

    J’ai essayé la version utilisable seule, j’ai essayé la version 2 avec cimobile, sans succès. Y a-t-il quelque chose de base qui m’aurait échappé pour activer le squelette mobile ? Est-ce qu’il y a quelque chose de particulier àfaire pour cohabiter avec sarka-spip ?


    • iTwX Mobile v3 28 février 2012 12:22, par benjamin

      En fait, avec la version, lorsque j’utilise un lien direct mobile àpartir de l’espace privé, j’obtiens une erreur 404, et du mobile, le site classique...


    • iTwX Mobile v3 28 février 2012 14:38, par Seds

      Je pense que la raison est que SPIP n’a pas été installé de façon traditionnelle sur votre hébergeur : au lieu d’y avoir le contenu du dossier spip àla racine du site, vous avez le dossier SPIP puis son contenu àl’intérieur. Raison pour laquelle vos urls sont http://clis.lorca.free.fr/spip/spip.php?artilexxx etc au lieu de http://clis.lorca.free.fr/spip.php?artilexxx

      Du coup en arrivant sur http://clis.lorca.free.fr/ le visiteur est redirigé vers le sommaire (accueil du site sous spip) http://clis.lorca.free.fr/spip/. Vous avez une redirection automatique quelque part, sans quoi sur votre hébergement le visiteur serait obligé de cliqué sur "spip" dans l’index de free pour arriver dans votre site, redirection qui doit court-circuiter les paramètres normaux du site et donc du système plugin cimobile.

      Avez-vous essayé la version iTwX utilisable seule ?


    • iTwX Mobile v3 28 février 2012 16:41, par benjamin

      Oui, j’ai essayé avec itwx seule, et ça ne marche pas. J’ai effectivement fait une redirection vers le répertoire /spip/ depuis l’index de la racine.
      Comme j’ai migré sous spip àpartir d’un site traditionnel, et que j’avais déjàplein de répertoires, j’ai choisi de mettre spip dans un répertoire àpart, et jusque làça ne m’avait pas posé de problèmes... Tant pis, et merci pour l’explication !


    • iTwX Mobile v3 28 février 2012 17:28, par Seds

      j’utilise moi même des hébergements free pour tests avec plusieurs répertoires de site dont certains sous spip et les plugins iTwX y fonctionnent normalement. Évidemment je n’ai aucune redirection.
      L’url de votre site en Configuration Spip est-il correcte, càd : http://clis.lorca.free.fr/spip/, dans le cas contraire la balise #URL_SITE_SPIP dans les redirections ouvrira toujours un 404.

      Et/ou revoir peut-être la redirection depuis l’index..


    • iTwX Mobile v3 28 février 2012 17:41, par Seds

      il aurait fallu procéder autrement pour votre migration vers spip. par ex installer le contenu du dossier spip àla racine de votre hébergement (si des dossiers ne sont pas nommés identiquement), switcher avec les index.html (vers ancienne version du site) / index.php (vers contenu) spip pour passer d’un contenu àun autre. Ainsi vous pouvez accéder en ligne aux 2 contenus, 1/ en blocant index.php, le visiteur arrive sur l’ancienne version toujours accessible, 2/ en écrivant dans la barre du navigateur http://votresite.fr/spip.php?page=sommaire vous arrivez sur le contenu spip, /ecrire etc et toute la configuration.

      J’utilise moi-même cette méthode dans certains cas


    • iTwX Mobile v3 28 février 2012 21:17, par benjamin

      Dans la page configuration de spip, j’ai bien :

      Adresse (url) du site public :
      http://clis.lorca.free.fr/spip/

      Est-ce que ce paramètre est utilisé dans votre code ?
      Parce que dans mon site classique, ça ne pose pas de problème, et quand je fais un lien dans un article du style xxx->52], ça pointe bien vers l’article 52.
      Mais bon, je n’y connais pas grand chose...


    • iTwX Mobile v3 29 février 2012 00:49, par Seds

      bon après tests (avec spip2.0.3) la v3 ne semble pas compatible avec SPIP2.0, ni en beta2, ni beta1(non disponible), ni avec Cimobile + v3 ni +v2 conçu par les auteurs de cimobile contrairement àce qui est indiqué.

      Je vais regarder ce qu’on peut faire sans cimobile pour spip 2.0

      cdlt

      seds


    • iTwX Mobile v3 29 février 2012 09:52, par Benjamin

      Bon,merci. Vous dormez, des fois ?
      de mon côté , je peux mettre àjour spip.


    • iTwX Mobile v3 29 février 2012 13:21, par benjamin

      En effet, j’ai mis àjour spip vers 2.1 et ça marche !


    • iTwX Mobile v3 29 février 2012 15:27, par Seds

      Passez également sur beta2.2.9, une correction importante est ajoutée..


    Répondre à ce message
    Fermer
    modération a priori

    Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

    Qui êtes-vous ?
    Votre message
    • Pour créer des paragraphes, laissez simplement des lignes vides.

    Ajouter un document

  • iTwX Mobile v3 : pb de liens vers fancybox 22 février 2012 01:06, par hdeb

    Bonjour,

    J’avais essayé la version précédente et je vous remercie beaucoup pour le développement de la V3 de ce plugin que j’ai installé sur mon site qui est sous SPIP 2.1.12 [18732] et Sarka-SPIP 3.0.8 .

    Mon HTC Touch Cruise (Polaris 3650) affiche correctement la version "mobile".
    Pour info :

    HTC-P3650-orange/PPC ; 240x320 ; OpVer 28.319.2.732 (compatible ;MSIE 6.0 ; Windows CE ; IEMobile 7.11) et sous Opera 10.

    Cdt.
    Henri


    • iTwX Mobile v3 22 février 2012 01:10, par hdeb

      J’ai envoyé mon message sans en corriger le titre, excusez-moi.
      Comme d’habitude essayer d’énoncer clairement son problème, c’est le résoudre àmoitié !


    • iTwX Mobile v3 : pb de liens vers fancybox 22 février 2012 13:30, par Seds

      Donc tout va bien ?

      Cdlt


    • iTwX Mobile v3 : pb de liens vers fancybox 22 février 2012 14:22, par hdeb

      Oui, merci.

      Il me reste un point qui n’est pas lié au fonctionnement du plugin mais vous pouvez peut-être m’aider.

      Pour faire un lien vers un petit article qui s’affiche dans une fancybox, j’utilise dans le corps du texte d’articles un lien_class qui passe des paramêtres sous la forme :

      [<imgXXX|largeur=nn|hauteur=nn|lien_class=mediabox boxIframe boxWidth-nnpx boxHeight-nnpx|class=shadow> ->spip.php?page=article-fancy&id_article=YYY]

      Quand SPIP rencontre le lien_class dans le texte, il m’ouvre une fancybox même sur le mobile. Comment faire pour que ce lien_class intègre l’environnement iTwX ?

      Merci


    • iTwX Mobile v3 : pb de liens vers fancybox 23 février 2012 09:43, par hdeb

      Bonjour,

      J’ai résolu ce problème en insérant, dans article.html des squelettes iTwX, un filtre dans la balise texte : #TEXTE|replacemediabox boxIframe, ""

      De ce fait le lien_class est sans effet

      Merci encore pour le plugin.


    • iTwX Mobile v3 : pb de liens vers fancybox 23 février 2012 09:48, par hdeb

      décidément ... au cas où ça serve àquelqu’un, je réinsére la ligne de code ci-dessus dans les balises adhoc :
      (#TEXTE|replace{mediabox boxIframe, ""}|image_reduire{0,0})


    • iTwX Mobile v3 : pb de liens vers fancybox 23 février 2012 13:29, par Seds

      oui j’avais pensé également àun filtre. cependant le lien spip.php ?page=article-fancy&id_article=YYY ne pose-t-il pas de probleme ? avez-vous créer un fichier article-fancy.html dans les squel iTwX ou celui de votre squelette classique suffit-il ?


    • iTwX Mobile v3 : pb de liens vers fancybox 23 février 2012 16:59, par hdeb

      Dans le site classique, sous Sarka-SPIP, le squelette "article.html" sert àafficher un article avec bandeau, pied de page, etc.. Le squelette "article-fancy.html" affiche le seul contenu de l’article dans une fancybox. Dans les squelettes iTwX, "article.html" a la même fonction, je l’ai donc recopié et nommé la copie "article-fancy.html" dans le répertoire /mobile. Idem pour smartphone. L’appel au squelette se fait donc en fonction de l’environnement.

      Pour moi, les choses àfaire ont été :
      ▸ adapter le css àla charte graphique (la couleur du bandeau et des menus) ;
      ▸ enlever d’ article.html les éléments que je ne veux pas afficher ;
      ▸ corriger un style css en dur dans un article pour positionner une image et l’intégrer dans le fichier perso.css (paresse !) ce qui fait que le css du mobile est pris en compte ;
      ▸ modifier l’affichage des éléments du menu comme un article par rubrique et menu perso qui sont des options de Sarka-SPIP et ajouter des liens directs vers certains articles comme dans le site classique dans inc_rubriques.html et inc-sum_rub.html ;
      ▸ et régler ce problème d’affichage dans les fancybox.

      Tout cela ne concerne que l’adaptation aux particularités de Sarka-SPIP et du site.

      Sur iTwX, dans l’espace privé, j’ai modifié dans "configurer_itwx.html" le formulaire « Personnaliser les squelettes » pour que le champ « Nom de votre site » soit un textarea et accepte de quoi faire passer 7 lignes pour reprendre le bandeau d’origine.

      J’ai encore des petites choses àcorriger en particulier multiviewer-pro qui devrait s’afficher avec sa version mobile et les pdf que je vais passer chez Scribd pour avoir la fonction téléchargement ...

      Cdt.
      Henri


    • iTwX Mobile v3 : pb de liens vers fancybox 24 février 2012 13:59, par Seds

      >> adapter le css àla charte graphique (la couleur du bandeau et des menus) ;
      >> modifier l’affichage des éléments du menu comme un article par rubrique et menu perso qui sont des options de Sarka-SPIP

      j’envisage de faire une adaptation pour saska

      >> corriger un style css en dur dans un article pour positionner une image et l’intégrer dans le fichier perso.css (paresse !) ce qui fait que le css du mobile est pris en compte ;

      depuis beta2.2.5 il est possible de surcharger les css dans le formulaire (sorte de perso.css) pour les paresseux et ceux qui n’ont pas accès àftp par ex

      >> Sur iTwX, dans l’espace privé, j’ai modifié dans "configurer_itwx.html" le formulaire « Personnaliser les squelettes  » pour que le champ « Nom de votre site  » soit un textarea et accepte de quoi faire passer 7 lignes pour reprendre le bandeau d’origine.

      ▸ si vous utilisez les squel smartphones et tablettes, en concervant le meme système d’habillage background : url (’...toolbar.png’) le contenu du champ de rentrera pas dans la div ’tool’. Pourquoi n’avez-vous pas utilisez le champ ’description du site’ pour y insérer les coordonnées ? , d’ailleurs il est mieux de noter <br /> au lieu de <br>

      ▸ Ensuite dans le <title> de la page d’accueil il manque un espace dans : Debierrearchitecte, conséquence d’avoir mobifié le textarea, <title> ne prenant pas les sauts de ligne.

      ▸ et aussi dans la liste de rubrique "accueil" n’est pas vraiment nécessaire puisque dans la barre de navigation vous avez un bouton home pour retourner au sommaire, d’ailleurs http://www.edebierre.fr/Accueil-du-site et http://www.edebierre.fr/ sous mobile donne la meme page, est-ce dà» àla personnalisation de vos urls ?


    Répondre à ce message
    Fermer
    modération a priori

    Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

    Qui êtes-vous ?
    Votre message
    • Pour créer des paragraphes, laissez simplement des lignes vides.

    Ajouter un document