« Comment retrouver la même rigueur visuelle qu’un thème Drupal institutionnel, une fois passé sur un éditeur visuel comme Elementor ? » C’est la question posée par une collectivité qui quitte Drupal après plusieurs années, principalement pour simplifier la maintenance quotidienne de son site confiée à une équipe de communication sans compétence en développement Drupal.
Ce retour d’expérience détaille comment l’éditeur atomique Elementor V4 a permis de reconstruire un gabarit institutionnel proche de l’existant, sans reproduire la rigidité technique du thème Drupal d’origine. La migration des comptes utilisateurs et de leurs droits d’accès, question distincte, ne fait pas partie de ce chantier.
Ce que Drupal imposait comme structure
Le thème institutionnel Drupal reposait sur un système de régions fixes définies dans le thème lui-même : en-tête, bandeau d’annonces, zone de contenu principal, blocs latéraux, pied de page réglementaire. Chaque région suivait des règles de style strictes, cohérentes sur l’ensemble du site, mais toute évolution de cette structure nécessitait l’intervention d’un développeur capable de modifier le fichier de thème ou les templates Twig associés.
Cette rigidité, si elle garantissait une cohérence visuelle sans faille, empêchait l’équipe de communication de la collectivité d’apporter la moindre modification structurelle sans passer par un prestataire technique, ce qui ralentissait considérablement les mises à jour du site, notamment lors de campagnes de communication ponctuelles.
Reconstruire cette rigueur avec les classes globales atomiques
La reconstruction du gabarit institutionnel sous Elementor V4 s’est appuyée sur le même principe que les régions Drupal, mais transposé en composants atomiques réutilisables : un composant d’en-tête institutionnel, un composant de bandeau d’annonces, un composant de pied de page réglementaire. Chacun de ces composants applique des classes globales définissant précisément les couleurs, espacements et typographies imposés par la charte graphique de la collectivité.
Cette approche recrée la cohérence visuelle qu’imposait le thème Drupal, tout en donnant à l’équipe de communication la possibilité de modifier le contenu de chaque composant, voire d’ajuster certains réglages simples, sans dépendre systématiquement d’un développeur pour la moindre évolution.
Le bandeau d’annonces réglementaires, un cas particulier
Le bandeau d’annonces réglementaires, affiché en haut de chaque page pour signaler une information officielle (arrêté municipal, alerte météo, consultation publique), suivait sous Drupal une logique de bloc conditionnel géré par un module dédié. Sous Elementor, ce même besoin a été recréé via une condition d’affichage du Theme Builder, combinée à un composant atomique dont la visibilité dépend d’un champ personnalisé activé ou non depuis l’administration.
Ce que l’atomique facilite concrètement pour ce type de site
- Une équipe de communication non technique peut désormais modifier le contenu textuel de chaque composant sans risquer de casser la structure globale du gabarit.
- Une modification de charte graphique (nouvelle couleur institutionnelle, ajustement typographique) se répercute en une seule action sur l’ensemble du site, via les classes globales.
- La création d’une nouvelle page suit un gabarit prédéfini par défaut, réduisant le risque d’incohérence visuelle qu’un contributeur moins expérimenté pourrait introduire.
Sur un projet institutionnel, mieux vaut toujours faire valider la structure des composants atomiques par le service communication avant la bascule définitive : c’est cette équipe qui vivra au quotidien avec les contraintes ou la liberté que cette structure lui laisse.
Ce que ce chantier n’a pas traité
La migration des comptes utilisateurs Drupal, avec leurs rôles et permissions spécifiques attribués selon les services de la collectivité, a fait l’objet d’un chantier distinct, mené en parallèle par l’équipe informatique interne. Ce sujet suit une logique entièrement différente de celle de la reconstruction visuelle du gabarit.
En résumé
Passer d’un thème Drupal institutionnel rigide à l’éditeur atomique Elementor ne signifie pas renoncer à la rigueur visuelle : les classes globales permettent de recréer une cohérence comparable, tout en redonnant à l’équipe de communication une autonomie qu’elle n’avait jamais eue auparavant sur ce type de site.
