CIWIDGET

La VERSION 3.0 de CIWIDGET offre 22 widgets : pour publier des graphiques (colonnes, lignes, radar, etc.), pour publier des tableaux, etc. CIWIDGET 3.0 est compatible avec SPIP 3.0, 3.1, 3.2, 4.0, 4.1, 4.2 et PHP 7.0, 7.1, 7.2, 7.3, 7.4, 8.0, 8.1.

Compatibilité

CIWIDGET 3.0 est compatible avec SPIP 3.0, 3.1, 3.2, 4.0, 4.1, 4.2.
CIWIDGET 3.0 est compatible avec PHP 7.0, 7.1, 7.2, 7.3, 7.4, 8.0, 8.1.

Les objectifs de ce plugin

L’objectif est de pouvoir afficher facilement, dans le texte d’un article d’un site SPIP, des contenus autres que du texte, des images et des pièces jointes.

Dans ce cadre, le plugin CIWIDGET offre (dans la version 3.0) les 22 widgets suivants (le widget « Carte simple » apparaît uniquement si le plugin GIS est actif) :

Les prochaines versions du plugin CIWIDGET comprendront davantage de widgets.

Les widgets sont compatibles avec des écrans de faible largeur (responsive).

Les fonctionnalités sont détaillées dans le document doc21810 ci-joint au format PDF.

Les nouveautés de la version 2.0 de CIWIDGET (par rapport à la version 1.0) sont présentées dans le document Nouveautés de la version 2.0 ci-joint au format PDF.

Les nouveautés de la version 2.5 de CIWIDGET (par rapport à la version 2.0) sont présentées dans le document Nouveautés de la version 2.5 ci-joint au format PDF.

Par exemple, le widget Graphique offre 10 types de graphique : colonnes, colonnes avec une courbe de tendance, colonnes empilées, colonnes empilées avec une courbe de tendance, barres, barres empilées, secteurs, anneau, lignes, radar.

Vidéo de démonstration de CIWIDGET version 1

Cliquer ci-dessous pour afficher cette vidéo :
vidéo

Vidéo de démonstration du widget pour publier des graphiques

Cliquer ci-dessous pour afficher cette vidéo :
vidéo

Installation

Il est nécessaire d’installer également les plugins CIAUTORISER (au minimum en version 1.5) et CISTYLE (au minimum en version 2.0), qui sont livrés avec le plugin CIWIDGET.

Remarque : Si le site utilise le plugin CISF, il est nécessaire d’utiliser au moins la version 4.1 de CISF. S’il utilise le plugin CIAR, ce dernier doit être au minimum en version 2.9. S’il utilise le plugin CISQUEL, ce dernier doit être au minimum en version 3.7.

Comment ajouter un widget ?

Dans l’espace privé, dans la page de l’article, cliquer sur le nouveau bouton « Ajouter un widget » (en bas à droite).

La page suivante s’affiche. Cliquer sur le widget souhaité (par exemple : un Tweet issu de Twitter)

La page suivante s’affiche. Renseigner les informations obligatoires ...

... ou cliquer d’abord sur le lien « Afficher/masquer les explications »

Après avoir cliqué sur le bouton [Enregistrer], le widget apparaît dans la liste des widgets attachés à l’article (en dessous de la liste des documents).

Il est possible de modifier ou de supprimer un widget (comme pour les documents).

Pour insérer le widget dans le texte de l’article, il convient de procéder comme pour les documents.

Une fois le raccourci <widget_tweet...|center> inséré dans le texte de l’article, on peut prévisualiser l’article (ou le publier).

Quels sont les apports du widget vidéo ?

Par rapport à l’insertion classique d’une vidéo dans SPIP (que l’on peut continuer à utiliser), le widget vidéo :

  • Indique, par sa présence, la possibilité de téléverser des vidéos.
  • Permet de limiter les formats autorisés.
  • Permet d’imposer un débit vidéo maximal avec audio.
  • Informe l’utilisateur sur le poids maximal, les formats autorisés et, le cas échéant, le débit maximal autorisé.
  • Permet de saisir une « Transcription textuelle » (stockée dans le descriptif), qui s’affichera sur le site public lorsque l’on cliquera sur le bouton « Voir la version texte ».
  • Offre deux options supplémentaires : tourne en boucle, démarre automatiquement.

Remarque : le plugin offre un lecteur vidéo accessible et compatible avec des écrans de faible largeur (responsive). La configuration générale offre trois choix d’apparence, c’est-à-dire 3 skins, pour le lecteur vidéo (cf. document de description du plugin ci-joint).

Configuration générale des widgets

La configuration générale consiste à modifier les valeurs par défaut des widgets.

