Comment personnaliser l’apparence de 500 sites d’un même réseau multisite sans multiplier les thèmes à maintenir ni sacrifier toute possibilité de différenciation graphique par établissement ? Cette question s’est posée sur l’architecture d’un réseau multisite regroupant les sites de 500 antennes locales d’une même organisation, toutes basées sur un thème parent commun mais avec des besoins de personnalisation de couleur et de logo propres à chaque antenne.
Approche 1 : une feuille de style unique
La première approche consiste à faire vivre un seul style.css, partagé par les 500 sites du réseau, avec des variables CSS personnalisables via les réglages du Customizer stockés en theme_mod par site :
function mon_theme_variables_personnalisees() {
$couleur_primaire = get_theme_mod( 'couleur_primaire', '#1a4d8f' );
echo '<style>:root { --couleur-primaire: ' . esc_attr( $couleur_primaire ) . '; }</style>';
}
add_action( 'wp_head', 'mon_theme_variables_personnalisees' );
Chaque antenne choisit sa couleur principale depuis son propre Customizer, sans toucher à un seul fichier CSS. Le thème lui-même reste strictement identique sur les 500 sites : une seule mise à jour de code déployée corrige ou améliore l’ensemble du réseau simultanément.
Approche 2 : des variations de style par site
La seconde approche consiste à permettre à chaque antenne de charger sa propre feuille de style additionnelle, stockée dans un dossier dédié par identifiant de site (blog_id), au-delà des seules variables de couleur :
function mon_theme_style_specifique_site() {
$blog_id = get_current_blog_id();
$chemin = get_stylesheet_directory() . "/variations/site-{$blog_id}.css";
if ( file_exists( $chemin ) ) {
wp_enqueue_style(
'mon-theme-variation-site',
get_stylesheet_directory_uri() . "/variations/site-{$blog_id}.css",
array( 'mon-theme-style' ),
filemtime( $chemin )
);
}
}
add_action( 'wp_enqueue_scripts', 'mon_theme_style_specifique_site' );
Comparatif chiffré des deux approches
| Critère | Feuille unique + variables | Variations par site |
|---|---|---|
| Fichiers CSS à maintenir | 1 | Jusqu’à 500 |
| Temps de déploiement d’un correctif global | Quelques minutes | Identique (le correctif reste commun) |
| Niveau de personnalisation possible | Limité (couleurs, logo) | Large (mise en page, composants) |
| Risque de dérive incohérente entre sites | Faible | Élevé sans gouvernance stricte |
| Effort de recette après mise à jour du thème parent | Un seul passage | Un passage par variation active |
Le compromis retenu
Sur ce réseau de 500 sites, l’analyse a mené vers l’approche des variables CSS pour l’immense majorité des besoins, avec une exception encadrée : un nombre restreint de sites « vitrines » à forte visibilité (une dizaine sur les 500) a obtenu l’autorisation de charger une feuille de variation supplémentaire, validée en amont par l’équipe centrale avant mise en ligne. Cette gouvernance limite le nombre de variations réellement en circulation, évitant qu’un réseau censé rester cohérent ne se transforme en 500 déclinaisons graphiques divergentes au fil du temps.
Ce que ce comparatif ne couvre pas
Cette comparaison porte uniquement sur l’architecture de personnalisation graphique du thème. La configuration réseau elle-même (activation des sites, quotas, gestion fine des rôles d’administrateur par site) relève d’une problématique distincte, tout comme la gestion des comptes utilisateurs partagés ou non entre les 500 sites du réseau.
Sur un réseau de cette taille, la vraie question n’est jamais « peut-on personnaliser davantage ? » mais « combien de personnalisations l’équipe peut-elle réellement continuer à maintenir dans deux ans ? ».
En résumé
Pour un multisite à grande échelle, une feuille de style unique pilotée par variables CSS et réglages Customizer maximise la maintenabilité au prix d’une personnalisation plus contrainte. Des variations de style par site apportent davantage de liberté visuelle mais exigent une gouvernance stricte pour ne pas transformer la maintenance du thème en chantier permanent.
