Teddy Payet

Plugin "Lister les logos"

Teddy Payet — 2026-02-19T08:30:00Z

Dans SPIP, les logos sont largement utilisés pour illustrer les contenus : logos d'articles, de rubriques, d'organisations ou encore d'objets éditoriaux spécifiques. Avec le temps, un site peut accumuler un grand nombre de logos, parfois difficiles à identifier ou à gérer.

J'ai initialement développé le plugin Lister les logos en 2014 pour répondre à un besoin simple : visualiser rapidement l'ensemble des logos présents sur un site SPIP et faciliter leur gestion.

Le plugin propose notamment :

une liste centralisée des logos utilisés sur le site
une visualisation rapide des images associées aux objets éditoriaux
un accès direct aux contenus liés aux logos
une aide précieuse pour identifier les logos inutilisés ou à remplacer

Cette vue d'ensemble permet de mieux maintenir les médias d'un site, notamment lors d'une refonte graphique, d'une migration ou d'un travail de nettoyage des contenus.

Après plusieurs années d'utilisation, j'ai récemment mis à jour le plugin pour le rendre compatible avec SPIP 4, afin qu'il continue à rendre service aux webmestres et intégrateurs qui souhaitent garder une vision claire des ressources graphiques de leur site.

Plugin SPIP : https://plugins.spip.net/lister_logos.html?compatible_spip=4.4
Documentation : https://contrib.spip.net/4600

Redirections 301 pour SPIP : Un plugin qui répond à un vrai besoin

Teddy Payet — 2025-03-26T08:00:00Z

Dans le cadre d'une refonte éditoriale sur l'un des sites que je gère, je me suis retrouvé confronté à un problème récurrent : certaines URLs allaient disparaître, rendant inaccessible du contenu précédemment indexé et potentiellement encore consulté. Pour éviter ces erreurs 404 et préserver le référencement du site, il me fallait une solution efficace pour gérer les redirections 301 directement dans SPIP.

Ayant déjà créé plusieurs plugins par le passé, j'ai dû m'y replonger après une longue période d'inactivité sur ce type de développement. J'ai donc décidé de concevoir un plugin permettant d'ajouter et de gérer facilement des redirections permanentes depuis l'interface d'administration de SPIP.

Redécouverte des pratiques de la communauté SPIP

En me replongeant dans l'univers du développement de plugins SPIP, je me suis aperçu que certaines règles et pratiques avaient évolué, notamment sur la plateforme de développement git.spip.net. Il m'a fallu me remettre à jour sur ces nouvelles conventions et adapter mon code en conséquence.

Une fois le plugin finalisé, je l'ai déployé sur mon propre site, mon blog, afin d'en tester l'efficacité en situation réelle. Rapidement, j'ai constaté l'existence de nombreuses erreurs 404 provoquées par des robots explorant d'anciennes URLs. Cet outil m'a permis de mettre en place les redirections nécessaires et d'analyser le comportement des visiteurs et des moteurs de recherche face à ces modifications.

Un accueil positif de la communauté

La publication du plugin a suscité un vif intérêt au sein de la communauté SPIP. De nombreux utilisateurs ont immédiatement proposé des évolutions et des améliorations via les issues sur Git, ce qui a confirmé l'utilité du projet.

Parallèlement à son adoption dans la communauté, Redirections 301 a été intégré dans mes propres projets professionnels. Il facilite la gestion des redirections et contribue à la maintenance des sites tout en préservant leur référencement naturel. Grâce à cet outil, il est désormais plus simple pour mon équipe de suivre et d'administrer les changements d'URL, réduisant ainsi le risque d'erreurs 404 et les impacts négatifs sur l'expérience utilisateur et le SEO. Son intégration a également permis d'améliorer notre flux de travail en apportant une solution centralisée et directement accessible depuis l'administration SPIP.

Une alternative aux redirections via .htaccess

