Pour beaucoup, concevoir un site WordPress entièrement avec l’éditeur de site natif et les blocs sonne comme une punition. Pour nous à l’agence, c’est une méthodologie et un savoir-faire qu’on défend tous les jours par conviction.
Le site du WordCamp Bretagne 2026 impose exactement ce cadre. On avait déjà participé à l’organisation de l’édition 2024 avec Benjamin, on remet ça cette année, et cette fois on en profite pour raconter l’envers du décor.
Le réseau de site WordCamp.org
Tous les sites WordCamp sont hébergés sur le réseau multisite WordCamp Central où les ressources sont mutualisées. En tant qu’administrateur d’un site WordCamp, on a donc seulement accès à quelques thèmes du répertoire officiel et un catalogue d’extensions limitées qui fournissent les outils spécifiques à un WordCamp, comme les types de publications Orateur·rices, Organisateur·rices, Sponsors, Volontaires ou encore l’extension CampTix qui permet de gérer la billetterie par exemple.
Pour créer le thème et le style du site, deux options sont disponibles : cloner un site WordCamp existant, ou partir d’un thème natif et configurer le style uniquement avec l’éditeur. Dans les deux cas, il est aussi possible d’ajouter une feuille de style à synchroniser depuis un serveur distant ou depuis GitHub avec un webhook par exemple. Une option plutôt pratique pour styler les vieux codes courts, mais ça on en reparle un peu plus tard.
Fait amusant, pour la toute première édition du WordCamp Bretagne en 2024, on était parti du tout premier thème par défaut WordPress entièrement basé sur les blocs Twenty Twenty-Four. C’était une première pour un site de WordCamp en France ! Cette année, on continue avec l’éditeur natif et on part du thème Twenty Twenty-Five pour garder une liberté totale sur le style et la mise en page malgré les contraintes imposées par l’infrastructure.
Alors oui les contraintes c’est frustrant, mais en vérité ça inspire. Une fois qu’on les a acceptées, on arrête de perdre du temps à les contourner pour se concentrer sur ce qu’on peut faire avec. C’est aussi ça la créativité finalement.
Le thème du WordCamp Bretagne 2026
Twenty Twenty-Five est le deuxième thème par défaut entièrement basé sur les bloc, sorti en fin d’année 2024 avec la version 6.7 de WordPress (on ne verra jamais de TT6… mais le TT7 est en préparation). Avec ce thème, toute l’identité visuelle du site (mise en page, typographie, couleurs, styles par défaut, modèles de page…) est pilotable directement depuis l’éditeur de site, sans toucher une seule ligne de code. C’est exactement ce dont on a besoin.
L’identité du WordCamp Bretagne 2024 état ancréé dans les codes bretons, reconnaissable, efficace pour une première édition. En 2026, pour la deuxième édition, on a voulu étoffer un peu la direction artistique. Dans la charte graphique de cette année, on joue avec les formes et les matières, les couleurs et les tailles de texte quitte à ce que ce soit presque trop, on assume.
Derrière cette inspiration, il y a notamment le nouveau support de typographie Adapter le texte, qui permet d’afficher du texte dans tout l’espace disponible comme si c’était une image. Une fois placé en haut de la page d’accueil avec le titre du WordCamp, le ton est donné, on a l’affiche. Ici la typographie massive est complétée par un collage de matières aux formes et couleurs franches, rappelant le meilleur de la bretagne qu’on vous promet le jour de l’événement.
Une fois la direction artistique validée par l’ensemble de l’équipe, on décline le reste des modèles et éléments de modèles : entête et pied du site, page des sponsors, page de contact, blog, publication seule, 404, etc. Lors de sa conception, le site tourne sur WordPress 6.9 mais l’extension Gutenberg est installée, on a donc accès à plusieurs fonctionnalitées avancées qui sortirons plus tard avec WordPress 7.0, comme les réglages de visibilité par taille d’écran ou le nouveau réglage du nombre maximum de colonnes dans une grille.
Évidemment, on vous rappelle que la billetterie du WordCamp Bretagne 2026 est toujours ouverte. Toute l’équipe est heureuse de rassembler une nouvelle fois la communauté WordPress le 18 septembre prochain, au Couvent des Jacobins à Rennes. Alors n’attendez plus pour visiter le site et prendre vos places !
Basé à 100% sur les blocs, ou presque…
Sur un site de WordCamp tous les types de publication comme les Orateur·rices, Organisateur·rices, Sponsors, Volontaires peuvent être affichés avec le bloc boucle de requête qui propose plusieurs variations. C’est donc relativement simple de monter toutes les pages qui listent ces contenus et d’apater la mise en page des modèles de publication. Pour les formulaires de la page de contact, ou ceux qui permettent de soumettre un sponsor ou une conférence, c’est l’extension Jetpack qui fourni une grande collection de blocs très facile à configurer et à styler.
Malheureusement, pour la billetterie, le programme ou la listes des participants, là, c’est retour vers le passé… pas de blocs, uniquement des vieux codes courts. Rendez-vous compte, jusqu’ici on avait même pas eu besoin d’écrire une seule ligne de code grâce à l’éditeur ! À vrai dire, chez BSA Web, ça nous manquait pas tout car ça fait bien longtemps qu’on les utilise plus. Heureusement, on sait encore coder, alors on se retrousse les manches et on se prépare à écrire beaucoup (trop) de CSS.
La billetterie
Toute la gestion de l’événement WordCamp repose sur CampTix, une extension créée par la communauté qui permet de gérer la vente des billets, les participants, les remboursements, l’export des données pour les badges.
Côté administration c’est plutôt simple à utiliser, et c’est le principal en vérité. Ce qui est dommage en revanche, c’est que l’affichage sur le site accuse un peu son âge et n’a pas suivi aussi vite l’évolution du reste de WordPress.
Pourtant, on pourrait facilement imaginer une refactorisation des codes courts en une belle collection de blocs pour construire toutes les vues de la billetterie à la manière de ce que propose WooCommerce par exemple.
Tant pis, on fait du CSS.
La liste des participants et participantes
Même constat lorsqu’on veut afficher la liste de toutes les participantes et participants. Cette grille repose encore et toujours sur un vieux code court de l’extension CampTix avec très peu d’option d’afficha.
Pourtant, dans l’administration, tout est gérer avec un type de publication Attendee. Seul problème, celui-là est privé, donc impossible de le récupérer dans un bloc boucle de requête et de construire la grille avec.
Tant pis, on fait encore du CSS.
Le programme
Pour le programme, un peu de nuance. Il y a bien un bloc Schedule disponible avec plusieurs options dans les réglages, c’est un bon début.
Tout ce qu’il manque ici c’est des blocs plus unitaires pour pouvoir affiner le style de chaque élément du programme comme le titre, le tableau (colonnes, rangée) par exemple.
Tant pis, on fait toujours plus de CSS.
Contribuer au projet WordCamp.org
Réaliser un site WordCamp.org c’est un peu déroutant. Fin 2023, juste avant d’intégrer le site du WordCamp Bretagne 2024, on avait demandé de l’aide à notre ami Florian Truchot qui avait intégré le site du WordCamp Lyon. C’est là qu’on a découvert pour la première fois toute la lourdeur de l’infrastructure et l’ampleur du travail, surtout à cette époque où l’éditeur de bloc avait encore un peu de mal à faire ses preuves et que l’expérience Full Site Editing venait à peine d’apparaitre.
Trois ans plus tard, avec deux sites WordCamp au compteur, la frustration la plus honnête de ce retour d’expérience reste que contribuer à la plateforme elle-même est difficile à première vue. Le code du projet WordCamp.org est disponible sur GitHub mais le vrai problème, c’est de comprendre par où commencer et à qui s’adresser.
Et quand on fait partie de la communauté française, je trouve que l’obstacle est double puisque la documentation existante est en anglais, tout comme le canal #meta-wordcamp du Slack Making WordPress. Éventuellement, on peut tout de même trouver de l’aide dans la langue de Molière sur le Slack WordPress FR de la communauté française.
Pour le WordCamp Bretagne 2026, fin d’année dernière, j’ai voulu prendre les devants et contribuer pour chaque point de friction rencontré pendant l’édition du site. Le premier est apparu dès le lancement du projet : le bandeau qui s’affiche quand un WordCamp est terminé et qu’une nouvelle édition se prépare était figé en anglais dans le code, sans possibilité de traduction.
Une seule ligne de code à modifier, et pourtant il m’a fallu du temps pour trouver et comprendre comment et où le faire. Dans ce contexte, l’IA a clairement aidé à rendre la procédure plus facile et conforme. J’ai donc forké le projet sur mon GitHub personnel, cloné le dépôt en local, puis j’ai identifié et modifié le fichier concerné et enfin j’ai rédigé le ticket et sa Pull Request en anglais sur GitHub.
Ensuite, il a fallu attendre plusieurs mois avant qu’elle soit enfin acceptée et fusionnée au code source. Puis à nouveau quelques semaines à patienter pour que la traduction du texte en français dans le projet WordCamp.org soit validée sur la plateforme de traduction de WordPress. Cette attente, c’est sans doute ce qui décourage le plus quand on débute.
Contribuer demande de la curiosité et beaucoup de patience. Mais si un truc vous chiffonne dans votre projet open-source préféré, ne le gardez pas pour vous : c’est peut-être le point de départ de votre première contribution !
Deux WordCamp plus tard
Finalement, construire un site de WordCamp, c’est accepter de travailler les mains un peu liées, sur une infrastructure qu’on ne maîtrise pas. Et pourtant, on arrive aujourd’hui à produire des sites à l’identité forte, presque entièrement conçus depuis l’éditeur. C’est beau.
Après deux WordCamp au compteur, on est toujours aussi fiers du résultat, plus encore de pouvoir le partager. En deux ans, on a eu la joie d’accompagner les copains du WordCamp Toulouse et du WordCamp Nice au début de la conception de leurs jolis sites. Bref, on espère que ça donnera envie à d’autres de se lancer aussi. En attendant, rendez-vous à Rennes le 18 septembre prochain !
