Ce que nous proposons de construire dans WordPress, face aux 8 rubriques du SPIP actuel.
Deux partis pris : l'accueil ne bouge pas, et Contexte, Histoire et
Ligne du temps fusionnent en une seule frise parcourue au scroll, avec un fil
d'Ariane qui s'allume selon l'endroit où on se trouve. À comparer avec
arborescence-spip.html.
Aucune décision à prendre ici. Le client a déjà tranché, le contenu est validé, la maquette Figma est complète pour cette page. C'est la première à intégrer.
Une seule page longue, parcourue au scroll, de l'origine du marais jusqu'aux actions de 2026. Cinq rubriques SPIP y entrent : Contexte, sa sous-rubrique Historique, Contestation, Quartier, et la rubrique Ligne du temps. Environ 5 100 mots de contenu déjà écrit.
Le fil d'Ariane, collé en haut de l'écran pendant le scroll
L'étape en cours se remplit de brun et se souligne de jaune. Les autres restent en gris. Chaque étape est cliquable pour sauter directement à la section.
Entrée en matière
De quoi parle-t-on : un hectare et demi de zone humide à Anderlecht, et ce qui la menace. Pose le décor avant la chronologie.
Source : rubrique Contexte du SPIP, hero de la maquette FigmaAvant le XIVe siècle
La plaine alluviale de la Senne, la forêt humide, le Broekbeek. L'étymologie : Biest, les joncs, et Broek, le marais.
Source : « L'histoire du marais », épisode 1XIVe au XIXe siècle
Le Petit Moulin, le Trekmolen, les étangs du château d'Aumale, les pâtures inondables. Cartes de Ferraris et de Vandermaelen.
Source : « L'histoire du marais » et le « roman cartographique »1832 à 1994
Le canal de Charleroi, le chemin de fer, la Brasserie Atlas, la fabrique Demets puis Shell. L'assèchement du dernier étang en 1907.
Source : « L'histoire du marais », épisode 3Aujourd'hui
Cureghem, ses habitants, la densité, la désindustrialisation. Le marais ne se décrit pas sans le quartier qui le fait vivre.
Source : sous-rubrique Quartier, 865 mots2012 à 2024
Le Plan Canal, le PPAS, les 3 800 logements, City Dox, Key West, le projet de marina. La montée des oppositions.
Source : sous-rubrique Contestation, 1 364 motsPrintemps 2024 à 2025
Naissance de l'Alliance, conférence de presse « Un autre avenir est possible », puis le saccage à la pelleteuse du 24 janvier 2025.
Source : Ligne du temps, 3 articles2026
Inauguration du FC Biestebroeck le 18 janvier 2026, la Crade Party, le fauchage de la roselière. Se termine sur un appel à agir.
Source : Ligne du temps. Deux articles restent à écrire.
Pourquoi fusionner. Le SPIP éclate cette matière en cinq endroits, alors qu'elle raconte
une seule histoire dans l'ordre. Le lecteur qui arrive par Contexte ne découvre jamais la Ligne
du temps, et inversement. Une frise unique rend la continuité lisible : le marais existe depuis
toujours, on l'a comblé, on le défend aujourd'hui.
Ce que ça coûte. Un gabarit sur mesure et un fil d'Ariane en JavaScript. C'est la page la
plus technique du site, et la seule qui demande du développement spécifique.
On garde le menu circulaire, c'est la réponse du client à sa propre demande de dé-hiérarchisation. On supprime en revanche le niveau de sous-rubrique inutile : une page par thématique suffit.
Un seul type de contenu, deux affichages. Daté dans le futur, l'événement apparaît dans l'Agenda. Daté dans le passé, il alimente l'étape 8 de la ligne du temps. Fini les doublons du SPIP.
Les deux rubriques SPIP sont construites de la même façon, sur des liens externes. Les réunir évite une page presque vide. Une référence est en néerlandais : question du multilingue à poser au client.
À demander au client mardi. Le site n'affiche aujourd'hui aucune adresse de courriel et son formulaire est hors navigation. C'est le point de sortie de la ligne du temps : elle se termine sur « et maintenant ? ».
Le contenu de « Une alliance pour préserver le marais » sur l'accueil couvre déjà une partie du sujet. À arbitrer avec le client : page à part entière, ou section de l'accueil ?
Obligatoire en Belgique dès qu'un formulaire collecte des données. À prévoir avant la mise en ligne, pas avant la maquette.
<section id> dans la pageIntersectionObserver détecte la section visible.on sur l'étape correspondanteposition:sticky; top:0scrollIntoView en douceur