On pourrait me dire qu'il est plus simple d'ajouter ces redirections directement dans le fichier .htaccess. Et je serais entièrement d'accord : c'est souvent la meilleure solution. Mais dans la réalité, ce n'est pas toujours possible, notamment lorsqu'on travaille pour des associations ou sur des sites de l'administration française, où l'accès à ce fichier est restreint, voire impossible. C'est précisément pour répondre à cette contrainte que j'ai développé ce plugin.

Et maintenant ?

Ce plugin va continuer d'évoluer en fonction des retours des utilisateurs. De nouvelles fonctionnalités pourraient voir le jour pour le rendre encore plus complet et adapté à différents cas d'usage.

Si vous utilisez SPIP et que vous souhaitez optimiser la gestion de vos redirections, je vous invite à tester Redirections 301 et à partager vos retours !

👉 Découvrez le plugin et sa documentation ici : https://contrib.spip.net/Redirections-301

Photo de Tim Foster sur Unsplash

Plugin "Redirections 301"

Teddy Payet — 2025-03-19T08:30:00Z

Lorsqu'un site évolue, ses URLs changent souvent : restructuration éditoriale, déplacement de contenus, refonte graphique ou technique… Ces changements peuvent rapidement générer des erreurs 404 et nuire à la navigation comme au référencement du site.

J'ai développé le plugin Redirections 301 pour répondre à ce besoin récurrent sur les sites SPIP : permettre aux administrateurs de gérer simplement les redirections et d'identifier les liens cassés.

Le plugin propose notamment :

la création et la gestion de redirections 301 permanentes
la détection des erreurs 404 rencontrées par les visiteurs
la transformation rapide de ces erreurs en redirections pertinentes
une gestion simple directement depuis l'espace privé de SPIP

L'objectif est de faciliter la maintenance d'un site et d'accompagner ses évolutions tout en préservant la continuité des liens et le référencement.

Ce plugin est particulièrement utile lors de refontes, migrations ou restructurations éditoriales, où la gestion des anciennes URLs devient un enjeu important.

Plugin SPIP : https://plugins.spip.net/redirections.html?compatible_spip=4.4
Documentation : https://contrib.spip.net/Redirections-301

Association Didattica, millésime 2024

Teddy Payet — 2024-10-15T07:30:00Z

L'association Didattica se fait un petit lifting et se met au gout du jour en adoptant une interface responsive. Ce remaniement esthétique a été mis en ligne en octobre 2024.
La refonte graphique respecte l'aspect identitaire initiale du site. Nous avons rafraichi sa lecture sur l'ensemble des supports avec du responsive avec l'utilisation de Bootstrap 5 sur un SPIP 4.3. Toutes les pages ont été revues dans leur mise en forme et dans la structure des informations affichées grâce au (…)

- Développement / SPIP, HTML, CSS, MySQL, Associaiton Didattica, PHP, Freelance, Bootstrap (CSS et JS), Lead Developer, Git, VSCode

Socicon, le site internet

Teddy Payet — 2024-04-10T10:00:00Z

Projet de reprise et création du site Internet de la librairie Socicon

Depuis mars 2024, j'ai entrepris la reprise de la librairie Socicon, une ressource précieuse pour l'intégration d'icônes sociales dans les sites web, qui n'était plus activement maintenue. En collaboration avec l'auteur d'origine, coolseed, j'ai non seulement repris la maintenance de la librairie, mais j'ai également recréé un site internet de présentation dédié à Socicon. Je m'engage à respecter l'idée originale de l'auteur de la librairie Socicon, coolseed, et à lui accorder toujours le dernier mot sur sa réalisation et sa vision de la librairie.

Création du site internet avec SPIP

Le site internet de présentation de la librairie Socicon a été créé grâce à SPIP, un système de gestion de contenu (CMS) flexible et puissant. Cette plateforme nous a permis de concevoir un site autonome, capable de télécharger automatiquement la dernière version de la librairie depuis GitHub. Ainsi, les utilisateurs ont toujours accès à la version la plus récente de Socicon, garantissant une expérience optimale.
De plus, j'ai développé la galerie de présentation des icônes de la librairie en utilisant du JavaScript, en consultant le contenu du fichier JSON inclus dans la librairie Socicon. Cette galerie permet aux utilisateurs de visualiser facilement toutes les icônes disponibles, offrant ainsi une expérience immersive et pratique.

