iTwX Mobile v.3

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

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

Discussion

Une discussion

  • 4

    Bonjour
    Tout d’abord, merci pour ce plugin bien utile.
    Je souhaiterais modifier le fichier article.html de ce plugin (par ex pour supprimer le menu « mots-clés ») en le surchargeant via une copie dans mon répertoire squelettes mais je n’y arrive pas.
    J’ai créé un répertoire « squelettes/mobile/ » pour y enregistrer le nouveau fichier article.html mais rien y fait (même après avoir vider le cache). J’ai fait de même avec un nouveau répertoire « squelettes/smartphone/ »... pareil.
    Pouvez vous me dire quel est la marche à suivre svp ?
    Merci.

    • J’ai trouvé l’explication pour personnaliser les squelettes mobiles sur cette page, chapitre « Personnalisation des squelettes mobiles ». Mais je n’arrive à rien.
      En désespoir de cause, même en modifiant les fichiers « articles.html » du répertoire squel_mobiles à la racine du plugin et vider le cache... ça ne fait rien.
      C’est peut-être le cache du tél...

    • Bonjour JeanLuc,

      La surcharge de squelette de type dist/squelette-dist n’est pas implémentée dans ce plugin.
      Pour personnaliser votre versions mobile, vous devez réécrire les fichiers des squelettes utilisés dans squel_mobiles. Pensez à conserver une sauvegarde de vos modifs en cas de mise à jour du plugin.

      Notez que vous pouvez visualiser vos versions mobiles depuis votre ordinateur via les liens donnés dans la config du plugins.

      Cdlt,
      Seds

    • Bonjour Seds
      Merci pour ta réponse
      En fait, au final, c’est ce que j’ai essayé de faire (voir mon dernier post), cad modifier directement les fichiers du plugin dans le rép. du plugin...
      Mais rien ne change à l’affichage.
      A croire qu’un cache persistant se maintient qqpart...
      Je cherche...

    • Allez dans Maintenance > Désactiver temporairement le cache

    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 :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

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.

Qui êtes-vous ?
[Se connecter]

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

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom