Clustraly
Design & thèmes

Thèmes, widgets et menus : un design pro que vous contrôlez de bout en bout

Clustraly, le CMS éditorial auto-hébergeable, un centre de design complet pour installer, personnaliser et sécuriser thèmes, menus et widgets, avec une porte qualité qui protège chaque mise en ligne. Explorez ci-dessous les 14 fonctionnalités de ce module.

Choisissez un thème, ajustez couleurs, polices, menus et widgets en direct, puis publiez l'esprit tranquille : une porte qualité vérifie contraste, accessibilité et sécurité avant chaque mise en ligne. L'IA propose, vous décidez.

Bibliothèque de thèmes

Tous vos thèmes au même endroit, prêts à essayer avant d'engager

Parcourez une grille de tous vos thèmes installés, enrichie en direct depuis leur manifeste : aperçu, tags, auteur, version et description. Les badges vous disent d'un coup d'œil ce qui est actif, généré par IA ou à surveiller côté qualité. Prévisualisez le rendu réel sans rien mettre en ligne, dupliquez un thème pour repartir sur une base propre, exportez-le en archive versionnée ou importez-en un nouveau.

  • Prévisualisez avant d'activer
  • Badges Actif, IA et qualité
  • Dupliquez, exportez, importez en ZIP
Explorer la bibliothèque
Porte qualité & score

Une mise en ligne sans mauvaise surprise, notée sur 100

Avant chaque activation, Clustraly vérifie que le thème tient la route : les thèmes Studio doivent franchir une porte qualité qui bloque les problèmes critiques et les scores trop faibles. Un bulletin détaillé note design, UX, mobile, vitesse, SEO, code et sécurité, catégorie par catégorie, avec les correctifs à prévoir. L'IA propose le verdict et répare mécaniquement d'un clic ce qui peut l'être vous gardez le dernier mot avec « Publier quand même ».

  • Score sur 100, par catégorie
  • Blocage des problèmes critiques
  • Autofix WCAG-AA en un clic
  • Vous gardez le dernier mot
Voir la porte qualité
Personnalisateur visuel

Ajustez couleurs, polices et animations en direct, sans une ligne de code

Ouvrez le personnalisateur en panneaux scindés et voyez chaque changement s'appliquer en temps réel. Réglez les couleurs en mode clair et sombre, choisissez parmi 16 polices auto-hébergées, ajustez le rayon des bordures, le style d'en-tête et les animations. Basculez l'aperçu entre bureau, tablette et mobile pour valider le rendu partout, puis enregistrez ou réinitialisez tout en un geste.

  • Aperçu live bureau, tablette, mobile
  • Couleurs clair + sombre, 16 polices
  • Enregistrement et réinitialisation sûrs
Ouvrir le personnalisateur
Menus & widgets

Composez votre navigation et vos zones de contenu par glisser-déposer

Construisez vos menus par glisser-déposer et remplissez 8 zones d'affichage avec 10 types de widgets : articles récents, nuage de tags, recherche, liens sociaux, HTML personnalisé, newsletter et plus. Éditez chaque widget en ligne, déplacez-le d'une zone à l'autre, traduisez-le par langue. Le HTML que vous ajoutez est automatiquement assaini, et le widget newsletter génère un vrai formulaire d'inscription double opt-in protégé.

  • Menus imbriqués en glisser-déposer
  • 8 zones, 10 types de widgets
  • HTML assaini, newsletter protégée
Composer menus & widgets
Presets & moteur de design

Un point de départ cohérent pour chaque type de site

Sous le capot, un moteur de design puise dans des jeux de styles, palettes, typographies et règles UI pour recommander un design-system complet à partir d'un simple brief. Les palettes sont converties automatiquement pour respecter le contraste WCAG AA et les polices restent auto-hébergées, sans requête externe. 13 recettes couvrant blog, magazine, vitrine et landing se matérialisent en un plan de site complet et compilable.

  • Recommandation de design-system par brief
  • Palettes auto-ajustées WCAG AA
  • 13 recettes prêtes à matérialiser
Découvrir les presets
Le détail

Les 14 fonctionnalités de ce module

Chaque fonctionnalité a (ou aura) sa page dédiée. Cliquez pour explorer.

Bibliothèque de thèmes (liste & gestion)

Lister • Enrichir métadonnées • Afficher badges • Signaler erreurs • Guider (état vide)

Découvrir

Activation de thème (porte qualité)

Activer • Vérifier dossier • Bloquer • Forcer • Journaliser

Découvrir

Prévisualisation de thème

Prévisualiser • Rendre sans activer

Découvrir

Duplication de thème

Dupliquer • Générer slug unique • Copier dossier • Réécrire theme.json

Découvrir

Suppression de thème

Supprimer • Protéger actif/default • Nettoyer historique

Découvrir

Export de thème en ZIP

Exporter • Empaqueter • Streamer

Découvrir

Import de thème préconstruit (ZIP)

Importer • Valider • Filtrer chemins • Assainir SVG • Créer enregistrement

Découvrir

Carte de score qualité

Consulter • Détailler par catégorie • Historiser • Agir inline

Découvrir

Correction qualité en un clic (autofix)

Corriger mécaniquement • Recompiler • Historiser • Journaliser

Découvrir

Personnalisateur visuel de thème

Personnaliser • Prévisualiser en direct • Enregistrer • Réinitialiser

Découvrir

Menus CRUD & constructeur imbriqué

Lister • Créer • Éditer • Supprimer • Réordonner (glisser-déposer)

Découvrir

Widgets zones, types & gestion inline

Assigner • Éditer inline • Supprimer • Réordonner • Assainir HTML

Découvrir

Design presets & moteur de skins

Rechercher (BM25) • Recommander • Convertir palette • Mapper polices

Découvrir

Bibliothèques de recettes & sections (catalogue de composition)

Cataloguer • Valider (liste blanche) • Matérialiser en plan

Découvrir
Pourquoi ça compte

L'IA propose, vous décidez

De la génération d'un thème à sa mise en ligne, Clustraly automatise le fastidieux palettes accessibles, score qualité, correctifs mécaniques mais chaque décision publique reste la vôtre. Vous prévisualisez, vous ajustez, vous validez.

FAQ

Questions fréquentes

Faut-il savoir coder pour personnaliser mon thème ?
Non. Le personnalisateur visuel gère couleurs clair et sombre, polices, style d'en-tête et animations avec un aperçu en direct. Vous voyez chaque changement avant d'enregistrer, et vous pouvez tout réinitialiser.
Qu'est-ce que la porte qualité, et puis-je la contourner ?
Avant d'activer un thème Studio, Clustraly vérifie les points critiques et le score sur 100. Les problèmes critiques restent bloqués, mais vous pouvez publier un thème sous le seuil avec l'option « Publier quand même ».
Puis-je importer ou exporter mes thèmes ?
Oui. Vous exportez n'importe quel thème dans une archive ZIP versionnée et vous en importez de nouveaux depuis un ZIP, avec validation de sécurité (taille, chemins, liens symboliques et SVG assainis) avant installation.
Le HTML personnalisé des widgets est-il sûr ?
Oui. Tout HTML ajouté à un widget est assaini via une liste blanche : gestionnaires d'événements, scripts et URI dangereuses sont retirés avant l'affichage sur votre site.
Prêt à commencer ?

Un design soigné, sous votre contrôle

Réunissez thèmes, personnalisation visuelle, menus, widgets et presets de design dans un seul centre et publiez chaque évolution de votre site en toute confiance, l'accessibilité et la sécurité vérifiées avant la mise en ligne.