Intégration dynamique du CHANGELOG et du README

Une des fonctionnalités clés du site est l'intégration dynamique du CHANGELOG et du README directement depuis la dernière version de Socicon sur GitHub. Cela permet aux utilisateurs de consulter les dernières modifications apportées à la librairie et d'accéder aux instructions d'utilisation et aux informations importantes sans avoir à quitter le site.

Réactivation du générateur de PNG

En collaborant avec coolseed, l'auteur d'origine de Socicon, nous avons pu réactiver le générateur de PNG à partir de la webfont. Cette fonctionnalité permet aux utilisateurs de créer facilement des icônes sociales personnalisées au format PNG, adaptées à leurs besoins spécifiques. Cela ajoute une valeur supplémentaire à la librairie Socicon et renforce son utilité pour les développeurs web et les concepteurs.

Vision et objectifs futurs

Mon engagement envers la librairie Socicon ne s'arrête pas à sa reprise et à la création du site internet de présentation. Je suis déterminé à continuer à maintenir et à améliorer la librairie, en répondant aux besoins de la communauté des développeurs web et en garantissant sa compatibilité avec les dernières technologies. De plus, je m'efforcerai d'explorer de nouvelles fonctionnalités et d'optimiser l'expérience utilisateur sur le site internet de Socicon.

La reprise de la librairie Socicon et la création du site internet de présentation représentent un pas important vers la pérennité et l'amélioration continue de cette ressource essentielle pour les développeurs web. Grâce à la collaboration avec coolseed et à l'utilisation de technologies modernes telles que SPIP et GitHub, nous avons pu offrir une expérience utilisateur enrichie et garantir l'accès à la dernière version de Socicon. Je suis impatient de poursuivre ce projet et de contribuer activement au développement de la communauté des développeurs web.

Socicon

Teddy Payet — 2024-04-08T11:58:21Z

Projet de reprise et maintenance de la librairie Socicon

Dans le cadre de mon parcours professionnel axé sur le développement web et la gestion de projets, j'ai entrepris la reprise et la maintenance de la librairie Socicon. La maintenance de cette librairie s'est arrêtée fin 2019. Cette librairie, créée par Quentin, était précieuse pour l'intégration d'icônes sociales dans les sites web, mais elle n'était plus activement maintenue depuis cette période.

Fort de mon expérience et de mon intérêt pour l'innovation technologique, j'ai contacté Quentin, l'auteur d'origine de Socicon, pour discuter de la possibilité de reprendre et de poursuivre le développement de la librairie. Après des échanges, nous avons convenu d'un partenariat visant à assurer la pérennité et l'évolution continue de Socicon. En mars 2024, Socicon renait.

Création du site internet dédié

Dans le cadre de ce projet, j'ai initié la création d'un site internet dédié à la librairie Socicon. Ce site a été conçu pour présenter les fonctionnalités de la librairie, fournir des instructions d'utilisation et faciliter le téléchargement des ressources nécessaires. L'interface a été pensée pour être conviviale et intuitive, dans le but de rendre l'expérience des utilisateurs aussi fluide que possible.

Hébergement sur GitHub

Afin de garantir une gestion transparente et collaborative du projet, les sources de la librairie Socicon ont été hébergées sur la plateforme GitHub. Cette approche permet non seulement de faciliter le suivi des évolutions de la librairie, mais aussi d'encourager la contribution de la communauté des développeurs. Les utilisateurs ont ainsi la possibilité de signaler des problèmes, proposer des améliorations et participer activement à l'enrichissement de la librairie Socicon.

Vision et objectifs futurs

