Hem, j'ai honte.
Parce que la méthode décrite ici et déjà mentionnée dans le premier post fonctionne en fait totalement.

La seule et unique raison pour laquelle cela n'avait pas fonctionné dans mon cas, c'est que le copier-coller du code à insérer dans config_local.inc.php a mal géré les apostrophes. Du coup, les variables n'étaient pas reconnues comme telles par le plug-in. Bref, tout marche. Et j'ai perdu 4 heures sur un problème qui n'en était pas un. Ou si, un problème ICC (interface chaise-clavier). Too bad.

Et voilà, comme quoi, c'est quand on désespère qu'on finit par trouver...

J'ai donc modifié le fichier thumbnails.css, et plus particulièrement la classe #content UL.thumbnails SPAN.wrap2 A, #content UL.thumbnails LABEL :
- Modification du display, qui devient display: table-cell ; (au lieu de display: block ;)
- Ajout d'une hauteur et d'une largeur : height: 192px ;  width: 192px ;.
- Ajout d'un alignement vertical, qui semble mal situé à l'origine dans la classe #content UL.thumbnails SPAN.wrap2) : vertical-align: middle ;

...
Hem...

Bon, ce n'est pas miraculeux quand même : sous Firefox, ça passe nickel. Par contre, ça ne marche pas sous IE7, et je ne sais pas pour les autres navigateurs...
Pour corriger le tir sous IE7, il suffit apparemment d'ajouter min-height: 192px ; min-width: 192px ;[b] dans la classe [b]#content UL.thumbnails SPAN.wrap2... ce qui, pour une raison complètement inconnue, fait sauter l'alignement vertical sous IE7 ?! (constaté en supprimant les height et width mentionnés plus haut dans ce post). C'est moins beau, mais ça reste acceptable (à mon goût, bien sûr).

Reste un problème curieux : le nom de chaque image (classe : "thumbLegend") reste tronqué comme si le cadre faisait 140 pixels de large... ?!


Je me rends compte que toutes ces modifications peuvent paraître fumeuses, après coup. Et j'en ai peut-être oublié. Donc, voici "en brut" le contenu des trois classes modifiées pour arriver à un résultat à peu près correct, à ceci près que IE7 ne centre pas verticalement l'image :

#content UL.thumbnails SPAN.wrap1 {
  width: 192px ;      /* on spécifie la largeur de la vignette, puisque le cadre ne s'ajuste pas à la vignette sinon */
  margin: 0 20px 5px 5px;  /* augmentation de l'écartement horizontal */
  display: table-cell;
  display: inline-table;
  display: inline-block;   /* Why 3 display option ??? */
  vertical-align: top;    /* OK with Opera and IE6 not Geko */
  text-align: center;    /* to center the thumbnail and legend in Geko/Opera */
}
#content UL.thumbnails SPAN.wrap2 {
  min-height: 192px ;    /* traitement de faveur pour IE7 */
  min-width: 192px ;    /* traitement de faveur pour IE7 */
  margin: 0;      /* important reset the margins */
  display: table-cell;    /* block prevents vertical-align here */
}
#content UL.thumbnails SPAN.wrap2 A,
#content UL.thumbnails LABEL {
  height: 192px ;    /* on spécifie la hauteur de la vignette, puisque le cadre ne s'ajuste pas à la vignette sinon */
  /*display: block;*/
  display: table-cell;
  vertical-align: middle;  /* Ok with Opera and Geko not IE6 */
  border-bottom: none;
}

Évidemment, si je fais fausse route, n'hésitez pas à me le signaler !!!


EDIT : pour la largeur du texte, une fois de plus il m'a fallu la préciser dans la classe thumbLegend : width: 192px ;.