La configuration générale est facultative. En effet, les widgets disposent de valeurs par défaut.
Seul un administrateur du site peut configurer.

Dans le cas où la configuration est imposée au site (cf. document de description du plugin ci-joint), il est possible de voir la configuration, sans pouvoir la modifier.

Pour configurer, il convient de se placer dans l’espace privé de SPIP et de cliquer sur le menu Configuration / Configurer les widgets .

La configuration générale permet d’activer la prise en compte du RGPD pour les widgets concernés (cf. document de description du plugin ci-joint).

Versions successives du plugin CIWIDGET

La version 2.8 apporte la compatibilité avec PHP 8.0 et 8.1, ainsi que la compatibilité avec SPIP 4.1.

La version 2.8.1 contourne des incompatibilités avec l’ancien PHP 5.4.

La version 2.9 offre davantage de possibilités de configuration du widget Graphique, en particulier pour les graphiques de type ligne.

La version 2.9.4 apporte les évolutions suivantes :
-  widget Dailymotion : il accepte, en plus, les deux syntaxes d’adresses suivantes : https://dai.ly/... et https://www.dailymotion.com/partner/xhpvnp/media/video/details/...
-  widget « Fil d’info de Twitter » : le formulaire du widget affiche le message d’avertissement suivant : « Suite à une évolution de Twitter de juillet 2023, selon le compte Twitter et selon que le visiteur du site s’est préalablement authentifié ou non sur Twitter, le fil d’information peut afficher le message »Rien à voir ici. Pour le moment.« ou peut afficher les tweets dans le désordre en présentant en premier des tweets très anciens. »
-  widgets Tweet et « Fil d’info de Twitter » : ils acceptent, en plus, les adresses en « x.com ».
-  widget Tweet : Adaptation du message d’explication du formulaire, à l’évolution de la manière de récupérer l’URL du Tweet.
-  widget Vidéo de terra : il prend en compte l’évolution de l’adresse pour afficher une vidéo.

La version 2.9.5 apporte le widget iframe.

La version 2.9.6 apporte des possibilités supplémentaires pour le widget iframe.

La version 3.0.0 de CIWIDGET apporte les widgets galerie d’image, citation et portrait. Elle apporte la compatibilité avec SPIP 4.2. Elle utilise la nouvelle version 2 du plugin CISTYLE.

La version 3.1.0 de CIWIDGET apporte la compatibilité avec le plugin BigUp (qui est livré avec SPIP 4).

Discussion