En reprenant la maintenance de la librairie Socicon, mon objectif est de continuer à la faire évoluer pour répondre aux besoins de la communauté des développeurs web. Cela inclut la mise à jour pour garantir la compatibilité avec les dernières technologies web, l'ajout de nouvelles fonctionnalités et l'optimisation de la performance. À travers ce projet, je souhaite contribuer de manière significative à l'écosystème des outils et des ressources disponibles pour les développeurs web.

Pour finir

La reprise et la maintenance de la librairie Socicon représentent un engagement envers la pérennité et l'amélioration continue des ressources disponibles pour les développeurs web. En collaborant avec l'auteur d'origine et en mettant en place des processus transparents et collaboratifs, nous pouvons assurer la viabilité à long terme de cette librairie essentielle. Je suis déterminé à poursuivre ce travail et à contribuer activement au développement de la communauté des développeurs web.

RAMAU.archi.fr, millésime 2023

Teddy Payet — 2023-10-16T10:00:00Z

Dans la même lignée que le site du LET.archi.fr, l'équipe du RAMAU et moi-même avons travaillé conjointement pour la refonte du site RAMAU.archi.fr. Ce travail a été mis en ligne en octobre 2023.
Cette refonte graphique garde l'aspect graphique initial du site, chère à l'équipe. Nous avons raffraichi sa lecture sur l'ensemble des supports avec du responsive avec l'utilisation de Bootstrap 5. Toutes les pages ont été revu dans leur mise en forme et dans la structure des informations (…)

- Développement / SPIP, HTML, CSS, MySQL, RAMAU, PHP, Javascript, Freelance, Bootstrap (CSS et JS), Lead Developer, Git, VSCode

LET.archi.fr, millésime 2023

Teddy Payet — 2023-07-06T10:36:21Z

L'un de mes premiers clients en développement Web est le LET de l'ENSAPLV. Nous travaillons en collaboration depuis plusieurs années ensemble. Cette année 2023 a été le souhait et l'engagement pour le laboratoire de mettre à jour le design du site et le faire rentrer dans un monde plus actuel dans son utilisation. La refonte a été mise en ligne ce lundi 3 juillet 2023.
Cette refonte graphique garde l'essence initiale du site mais rafraichit sa lecture sur l'ensemble des supports avec du (…)

- Développement / SPIP, Traitement automatique des images, HTML, CSS, Graphic Design, Web Design, MySQL, École Nationale Supérieure d'Architecture de Paris Lavillette (ENSAPLV), PHP, Développeur Web, Freelance, jQuery, Bootstrap (CSS et JS), PHPStorm, Git

Je suis passé à SPIP 4.0

Teddy Payet — 2021-09-14T06:00:00Z

Ça y est ! Je suis passé à SPIP 4.0 ! Je ne sais pas si vous avez suivi, mais SPIP 4.0 est sorti cet été pour ses 20 ans. Il y a pas mal de petites nouveautés, je vous laisse lire l'article sur le Blog de SPIP qui en parle très très bien.

Introduction

Je me suis décidé à passer à SPIP 4.0 en cette rentrée 2021. Pour être honnête, j'avais un peu peur de ce passage car j'avais quitté un peu l'actualité de SPIP (ses développements, son évolution, etc.). Je ne savais pas où j'allais mettre les pieds même si j'ai toujours aimé ce CMS. Je vais vous parler de mon chemin vers son adoption.

Par beau temps

Mon site était sous SPIP 3.2.9. Et j'utilise Zcore avec un template maison basé sur Bootstrap. Jusque là, rien de bien méchant. J'ai décidé de profiter de cette montée de version de SPIP pour revoir mon template et avoir également la dernière version de bootstrap : 5.1.1

J'ai dû retravailler les différentes classes que j'avais. Pas trop méchant. J'ai fait les choses étape par étape. Avant de migrer pour SPIP 4.0, j'ai fait la mise à jour de SPIP en 3.2.11 qui permet d'avoir la compatibilité PHP 7.4 (la version minimum pour SPIP 4.0 est PHP 7.3).

