SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 204 visiteurs en ce moment

Accueil > Squelettes > Squelettes spéciaux > Squelettes pour petits écrans > iTwX - Mobile > iTwX Mobile v.3

iTwX Mobile v.3

16 juillet 2012 – par Seds – 48 commentaires

12 votes

Jeu de squelettes SPIP pour Mobiles, optimisé pour smartphones et tablettes.

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

Il intègre 2 jeux de squelettes pour mobiles et smartphones, et un jeu 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

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.

-  2 modes de redirection : automatique ou par notification push.

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.

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

Egalement

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

-  Compatible avec le plugin Agenda.

-  Compatible avec Configuration des URLs

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 , le lecteur flash est automatiquement supprimé des périphériques iPhone/iPod/iPad (SPIP2).
-  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"
-  Plugin Google +1 : sélecteur "#googleplus1"

Téléchargements & Documentation :

Sur le site de l’auteur : http://twxdesign.com/itwx-mobile-v3

Dernière modification de cette page le 28 juin 2016

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 26 février 2016 à 15:47, par odul59 En réponse à : iTwX Mobile v.3

    Bonjour,

    Pouvez vous me dire, si le plugins est compatible spip 3.1 ?

    Puis comment et où peut-on modifier l’adresse email du contact ,
    Car il prend celle du webmestre (c’est moi) mais je voudrais le modifier pour renvoyer vers email d’un contact (contact@xxxxx.fr)
    en gros je garde mon mail webmestre pour les problèmes et l’autre pour les contact (je pense être clair sinon contacter moi)

    D’avance je vous en remercie.
    Sinon sympa plugins

    • Le 27 février 2016 à 13:27, par Seds En réponse à : iTwX Mobile v.3

      bonjour, a priori il y a 1 ou 2 bugs sur 3.1 mais pas systématiquement, en fonction de votre configuration..

      pour votre email contact, modifiez les fichiers squelettes mobiles contact.html

    • Le 30 mars à 16:01, par odul59 En réponse à : iTwX Mobile v.3

      Bonjour,

      Toujours pas de mise à jour en 3.1 ?
      Le plugins ne s’activa pas en spip 3.1.

      D’avance merci
      ps ; vous avez une autre solution (plugins,.....)

    Répondre à ce message

  • Le 22 septembre 2016 à 19:22, par Chris En réponse à : iTwX Mobile v.3

    Bonsoir,
    Super ce plugin !

    Mais la pagination n’a pas l’air de fonctionner.
    Quand on clique sur un des chiffres de la barre de pagination | 10 | 20 | 30 | 40 | 50 | ..., on reste avec les mêmes articles et une deuxième TOOL BARRE apparait ??

    Quelqu’un a-t-il déjà eu ce problème ?
     :-)

    Répondre à ce message

  • Le 12 mai 2016 à 11:57, par Fifouille En réponse à : iTwX Mobile v.3

    Bonjour,

    votre plugin intègre-t-il le menu en haut à gauche que l’on voit dans la version mobile de votre site (où y figurent les rubriques du site) ?

    Sinon, à partir de quelle source avez-vous pu le déployer ?

    Merci

    • Le 12 mai 2016 à 12:32, par Seds En réponse à : iTwX Mobile v.3

      Non, le menu utilisé ici est un menu responsive, comme tout le site désormais, pas de plugin pour faire ça.

    Répondre à ce message

  • Le 7 février 2016 à 15:11, par Nakx En réponse à : iTwX Mobile v.3

    Bonjour,

    savez-vous si le squelette est compatible spip 3.1 ?

    merci beaucoup pour ce squelette et pour votre aide !

    • Le 27 février 2016 à 13:24, par Seds En réponse à : iTwX Mobile v.3

      bonjour, a priori il y a 1 ou 2 bugs sur 3.1 mais pas systématiquement, en fonction de votre configuration..

    Répondre à ce message

  • Le 18 novembre 2015 à 13:00, par Thierry Kauffmann En réponse à : iTwX Mobile v.3

    Bonjour,

    Lorsque la taille de l’image est forcée (avec un paramètre du type hauteur= ou largeur= passé au modèle img ou doc), (width=« xxx » ou height=« xxx ») elle reste dans sa taille d’origine sur le site mobile et un problème de chevauchement avec le texte est possible.

    Il faudrait modifier le css et mettre (ajout du critère !important pour forcer le style) :

    1. .texte .spip_documents img, .chapo .spip_documents img {
    2. width: 90% !important;
    3. height: auto !important;
    4. }

    Télécharger

    Bien cordialement,

    Répondre à ce message

  • Le 12 mars 2014 à 08:12, par mEGa En réponse à : iTwX Mobile v.3

    Bonjour à tous,
    Merci encore pour ce plugin qui m’a permis en un tour de main de rajeunir un site Spip en offrant une vue pour les smartphones.
    Mis en place en décembre et fonctionnel jusqu’à ces jours derniers, j’ai maintenant une erreur majeure sans avoir rien modifié moi même :
    Fatal error : Class ’SPIPTextWheelRuleset’ not found in /plugins/auto/itwx_cimobile_3_3/inc/texte.php on line 511. Je précise que je suis hébergé en mutualisé chez Online.net.
    J’ai fait le tour et validé que la classe existe bien dans le fichier textwheel appelé, je subodore une modification type sécuritaire de mon hébergeur. Je me tourne vers le concepteur pour avoir une piste de solution avant que je pose directement la question à mon hébergeur. D’avance merci pour les éventuelles réponses.

    • Le 16 septembre 2014 à 19:49, par Valin En réponse à : iTwX Mobile v.3

      Je souhaite utiliser ce merveilleux plugin sur mon site, le souci c’est que cela ne fonctionne pas...

      j’ai installé le plugin à partir du lien : http://twxdesign.com/IMG/zip/itwx_cimobile_3_3.zip

      mais aucune modification de l’apparence de mon site : meteo.lycee-valin.fr

      qui peut m’aider ?

    • Le 2 janvier 2015 à 23:29, par Seds En réponse à : iTwX Mobile v.3

      mEGA : Avez-vous trouvé réponse à votre pb ?

      Valin : vous avez surement trouvé la soluce, cela fonctionne

    • Le 3 mai 2015 à 11:12, par Théo En réponse à : iTwX Mobile v.3

      @ Valin : Super le FlashCode sur le site meteo.lycee-valin.fr
      J’utilise également SarkaSpip mais n’arrive pas à configurer le module Qrcode pour qu’il apparaisse dans la colonne « navigation » et fasse le lien avec http://localhost/monsite/?cimobile=... (Installation en local en attendant).

      C’est plus sympa et explicite qu’un simple lien depuis le menu de liens personnalisés…

      Merci d’avance de l’aide.

    Répondre à ce message

  • Le 11 février 2015 à 17:22, par christianD. En réponse à : iTwX Mobile v.3

    Bonjour,

    J’espère que ce plugin répondra à mes soucis de mise en page pour smartphone du site. Avant de l’installer, j’ai une question.

    Je fais mes tests en local, avant de mettre en ligne. Comment faire pour tester le plugin sur mon smartphone ou ma tablette, si le site n’est pas en ligne mais en local ?

    Merci d’avance de vos réponses.

    • Le 3 mai 2015 à 10:21, par Théo En réponse à : iTwX Mobile v.3

      Il existe maintenant de nombreux sites permettant de tester un site web pour smartphone. http://mobiletest.me, etc.
      Googole le permet aussi.

    Répondre à ce message

  • Le 26 octobre 2012 à 15:28, par PRX En réponse à : iTwX Mobile v.3

    Bonjour,

    Ce plugin est-il compatible Sarka-Spip par hasard ?
    merci d’avance.

    • Le 26 octobre 2012 à 17:28, par Seds En réponse à : iTwX Mobile v.3

      Pas d’incompatibilité connue.
      Cdlt

    • Le 21 mai 2013 à 16:44, par wilowfr En réponse à : iTwX Mobile v.3

      Bonjour
      J’ai installé le plugin avec spip3 et sarka 3.2. Pas de problèmes de fonctionnement à proprement parler mais le plugin ne prend pas en compte la notion de secteurs spécialisés de sarka et du coup on voit ces secteurs dans le menu des rubriques alors qu’ils ne devraient pas apparaitre ou devraient avoir un comportement particulier comme dans le cas de l’agenda de sarka et la gestion des dates de rédaction réelle et antérieure.
      Avec quelques adaptations des boucles, que je teste actuellement, je pense que tout peux fonctionner parfaitement avec sarka.
      Énorme merci pour cet excellent plugin.

    • Le 3 mai 2015 à 10:16, par Théo En réponse à : iTwX Mobile v.3

      Bonjour,

      En effet :

      le plugin ne prend pas en compte la notion de secteurs spécialisés de sarka et du coup on voit ces secteurs dans le menu des rubriques alors qu’ils ne devraient pas apparaitre

      C’est un peu dommage. J’ai cherché mais autant chercher une aiguille dans une botte de foin lorsque l’on est novice en la matière.

      Si quelqu’un avait trouvé la solution depuis…

      Bravo quand même pour ce plugin.

    Répondre à ce message

  • Le 12 décembre 2013 à 17:10, par rodolphe En réponse à : iTwX Mobile v.3

    Bonjour et merci pour ce plugin efficace !

    Je souhaiterais ajouter une bannière ou un logo dans le bandeau d’entete. Est ce possible ?

    Avez vous prévu d’ajouter cette possibilité dans l’administration du plugin, sans passer par du code ? (je suis novice)

    Merci

    Répondre à ce message

  • Le 20 mars 2015 à 14:36, par Théo En réponse à : iTwX Mobile v.3

    Bonjour,

    Après avoir installé :
    cimobile : détection et aiguillage des téléphones mobiles 1.2
    et
    iTwX Mobile pour cimobile 3.3.1
    j’ai dupliqué sommaire.html et rubrique.html pour les placer dans mon dossier « squelettes » en y ajoutant en bas des fichiers les lignes <INCLURE{fond=itwx/redirection}> et <INCLURE{fond=itwx/redirection}{id_rubrique}> (juste avant </body>)
    comme indiqué dans Squelettes / iTwX Mobile -> Configuration des squelettes iTwX Mobile

    Mais à

    – dans les pages article.html, breve.html, site.html, mot.html et auteur.html, remplacer avec l’objet id_ correspondant.
    • Style avec la class .itwx_alerte

    je suis perdu…


    PS : je suis en « local » et je n’ai pas d’iPhone ou autre SmartPhone pour tester.

    Juste : Firefox -> Outil -> Développement web -> Vue adaptative

    • Le 20 mars 2015 à 15:29, par Théo En réponse à : iTwX Mobile v.3

      Je viens de faire le même rajout au fichier article.html mais j’arrête les frais… ça déstabilise le site.

      Comme je suis en local, je visualise bien mon site comme depuis un SmartPhone en ayant ajouté ?cimobile=mobile après l’adresse local. Super.

    • Le 4 avril 2015 à 10:17, par Théo En réponse à : iTwX Mobile v.3

      L’écran d’un mobile étant trop petit, j’ai voulu supprimer « se connecter, etc. » mais pas moyen de faire reconnaître le fichier modifié dans « squelettes ».

      Je l’ai donc laissé (modifié) dans /plugins/auto/itwx_cimobile_3_3/… et ça marche mais n’est-il pas déconseillé de faire ça ?

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Cycle2

    7 août 2014 – 104 commentaires

    La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/. Voici cette nouvelle librairie mise en plugin pour SPIP. Si vous utilisez déjà « jQuery (...)

  • CleverMail

    20 janvier 2010 – 635 commentaires

    CleverMail est un plugin permettant d’envoyer des lettres d’informations à des abonnés depuis SPIP. Issu au départ d’un développement libre complètement indépendant de SPIP, il a connu une première version pour SPIP 1.9 avant d’être complètement réécris (...)

  • SPMC : Squelette par mot clé V2.0

    21 septembre 2009 – 48 commentaires

    Ce plugin prend la suite de squelette par mot clef V1.92 qui ne fonctionnait plus sous SPIP 2.0.x. Avec l’accord de Mortimer qui n’a plus le temps de le maintenir, je prend donc la suite. Présentation du plugin « Squelette par mot clé V2.0 » Le (...)

  • Sarka-SPIP 3

    15 septembre 2009 – 211 commentaires

    Si la lignée 3 de Sarka-SPIP a été l’occasion de refaire presque entièrement le code du squelette elle continue à évoluer et à s’améliorer au fil des versions. Nous ne saurions trop conseiller aux nouveaux utilisateurs - et aussi aux anciens - (...)

  • Paiement avec Formidable

    16 février 2015 – 53 commentaires

    Ce plugin « Paiement avec Formidable » permet d’ajouter une étape de paiement à la fin de la saisie d’un formulaire créé par le plugin Formidable. Il le complète et nécessite par ailleurs le plugin bank qui gère l’interface technique avec les prestataires (...)