Depuis la création de RDR-IT, le design a toujours été mon talon d’Achille. Je le savais. Vous le saviez probablement aussi. Pendant des années, j’ai priorisé le contenu — tutoriels, troubleshooting, guides — en me disant que le fond prime sur la forme. Et quelque part, c’est vrai. Mais à un moment, la forme devient un obstacle au fond. Ce moment est arrivé.
Voilà pourquoi aujourd’hui, RDR-IT tourne une page.
Avant / Après : le constat visuel
Une image vaut mieux qu’un long discours. Voici ce que donnait l’ancien design, et ce que vous voyez maintenant.
❌ Avant
✅ Après
Et en mode clair :
Pourquoi ce redesign maintenant ?
Depuis quelque temps, je ne pouvais plus vraiment voir l’ancien template. Ce fond gris-bleu, ce header compact et daté, cette barre de navigation qui manquait de personnalité… Le site avait été construit sur un thème qui faisait le travail, mais sans jamais vraiment incarner ce que RDR-IT est devenu au fil des années.
Concrètement, plusieurs points bloquants s’étaient accumulés :
- La lisibilité des articles souffrait en mode sombre — les couleurs s’écrasaient, les blocs de code étaient difficiles à lire.
- Le toggle clair/sombre était instable à cause des interactions avec LiteSpeed Cache — une vraie galère technique qui a demandé du temps à résoudre proprement.
- La page d’accueil ne reflétait pas la richesse du contenu disponible sur le site.
- Et globalement, l’identité visuelle ne me ressemblait plus.
Ce qui change concrètement
Un nouveau thème enfant GeneratePress
J’ai reconstruit le thème de zéro — thème enfant GeneratePress — avec une approche beaucoup plus structurée. Syne pour les titres, DM Sans pour la lecture, JetBrains Mono pour les blocs de code. Des choix typographiques pensés spécifiquement pour un site technique où vous passez du temps à lire.
Mode clair / Mode sombre natif et stable
Le toggle existe depuis un moment sur RDR-IT, mais il n’était pas fiable. Cette fois, l’implémentation est propre : 100% localStorage côté client, zéro cookie, zéro conflit avec LiteSpeed Cache. Un script anti-FOUC applique le bon thème avant même que la page ne s’affiche — fini le flash blanc au chargement en mode sombre.
Une page d’accueil enfin digne de ce nom
La nouvelle page d’accueil affiche les derniers articles de façon structurée, avec une mise en avant du dernier tutoriel, des sections par catégorie (Windows Server, Linux, Virtualisation, Domotique…), et une bande de navigation rapide par thème. L’objectif : qu’on arrive sur le site et qu’on comprenne immédiatement ce qu’on peut y trouver.
Des détails qui font la différence
- Sticky menu avec fond opaque au scroll — on ne perd plus la navigation en descendant dans un long article.
- Bouton « copier » sur les blocs de code — enfin. Directement sur les blocs SyntaxHighlighter natifs WordPress.
- Sous-menus à largeur fixe — fini les items qui s’empilent verticalement quand le label est un peu long.
- Footer 4 colonnes correctement aligné sur desktop, responsive sur mobile.
- Barre de progression de lecture en haut des articles longs.
Phase 1 d’une refonte plus large — et les tools ?
Ce redesign est la première phase d’une remise à plat de l’écosystème RDR-IT. La deuxième phase concerne les outils.
Jusqu’ici, les tools RDR-IT (générateurs, convertisseurs, utilitaires divers) étaient intégrés directement au site principal — ce qui créait des problèmes de maintenance, de performance et de cohérence. Ils migrent sur un site dédié : tools.rdr-it.com.
L’idée est simple : rdr-it.com reste le blog technique — rapide, léger, centré sur le contenu. tools.rdr-it.com devient une plateforme à part entière dédiée aux utilitaires IT.
Au programme sur tools.rdr-it.com :
- 🔧
Générateur de documentation RDP / RDS - 🔐 Générateur de mot de passe
- 📋 Outils réseau (calcul CIDR, plages IP, reverse DNS…)
- 📦 Et d’autres à venir au fil des besoins remontés par la communauté
La séparation va permettre de faire évoluer les deux parties indépendamment, avec des stacks adaptées à chaque usage. Les tools bénéficieront d’une interface dédiée, sans les contraintes du CMS blog.
La stack technique pour les curieux
Pour ceux qui se demandent comment tout ça tourne sous le capot :
| Composant | Solution |
|---|---|
| CMS | WordPress |
| Thème | GeneratePress + thème enfant custom |
| Cache | LiteSpeed Cache |
| SEO | Rank Math |
| Typographie | Syne / DM Sans / JetBrains Mono (Google Fonts) |
| Dark mode | CSS variables + localStorage (sans cookie) |
| Hébergement | VPS sous LiteSpeed Web Server |
Et maintenant ?
Ce n’est pas une refonte « cosmétique ». C’est une remise en ordre, une restructuration qui pose des bases saines pour continuer à publier du contenu de qualité sur les sujets qui font RDR-IT : Microsoft, Linux, virtualisation, domotique, réseau, sécurité.
Si vous repérez quelque chose de cassé, une mise en page qui cloche, ou un comportement bizarre sur votre appareil ou votre navigateur — les commentaires sont là pour ça. Et si vous avez des idées d’outils pour tools.rdr-it.com, je suis preneur.
Merci d’être là depuis le début. Le meilleur reste à venir. 🚀
Romain
📌 Note : Certains outils anciennement disponibles sur rdr-it.com peuvent temporairement être indisponibles pendant la migration vers tools.rdr-it.com. Ils seront remis en ligne progressivement avec de nouvelles fonctionnalités.