Mon hébergeur, OVH pour ne pas le citer, prend en charge cette version de PHP. Ouf.

Début septembre, j'ai mis en ligne mon template avec bootstrap 5.1.1 et SPIP 3.2.11. Cela me laissait le temps de tester en "live" la compatibilité avec PHP 7.4. Une lettre à la poste par beau temps !

Puis vint la pluie…

SPIP 3.2.11, PHP 7.4, Boostrap 5.1.1, c'était trop beau pour être vrai ! J'ai testé en local le passage à SPIP 4.0. Depuis le back-office, belle page avec la nouvelle interface de l'espace privé. Responsive, prenant toute la largeur de la fenêtre, c'est beau ! Certains diront que l'espace privé n'a pas changé depuis sa création, mais en fait tout a changé ! Il est plus light, plus agréable avec ces nouveaux jeux d'icônes SVG.

Puis, j'ai cliqué sur le bouton "voir le site public"… Et patatra ! La page met du temps à se charger… Je me dis que ce n'est que le cache qui se recalcule… Et ben non, j'ai une belle erreur php me disant soit que je n'ai suffisamment de mémoire allouée (mouais… 128Mo puis 256Mo…), soit qu'il ne trouvait pas une variable dans les scripts php…

Panique à bord !

Je cherche… désespérément… Je regarde mes scripts PHP maison en pensant trouver la bonne piste… Et non, rien y fait. J'y passe des heures sur le sujet, je change même d'environnement : d'un raspberry Pi avec LAMP, je passe sous MAMP sur mon mac et même en preprod sur mon espace d'hébergement. Rien y fait. Toujours ces erreurs aléatoires. Pourtant, tout fonctionne sous SPIP 3.2.11 en PHP 7.4.

Je sais que la gestion des documents et des logos a changé sous SPIP 4.0. Et j'utilise avec grand plaisir les filtres sur mes templates. Je décide alors d'aller vers cette piste.

Mes images sur mon site sont en moyenne à 2500px de largeur. Ça me permet d'avoir des images de bonnes dimensions et de pouvoir les redimensionner selon mon design. Je décide de venir à une version plus allégée de mes filtres. Suppression des filtres image_passe_partout, image_recadre, image_aplatir et j'en passe. Rien y fait !

Je peste sur mon idée de passer à SPIP 4.0 avec la méthode R.A.C.H.E. Même en sachant que SPIP 4.0 avait changé son approche pour les logos, je ne pensais pas que cela allait être aussi compliqué.

J'utilise un modèle nommé "logo.html". Ce modèle me permet de ne pas dupliquer mes filtres pour les visuels de mes articles, rubriques et cie. Je décide de l'ouvrir dans PHPStorm par raccourcis clavier "Search everywhere". Je tape donc modeles/logo.html. Et OH ! Surprise ! le plugin medias utilise un modèle logo en SPIP 4.0.

Ah tiens… En fait, j'étais tellement subjugué par la nouvelle interface que je n'avais pas remarqué qu'aucun de mes logos d'articles ne s'affichait. J'ai regardé en base de données dans la table spip_documents comment SPIP indique les logos d'articles. Je pige le truc rapidement. J'adopte la méthode R.A.C.H.E… La migration des données par SPIP n'a pas bien insérée les "anciens" logos dans la table de documents. Que cela ne tienne ! Je crée un petite fonction PHP qui va insérer dans la bdd mes logos d'article (de rubriques et de sites) en respectant les bons chemins (exemple : logo/arton-XX.png). Ça se fait rapidement.

Je reviens au fichier modeles/logo.html du plugin medias. Je consulte ce fichier et constate son extrême simplicité et efficacité :

