[Résolu] rendu perso du nuage de tag avec le super plugin «Simple Tag» (Créer un compte)

  • Statut : non résolu
  • Ce sujet contient 4 réponses, 2 participants et a été mis à jour pour la dernière fois par radiCarl, le il y a 16 années.
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #456346
    radiCarl
    Membre
    Chevalier WordPress
    137 contributions

    – Version de WordPress 2.3.1 :
    – Version du Plugins 1.2.2 :

    Bonjour à tous,

    Je suis désespéré, :(

    Depuis octobre, je me bats en vain avec le CSS de mon thème WordPress afin de définir l’apparence de mon nuage de tag; l’idée est de revenir à l’apparence que j’avais conçu préalablement avec le plugin « Simple Tagging ».

    Le code en question est celui-ci :

    ul#tagcloud { padding:0; margin:0; text-align:center; list-style:none; }
    ul#tagcloud li { display:inline; font-size:70%; color:#0000cc; background: none; padding: 0;}
    ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
    ul#tagcloud li a:hover { text-decoration:underline; }
    ul#tagcloud li.t1 a { color:#e3f4fc; font-size: 120%; }

    ul#tagcloud li.t2 a { color:#e3f4fc; font-size: 160%; }
    ul#tagcloud li.t3 a { color:#e3f4fc; font-size: 190%; }
    ul#tagcloud li.t4 a { color:#e3f4fc; font-size: 210%; }
    ul#tagcloud li.t5 a { color:#e3f4fc; font-size: 230%; }
    ul#tagcloud li.t6 a { color:#e3f4fc; font-size: 250%; }
    ul#tagcloud li.t7 a { color:#e3f4fc; font-size: 270%; }
    ul#tagcloud li.t8 a { color:#e3f4fc; font-size: 290%; }
    ul#tagcloud li.t9 a { color:#e3f4fc; font-size: 310%; }
    ul#tagcloud li.t10 a { color:#e3f4fc; font-size: 330%; }

    j’avais d’ailleurs écrit à ce sujet sur le blogue d’Amaury, or bien que ce dernier m’a bel et bien répondu, je dois toutefois vous avouer ne pas avoir compris ses explications :

    radiCarl… Utilise la forme des liens suivante : ( tu peux la param avec le param xformat)
    href= »%tag_link% » class= »tag-link-%tag_id% t%tag_scale% » title= »%tag_count% topics » %tag_rel% style= »%tag_size% %tag_color% »>%tag_name%

    Concrètement, j’ai passé des heures à essayer de paramétrer cette option (Xformat)… vous constaterez d’ailleurs sur ma page de nuage, ici (http://radicarl.net/tag-2), que le résultat est loin d’être réussi.

    Toutefois, j’ai repris espoir est découvrant un rendu de nuage qui me conviendrait
    http://www.planetepsp.fr/tag

    Dans le fond, l’idée de ce que je souhaite obtenir est que les tags soient affichés l’un à la suite de l’autre (ce qui sauve considérablement beaucoup d’espace), puis qu’il y ait un changement de couleur lorsque la souris touche un tag.

    De la sorte, y’aurait-il une âme charitable pour m’aligner dans le bon chemin ? :wp:

    Merci d’avance:D

    #618267
    AmO
    Participant
    Maître WordPress
    4449 contributions

    Ajoute dans ton CSS:
    .st-tag-cloud li {
    display:inline;
    }

    Et pour le roll hover et le changement de couleurs, rajoute ceci:
    .st-tag-cloud li a:hover{
    color:red
    }

    #618268
    radiCarl
    Membre
    Chevalier WordPress
    137 contributions

    Salut Amo,
    merci pour l’attention, c’est très apprécié.

    Cependant, après avoir disposé de ton code dans mon CSS, je ne vois toujours rien de modifier dans mon nuage
    http://radicarl.net/tag-2

    Serait-ce à cause de code PHP dans la page:

    En effet, je ne comprends toujours pas comment insérer adéquatement la balise xformat; ce sujet spécifique est d’ailleur très mal expliqué sur le site de l’auteur.

    Merci beaucoup pour le coup de pouce 🙂

    #618269
    AmO
    Participant
    Maître WordPress
    4449 contributions

    L’auteur c’est moi 😉
    Pourquoi tu n’utilises pas simplement ?

    Et tu configures tout via les options ?
    Actuellement c’est normal… tu sépares les tags avec un
    !

    #618270
    radiCarl
    Membre
    Chevalier WordPress
    137 contributions

    Salut Amo… ou Amaury devrais-je dire.:D

    Quand j’ai lu ta réponse ici, j’ai pouffé de rire (jaune) en saisissant que vous/tu es en fait la même personne. Cela dit, je crois que tu pardonneras mon insistance à revenir à la charge afin de réaliser ce fameux nuage de tag. En effet, je l’avais si longtemps imaginé que de le réaliser était une quasi-obsession. Or voilà, j’ai l’heureuse nouvelle de t’apprendre que j’y suis presque arrivé.
    http://radicarl.net/tags

    La clef de la solution était ton code .st-tag-cloud li… j’ai donc simplement modifié dans mon CSS le code ul#tagcloud li de l’ancien plugin par .st-tag-cloud li de Simple Tags.

    Puis, dans mon cas, il fallait impérativement cocher l’option List dans les l’interface d’administration (plutôt que flat)
    Format du nuage de tags:
    • list – affiche une liste formatée (ul/li).
    • flat – Afficher en ligne (pas de liste, juste un balise div)

    Alors, sincèrement, un gros Merci Amaury.
    Cependant, pour que je puisse bien clore ce dossier, j’aimerais toutefois comprendre comment je pourrais séparer les tags de mon nuage entre eux pour clarifier l’ensemble. Concrètement, comment pourrais-je mettre un point devant chaque tag?

    Puis, tant qu’à être, pourrais-tu aussi m’expliquer pourquoi certains tags demeures petits malgré le fait qu’ils soient parmi mes topics populaires (exemple : Stage à Paris avec 12 topics et Paris avec 20).

    Quand mon nuage sera totalement fonctionnel, en guise de remerciement, j’écrirai un petit billet sur ce formidable plugin. Encore merci Amaury… et bonne continuité pour WordPress.:wp:

5 sujets de 1 à 5 (sur un total de 5)
  • Vous devez être connecté pour répondre à ce sujet.