Par défaut, les tags sont affichés en nuage, ou en liste.
Je vous propose ici de les afficher dans un menu déroulant.

Pour ce faire, il n’est – hélas – pas possible d’utiliser un widget texte.

Deux solutions s’offrent à nous :

  • copier le code suivant directement dans le template, mais ça implique qu’on ne pourra pas l’intercaler entre deux widgets depuis l’interface d’administration du blog ET qu’il faudra répéter l’opération dans chaque fichier .html du thème :
<div class="taglist">
<tpl:Tags type="tag">
  <tpl:TagsHeader>
    <h2>{{tpl:lang Tags}}</h2>
    <form method="get" action="" id="tag">
    <fieldset style="border:none;">
    <p>
    <select name="tag" onchange="location = this.options[this.selectedIndex].value;">
    <option>Sélection...</option>
  </tpl:TagsHeader>
    <option value="{{tpl:TagURL}}">{{tpl:TagID}}</option>
  <tpl:TagsFooter>
    </select>
    </p>
    </fieldset>
    </form>
  </tpl:TagsFooter>
</tpl:Tags>
</div>
  • utiliser le plugin templateWidget et copier ce code-ci dans un nouveau fichier à nommer en "taglist.widget.html" et à placer dans le tpl du thème utilisé :
<tpl:WidgetName>taglist</tpl:WidgetName>
<tpl:WidgetDescription>Tags en menu déroulant</tpl:WidgetDescription>
<div class="taglist">
<tpl:Tags type="tag">
  <tpl:TagsHeader>
    <h2>{{tpl:lang Tags}}</h2>
    <form method="get" action="" id="tag">
    <fieldset style="border:none;">
    <p>
    <select name="tag" onchange="location = this.options[this.selectedIndex].value;">
    <option>Sélection...</option>
  </tpl:TagsHeader>
    <option value="{{tpl:TagURL}}">{{tpl:TagID}}</option>
  <tpl:TagsFooter>
    </select>
    </p>
    </fieldset>
    </form>
  </tpl:TagsFooter>
</tpl:Tags>
</div>

Et voici le résultat en image ;-)

Clap clap clap clap