19 discussions

  • Bonjour,

    Merci pour ce plugin, je l’ai utilisé pour Twitter, mais est-ce qu’il y aura Facebook et Instagram un jour ?

    Répondre à ce message

  • Bonjour,

    Est-ce qu’il y aura aussi bientôt Facebook et Instagram ?

    Répondre à ce message

  • bonjour,
    pas mal : ce plugin est-il en installation manuelle ou dans le dépot (Spip-zone) ?
    merci !

    Répondre à ce message

  • 2
    Bernard CLEMENT

    Bonjour
    J’ai voulu installer la dernière version de Ciwidget 2 et j’ai un blocage.
    j’ai téléchargé les 3 plugins dans ./plugins/auto
    puis activé le nouveau ciwidget, il m’indique 100% puis page blanche HTTP erreur 500
    ensuite impossible de relancer le site
    je dois par ftp supprimer le plugin ciwidget pour pouvoir relancer le site.
    Je n’ai pas ce problème quand je réinstalle ciwidget version 1

    petit détail pour les 3 plugins il n’y a plus le numéro de la version

    Je suis en Spip 3.2.1
    merci de votre aide

    • Je viens d’effectuer l’activation de ces 3 plugins situés dans plugins/auto (dans un site vide sous SPIP 3.2.8), et je n’ai pas rencontré pas de problème.

      Il convient de :
      -  vérifier que les plugins ne sont pas également dans plugins ou plugins-dist.
      -  regarder le contenu du log de SPIP (tmp/spip.log)
      -  regarder le contenu du log d’erreur d’Apache

    • Bernard CLEMENT

      J’ai installé spip 3.2.8 et tous les plugins en date du 17 nov 2020
      Tout est OK
      merci

    Répondre à ce message

  • 5

    Bonjour et merci pour cette noisette.
    J’aurais voulu que mon texte soit en fer à gauche en partie publique dans celui de l’Infographie. Y a t’il une méthode SVP ?
    Exemple sur ma page : http://www.patcatnats.fr/spip.php?article827
    Merci
    Patrice MOREL

    • Bonsoir,
      Toujours dans le widget « Infographie », y a t’il une limite du nombre de caractères dans le texte ?
      J’ai un drôle d’affichage où le texte semble « sortir » de la fenêtre...
      Exemple : http://www.patcatnats.fr/spip.php?article837
      Merci encore
      Patrice

    • Bonjour,
      La version 2.0.2 de CIWIDGET évite ces deux problèmes (elle n’utilise plus la classe de SPIP « spip_doc_descriptif » pour éviter le premier problème et elle n’utilise plus les classes de SPIP « offscreen » et « invisible » pour éviter le second problème).

    • Merci beaucoup,
      Dois-je désinstaller et réinstaller ? (Je ne voie pas de mise à jour dans la gestion de mes plugings !)
      Patrice

    • Il convient de copier le contenu du fichier ZIP, joint au présent article, dans le dossier où la version précédente figure (« plugins » ou « plugins-dist »), puis de vider le cache de SPIP.

    • Bonjour,
      Quelle réactivité !
      Merci beaucoup (çà fonctionne)
      Patrice

    Répondre à ce message

  • 3

    Suggestion pour une prochaine version : rendre visible les widgets de la même manière que les images/docs quand on utilise le plugin EDITION DIRECTE

    Quand on utilise le plugin EDITION DIRECTE, il est obligatoire de cliquer sur « modifier cet article » pour visualiser le ou les widgets créés et ainsi les ajouter dans le corps de l’article.

    En tous les cas merci pour ce plugin qui rend service :)

    Répondre à ce message

  • 1

    Sous SPIP version 3.3 (mais pas sous SPIP 3.2), CWIDGET version 1.0 empêche de téléverser des images dans les articles.

    Répondre à ce message

  • 7

    Bonjour

    J’ai 2 erreurs dans le modèle audio.html :

    • Filtre ciparam_xtn2 non défini
    • Filtre ciparam_xtTraiter non défini

    En effet, je ne trouve pas trace de ces filtres dans le plugin.

    • La version 1.0.1 du 12/11/2019, jointe à la présente page, évite ces messages de filtres non définis dans le modèle audio.html.

    • Cool !
      Merci pour le travail et pour la réactivité.

    • merci
      par contre je rencontre un pb de dimensions du lecteur audio

      est il possible de régler ça quelques part.

      car pour un site utilisant une synthèse vocal (non-voyant)

      Quand j’ai un seul fichier audio ou vidéo dans un article la synthèse vocale affiche les commandes de lecture.
      Si j’ai plusieurs fichiers audios ou vidéos dans un article comme sur la page d’accueil, je peux lire le titre des fichiers multi-médias, mais pas la commande de lecture.

      je pense que c’est du au fait de la taille du lecteur audio

      pour la video le pb semble résolu, encore merci pour ce plugin qui facilite la vie

    • Dans le formulaire de modification d’un document, SPIP offre la possibilité de préciser ses dimensions, en particulier sa largeur.

    • J’ai créé un article avec deux fichiers audios dans le texte (balise emb). Le lecteur d’écran NVDA lit la commande de lecture du premier fichier audio, puis celle du second fichier audio.

    • Merci, pour votre aide
      effectivement pour la largeur il suffit de passer le paramètre |largeur=xx>

      dans l’article je passé :
      du coup je vais essayé avec

      et demandé un retour.

    • Il faut indiquer la largeur dans le formulaire de modification du document.

    Répondre à ce message

  • 2

    Hello , qu’est ce que j’ai loupé ?
    car « »utilise« » c’est pas obligatoire contrairement a « »nécessite« »

    Impossible d’activer le plugin ../plugins-dist/adaptionsSF/ciwidget

    Utilise le plugin CISF en version ≥ 4.1.0.
    Utilise le plugin CIAR en version ≥ 2.9.0.
    Utilise le plugin CISQUEL en version ≥ 3.7.0.

    • La réponse est dans le chapitre « Installation » de la présente page.

    • ok alors je visionne

      Il est nécessaire d’installer également le plugin CIAUTORISER (au minimum en version 1.5), qui est livré avec le plugin CIWIDGET.

      ça c’est ok : 1.5

      Remarque : Si le site utilise le plugin CISF, il est nécessaire d’utiliser au moins la version 4.1 de CISF.

      je n’utilise pas CISF

      S’il utilise le plugin CIAR, ce dernier doit être au minimum en version 2.9.

      ça c’est pas bon : 2.7.0, je recharge la dernière version mais rien me dit que j’ai une nouvelle version a télécharger via SVP

      et la c’est bon
      Installation du plugin ciwidget : Widgets
      Installation réussie

      merci pour la piste ...
      je n’avais pas penser a vérifié les versions dans le paquet.xml

    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.

modération a priori

Attention, votre message n’apparaîtra qu’après avoir été relu et approuvé.

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