[][(#ENV{lien}|?{})]

Je n'ai pas trouvé exactement où était appelé ce fichier. Mais j'ai pour principe de ne jamais utiliser les même noms que dans un framework. Cela évite les effets de bord indésirables. Donc, je renomme mon modèle maison en modeles/visuel.html. Cela colle bien à son utilisation première.

Une île paradisiaque au loin

Suite à ce renommage, je commence à avoir de nouveau un début de page sur mon espace public. Il y a encore quelques petits effets à régler. Des warnings plus compréhensibles. Je m'attèle à régler ça.

J'adopte de façon systématique (pas comme les antibiotiques) l'utilisation de modeles/visuel.html, je vide les répertoires local, tmp/cache et tmp/logs/ avant chaque grosse modification. Le site est à nouveau opérationnel et je retrouve le même template que j'utilisais en SPIP 3.2.21 en production en début de mois de septembre.

Je respire enfin. L'espoir en moi renait.

Un avenir radieux

Je teste toujours sur mon propre site la dernière version de SPIP avant de la proposer à mes clients. Ainsi, j'aurais déjà essuyé les plâtres. Il sera plus simple pour passer la peinture chez les clients.
L'erreur était toute bête, mon modèle logo gênait SPIP dans sa nouvelle monture. Ma surcharge changeait le comportement attendu. Je suis incapable de dire exactement pourquoi cela faisait planter PHP. Je n'ai pas cherché à le savoir non plus pour être franc.

Je constate surtout que SPIP est plus rapide. Merci PHP 7.4, merci à la core team d'avoir rendu SPIP plus léger et véloce. Je sais que si je passe à PHP 8.0, cela sera encore plus rapide. Mais j'ai plusieurs sites sur mon hébergement OVH qui ne sont pas compatibles PHP 8.0.

Vous pouvez consulter le résultat de cette migration en lisant cet article. En effet, en ce mardi 14 septembre, mon site est officiellement sous SPIP 4.0 sous vos yeux ébahis !

Et la suite ?

J'ai commencé à travailler sur mes plugins de la communauté pour une compatibilité avec SPIP 4.0 :

Info SPIP
Socicon
Lister les constantes PHP de SPIP
Lister les pages de configuration
Lister les pages ?exec=xxx
Lister les fonctions PHP de SPIP
Lister les objets principaux de SPIP
Lister les dossiers
Commits de projet
jQuery Vector Maps
Projets (je ne fais que la maintenance de ce plugin, je n'en suis pas le créateur, je tiens à le préciser)
Sites pour projets

Il m'en reste quelques uns à migrer dont le plus gros : InfoSites. Il est dans les bacs. Il est dépendant d'un plugin qui est en attente de mise en compatibilité avec SPIP 4.0. Plus qu'un pour pouvoir livrer la v2 de ce plugin qui me tient à cœur.

Fin de vie pour…

La liste précédente est plutôt longue. Mais il y aura des "laissés pour compte" dans la course à SPIP 4.0. En effet, selon ma vision, un plugin n'a plus lieu d'être :

Agrandir la largeur de page (SPIP_hop pour les intimes) : l'interface de l'espace privé a été revu pour prendre toute la largeur de la fenêtre et va même plus loin que ce qu'offrait spip_hop. Je ne vois pas l'utilité de le maintenir pour SPIP 4.0

Pour le moment, je n'ai plus le temps/besoin pour certains autres plugins. Donc leur mise à jour est repoussée à une date ultérieure :

Déréférencer les médias ;
Nettoyer la médiathèque.

Voilà le périple que j'ai connu avec SPIP 4.0. Je n'ai pas de regrets pour mon passage vers cette dernière version. Au contraire. :-)

Lister les pages de configuration

Teddy Payet — 2015-08-05T07:00:00Z

Ce plugin SPIP permet de lister sur une page tous les liens vers les pages de configuration des plugins.

La version 1.0.0 permet grâce à un pipeline de rajouter des éléments au menu. Les plugins suivants utilisent ce pipeline :

Lister les pages ?exec=xxx
Lister les constantes PHP de SPIP
Lister les extensions PHP chargées
Liste des objets principaux
Les plugins nécessaires au site
Lister les fonctions PHP de SPIP

Plus d'informations :