Pour la petite histoire
Ce plugin permet d’afficher vos mots clés sous la forme d’un sphère animée en 3D.
Le principe du nuage 3D vient du plugin WP cumulus disponible sous wordpress.
Un précédent plugin a déjà été réalisé et documenté sur spip contrib, le plugin WP-cumulus.
Alors pourquoi un second plugin réalisant la même chose, tout simplement pour une histoire de technologie, le plugin WP-cumlus utilisant la technologie javascript, le flash, et le recour au php. J’ai cherché quelques temps une alternative en jquery en vain jusqu’a ce que je tombe sur ce site : http://bidouilleur.com/nuage-de-tags-mots-cles-3d-dynamique-en-jquery/ je me suis donc attelé à la réalisation de ce plugin.
Un peu de technique
Pourquoi jquery plutôt que flash ?
- jquery est totalement libre,
- jquery est beaucoup plus souple, rapide et représente l’avenir du web avec le html5 et le css3,
- aucune utilisation de php, jquery s’intègre parfaitement au langage de programmation de spip,
- les plugins reposant sur jquery sont extrèmement simple à réaliser et à personnaliser.
en complément un article détaillant les différences entre les deux technologies :
http://blog.johanbleuzen.fr/comment-jquery-va-tuer-flash
Pour plus d’info sur le script tagsphere :
- Le code du plugin jQuery original
Installation
Récupérer le zip du plugin sur l’espace de téléchargement de la Zone : http://files.spip.org/spip-zone/. L’installation se déroule ensuite comme pour tous les autres plugins, documentation.
Ensuite il ne vous reste plus qu’a mettre le code
<INCLURE{fond=tagsphere}>
dans votre squelette.
depuis la version 0.3, il est conseillé d’utiliser le modèle qui permet d’indiquer vos paramètres et de spécifier le groupe de mots-clés que vous voulez afficher
En tant que rédacteur
- syntaxe courte :
<tagsphere9>
- syntaxe étendue :
<tagsphere9|id_groupe=3|height=800|width=800|timer=45|radius=80>
En tant que concepteur de squelettes
- syntaxe courte :
#MODELE{tagsphere}
- syntaxe étendue :
[(#MODELE{tagsphere}{id_groupe=3,height=800,width=800,timer=45,slower=0.9})]
Voici l’ensemble des paramètres disponibles.
Tous ces paramètres sont facultatifs.
Personnalisation
Paramètres | Explications | Exemple |
---|---|---|
id_groupe | groupe de mots-clés à afficher. si ce paramètre n’est pas renseigné, on prend tous les mots-clés du site | id_groupe=4 |
height | hauteur en pixels | height=400* |
width | largeur en pixels | width=400* |
radius | rayon de la sphère | radius=150* |
speed | vitesse de rotation | speed=3* |
slower | ralenti | slower=0.99* |
timer | délai entre deux positions en ms | timer=5* |
fontMultiplier | valeur d’agrandissement de la police | fontMultiplier=15* |
* indique les valeurs par défault su script.
Navigateurs
testé avec succès sous :
- firefox 3.0
- explorer 8
- chrome 2.0
- opera
Mise à jour
Depuis le 20/10/2011 le comportement par défaut du plugin à été modifié, la sphère tourne désormais au chargement de la page et s’arrête lors du survol de la souris.
Pour retrouver le comportement originel il faut remplacer à la ligne 131 dans le fichier tagsphere/js/jquery.tagSphere.js
if (curState.mouseOver) {
fy = curState.lastFy * options.slower;
fx = curState.lastFx * options.slower;
}
else {
fy = options.speed - forCalcs.speedY * curState.mouseY;
fx = forCalcs.speedX * curState.mouseX - options.speed;
}
par
if (curState.mouseOver) {
fy = options.speed - forCalcs.speedY * curState.mouseY;
fx = forCalcs.speedX * curState.mouseX - options.speed;
} else {
fy = curState.lastFy * options.slower;
fx = curState.lastFx * options.slower;
}
Discussions par date d’activité
24 discussions
Des fois que quelqu’un veuille faire marcher ça avec les navigateurs modernes : https://wordpress.org/plugins/html5-cumulus/ est une piste.
Répondre à ce message
Bonjour,
Pour inclure 2 groupes de mots-clés, j’ai essayé cette syntaxe :
mais seul le premier groupe de mots-clés (4) est pris en compte, pas le second.
J’ai essayé avec un point-virgule en séparateur, ça ne marche pas non plus.
Et contrairement à Christian, dans mon cas, c’est important de distinguer les 2 groupes.
Il doit bien y avoir une solution...
Merci,
Répondre à ce message
BONNE NOUVELLE ANEE à tous
MERCI de votre aide
Spip 3.0.21 SarkaSpip 3.2.46 TagSphere 0.4.1
je cherche à avoir autre chose qu’une page non fonctionnelle, lorsque je clique dans la colonne de gauche , dans mon menu de Sarkaspip (modifié par Tagsphere) sur le bouton « Mots-Clés »....
Le lien appelé par un clic dans le bouton de mon menu « Mots-clés » est : http://www.amitie-france-madagascar.org/site/spip.php?page=mot
Un clic dans le bouton du menu « Mots-clés » lance bien l’affichage d’une nouvelle page
dont le titre est « Recherche par mots-clés »
Cette page existe donc et son code existe bien
Cette page « Recherche par mots-clés » ne comporte qu’un seul bouton RECHERCHER et AUCUN champ ou déposer un nom de mot clé
Un clic dans ce bouton « Rechercher » affiche un texte d’erreur « Choisir un critère de recherche » encadré dans un rectangle borduré de rouge et de fond rose
AUCUN champ ou déposer un nom de mot clé n’est visible dans cette page
je répète aucun champ où déposer un nom de mot clé
En cherchant dans les fichiers disponibles dans TOUT le site web .. je me rappelle avoir lu, une fois, à un endroit d’un fichier ... dont je n’ai PAS noté ni la place ni le nom (QUEL CON je suis)
.... comme commentaire du code du fichier
... que le bouton « Mots-clés » ... donne une valeur Env NULLE si l’on clique sur le bouton « Mots-clés »
Donc il semble NORMAL, pour le développeur, que le bouton « Mots-clés » de mon menu...soit inopérant.. et ne donne PAS accès à une recherche POSSIBLE
j’aurais plaisir
1/ soit à faire un lien du bouton « Recherche par mots-clés » vers une page où je ferai la liste de mes mots clefs ... avec le Plugins Nuage par exemple... pour compenser ce comportement que je trouve aberrant....... mais dans quel fichier et où est situé le fichier appelé .... dans mon site
2/ soit demander GENTIMENT au développeur de modifier SON code .. pour que ce bouton « Mots-clés » de SON tagsphere 0.4.1..... aboutisse à une recherche de mots clefs fonctionnelle dans une installation classqiue de Spip 3.0.21 et SarkaSpip 3.2.46
MERCI d’avoir eu la patience de lire jusqu’ici
Espérant avoir été compréhensible
Espérant dans votre aide
MB
Répondre à ce message
Hello,
Même problème que Christian
A savoir, quelle syntaxe adopter lorsque l’on veut exclure des groupes de mot clé avec le #MODELE ?
Je tourne en rond ...
Cordialement
Sans doute depuis le temps, une réponse à votre question a été apportée.
Autrement, cela peut se faire ainsi :
Modifier le fichier tagsphere.html en remplaçant :
par
Répondre à ce message
Bonjour,
Merci pour la mise à disposition de ce plugin.
Fonctionne-t-il encore avec SPIP 3.0.16 ?
Pour le site sur lequel je tente de le placer, il n’apparait pas.
Malgré le placement de <tagsphere9> dans un article et dans le squelette (en même temps, il semble que le fichier tagsphere.html est trouvable ici : /plugins/auto/SPIP-3-0/modeles et non dans /squelettes-dist/inclure).
Autrement, serait-il possible d’utiliser ce script directement en passant par un article, c’est à dire en insérant dans cet article la balise à laquelle le rédacteur ajoute les mots clés qu’il souhaite voir apparaître ?
Merci :)
Répondre à ce message
Bonjour,
Comment enlever les liens sur les mots clés de tagsphère ?
Merci beaucoup pour votre réponse
Répondre à ce message
Bonjour,
Est il possible de spécifier plusieurs groupes de mots clefs à afficher au lieu d’un seul ou d’en exclure 1 ou 2 ?
En effet, j’ai 4 groupes dont 2 que je ne souhaite pas afficher (groupe de mots pour le glossaire et groupe pour la gestion du slider en haut de page)
Logiquement cette syntaxe devrait fonctionner <tagsphere9|id_groupe=3,4,5|height=800|width=800|timer=45|radius=80>
Bonne année
Bonjour et merci pour la réponse.
Ma question ne concernait pas la partie rédacteur, mais la partie conception du squelette. Je n’ai pas été assez précis et je vous prie de m’en excuser.
J’ai finalement résolu le problème en mettant tous les mots que je voulais « voir » sur le site dans un seul groupe. Cela n’a pas trop d’importance vis à vis des visiteurs, cela facilitait plutôt la recherche du mot par le rédacteur.
Merci
Répondre à ce message
Bonjour,
j’ai installé et activé le plugin, j’ai collé dans la page site.html du squelette AHUNTSIC, Site réalisé avec SPIP 1.9.2e ( http://news95.perso.neuf.fr ).
je n’ai pas le moindre nuage à l’horizon, me serais-je trompé de page dans laquelle écrire ????
Amigalitiés
sisi il est bien là http://news95.perso.neuf.fr/spip.php?page=site, pour l’avoir sur ta page t’accueil il faut placer le code dans ton fichier sommaire.html.
J’ai tésté avec opéra (ça marche) et ie (ça marche), pense à faire la modif décrite plus bas dans le forum pour éviter le bug avec ie.
reste le problème de la sur-impression de la sphère sur la colonne ; je ne connais pas le squelette ahunstic, mais je pense qu’il doit suffire de mettre le code dans une boite en d’en fixer la hauteur du style :
dans sommaire.html et
dans la feuille de style ou alors tu peux essayer de ajoutant dans tagsphere.html ce code :
bonjour
j essaie d installer tagspere dans mon site sous spip 3 avec squelette globenews.
ds quel fichier sommaire mettre le code ?
dans le sommaire de squelette -dist ou dans le sommaire du plugin globenews ?
ou dans un autre fichier sommaire mais où se situe t il ?
faut il installer le plug nuage aussi ?
merci
Pb réglé
désolé et merci
Répondre à ce message
Petite précision, le plugin tagsphere fonctionne très bien en spip3. Il suffit de changer l’intervalle de compatibilité en le faisant terminer par 3.0.* à la place de 2.1.99.
Attention, la dernière correction interdit de l’utiliser en SPIP 2.1
car spip2 ne reconnait pas encore le * de
_
<necessite id='SPIP' version='[1.9.2;3.0.*]' />
(injecté par la SVN 62608)
Il faudrait remettre
<necessite id='SPIP' version='[1.9.2;3.0.99]' />
et peut-etre créer le
paquet.xml
correspondant !Merci pour les spip2
YannX
Oups ! Vraiment désolé...
J’ai fait la correction indiquée, ça devrait maintenant passer avec les spip2. Je commite sous peu le paquet.xml
Répondre à ce message
Je suis sur Spip 1.9.2 (dernière version) et ce plugin ne fonctionne pas sur mon site : il affiche toute la liste des mots-clés sur une colonne...
Sans-doute un pbm de Jquery (c’est le bordel...).
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 : |