Thème Quark pour Grav CMS Review (2026): Par défaut, bien fait? - FR

Les thèmes par défaut ont une mauvaise réputation. WordPress est livré avec des démarreurs génériques que personne n'utilise en production. Les paramètres par défaut de Joomla semblent datés de quelques mois. Ainsi, lorsque Grav CMS a remplacé Antimatter par Quark comme thème par défaut dans la version 1.4, le scepticisme était juste. Mais Quark brise le moule. Il est construit comme une base pour le développement, pas seulement un espace réservé à remplacer immédiatement.

Verdict rapide: Quark fonctionne comme un thème de démarrage prêt pour la production pour les développeurs et comme une solution finie pour les sites simples. Le framework Spectre.css le maintient léger (moins de 50 Ko CSS), l'héritage de thème vous permet de personnaliser sans toucher aux fichiers principaux, et les modèles modulaires gèrent les mises en page courantes. Il ne remportera pas de prix de design, mais ce n'est pas le sujet. Quark fournit une structure qui vous permet de construire dessus.

Aller à: Qu'est-ce que Quark | Principales caractéristiques | Avantages & Les inconvénients | Qui devrait l'utiliser | Alternatives | Installation | Personnalisation | FAQ | Verdict

Dernière révision: Mars 2026. Basé sur la version Quark 2.1.2.

Quel est le thème Quark?

Quark est le thème officiel par défaut de Grav CMS depuis la version 1.4. L'équipe Grav (Trilby Médias) je l'ai construit sur Spectre.css, un framework CSS léger qui fait environ un dixième de la taille de Bootstrap. Chaque installation Grav inclut Quark prêt à l'emploi, et deux squelettes de sites officiels (Une page et un blog) l'utiliser comme base. Pour un aperçu plus large de Grav en tant que plateforme, voir notre revue complète du CMS Grav.

Le thème s'adresse à deux publics. Les développeurs font le ménage, base bien documentée pour créer des thèmes personnalisés via le système d'héritage de Grav. Les non-développeurs bénéficient d'un thème fonctionnel pour les portefeuilles simples, blogs, ou des sites d'une seule page sans nécessiter de travail de conception. Les deux groupes bénéficient de l’accent mis par Quark sur les performances plutôt que sur la complexité visuelle.. Vous pouvez voir Quark en action au site de démonstration officiel.

Sur GitHub, Quark a 71 étoiles et 62 fourchettes avec 19 sorties à ce jour. Version 2.1.2 (août 2025) est le dernier, montrant la maintenance active de l'équipe Grav. La base de code est 77% SCSS (un préprocesseur CSS qui ajoute des variables et de l'imbrication), 18% Modèles de brindilles (Le langage de modèles de Grav), et un minimum de JavaScript.

Un peu de contexte sur Grav lui-même: c'est un CMS à fichier plat (aucune base de données requise) qui stocke le contenu dans des fichiers Markdown. Les pages se chargent plus rapidement car il n'y a pas de surcharge de requête MySQL. Quark tire parti de cette architecture avec un minimum de JavaScript et un CSS efficace, en gardant intact l’avantage en termes de performances. Si vous n'êtes pas familier avec Grav, notre Guide d'hébergement Grav couvre le CMS plus en détail.

Principales caractéristiques

Fondation Spectre.css

Quark utilise Spectre.css plutôt que Bootstrap ou Tailwind. Ce choix est important pour la taille du fichier. La bibliothèque entière de Spectre fonctionne sous 10 Ko gzippé. Amorcer 5 dépasse 25 Ko. Pour les sites où chaque kilo-octet affecte les temps de chargement, Spectre fournit des grilles réactives, typographie, et des composants sans encombrement. Le compromis: moins de composants pré-construits que Bootstrap, les éléments d'interface utilisateur complexes nécessitent donc un travail plus personnalisé.

Héritage du thème

Voici la fonctionnalité phare de Quark pour les développeurs. Plutôt que d'éditer Quark directement (qui se brise lorsque les mises à jour arrivent), vous créez un thème enfant qui hérite de tout de Quark et ne contient que vos modifications. Changer un modèle, ajouter du CSS personnalisé, remplacer la configuration. Le thème de base reste propre et mis à jour.

Qu'est-ce que cela signifie concrètement? Vous gardez Quark à jour pour la sécurité et les corrections de bogues pendant que vos personnalisations restent intactes. La plupart des thèmes Grav prennent en charge l'héritage, mais la structure épurée de Quark facilite son extension par rapport aux alternatives plus avisées..

Système de modèles modulaires

Quark inclut des modèles pour les types de pages courants:

• Pages par défaut pour le contenu standard
• Liste de blogs et modèles de publication pour la publication
• Pages d'erreur (404, etc.) avec un style approprié
• Sections modulaires: héros, traits, blocs de texte, Galerie

L'approche modulaire vous permet de créer des pages à partir de sections réutilisables. Une page d'accueil peut combiner une section héros, trois blocs de fonctionnalités, et une section de texte sans écrire de modèles personnalisés. Les modules Galerie nécessitent le plugin premium Lightbox Gallery, qui est le seul paywall notable dans l'écosystème de Quark.

Options de configuration

Via le panneau d'administration de Grav ou les fichiers YAML (fichiers de configuration de texte simple), Quark propose ces contrôles:

• Mode de fabrication pour une livraison CSS minifiée
• En-tête fixe avec animation de défilement
• Style d'en-tête (barre d'en-tête sombre, options de transparence)
• Pied de page collant comportement
• Logo personnalisé télécharger (variantes de bureau et mobiles)
• Dimensionnement de la grille (xl, LG, Maryland) pour le contrôle de la mise en page

Les remplacements par page fonctionnent dès le début (YAML en haut des fichiers de contenu). Les classes de corps peuvent être définies individuellement pour n'importe quelle page, permettant un style sélectif sans modifications de thème.

Conception réactive axée sur le mobile

Spectre.css gère la réactivité via une grille flexbox à 12 colonnes. Quark implémente cela avec une navigation mobile qui se réduit gracieusement sur des écrans plus petits. Le menu hamburger apparaît aux points d'arrêt de la tablette, et les cibles tactiles répondent aux normes d'utilisation mobile.

Intégration FontAwesome

Les polices d'icônes sont fournies. Les icônes FontAwesome fonctionnent dans le contenu et les modèles sans configuration supplémentaire. Pour des performances pures, vous pouvez supprimer cette dépendance et utiliser des icônes SVG à la place, mais pour la plupart des sites, la commodité dépasse les frais généraux minimes.

Avantages et inconvénients

Avantages

• Poids léger: Moins de 50 Ko de CSS total (Spectre + Styles personnalisés Quark), nettement plus petit que les thèmes basés sur Bootstrap
• Héritage propre: Étendre sans modifier les fichiers principaux, assurer la sécurité des mises à jour
• Soutien officiel: Maintenu par les créateurs de Grav avec une compatibilité garantie
• Gratuit et sous licence MIT: Pas de frais, aucune restriction sur l'utilisation commerciale
• Fichiers sources SCSS: Variables et partiels organisés pour la personnalisation
• Documentation solide: Les documents officiels couvrent en détail la configuration et l'extension
• Deux sites squelettes: Les squelettes de blog et d'une page fournissent des exemples pratiques

Les inconvénients

• Esthétique de base: Fonctionnel plutôt que visuellement distinctif, nécessite une personnalisation pour une image de marque unique
• Pas de mode sombre: Thème clair uniquement par défaut, les variantes sombres nécessitent des plugins CSS personnalisés ou communautaires
• La galerie nécessite un plugin premium: Le plugin Lightbox Gallery coûte un supplément pour les galeries d'images modales
• Limites de Spectre.css: Moins de composants prédéfinis que Bootstrap signifie plus de travail personnalisé pour les interfaces utilisateur complexes
• Nécessite Grav 1.4+: Les anciennes installations Grav ne peuvent pas utiliser Quark sans mise à niveau
• Courbe d'apprentissage pour la personnalisation: L'héritage de thème et les modèles Twig nécessitent un certain confort technique

Qui devrait utiliser Quark?

Idéal pour

Développeurs créant des thèmes Grav personnalisés: La structure épurée et le système d'héritage de Quark en font le point de départ idéal. Plutôt que de construire à partir de zéro, étendez Quark et concentrez-vous sur ce qui rend votre thème unique.

Sites de portfolio ou de blog simples: Si vous avez besoin d'un nettoyage, site rapide sans exigences de conception particulières, Quark gère les bases. Ajouter du contenu via Markdown, configurer les couleurs et le logo, publier.

Des projets axés sur la performance: Quand la vitesse des pages compte (et c'est généralement le cas), L'encombrement léger de Quark permet de minimiser les temps de chargement. Combiné avec l'architecture de fichiers plats de Grav, vous obtenez un site rapide sans plugins d'optimisation.

Apprentissage du développement Grav: Les modèles de Quark démontrent clairement les conventions Grav. Étudier la façon dont Quark gère les modèles, configuration, et les actifs enseignent des modèles applicables à n'importe quel thème Grav.

Sauter si

Vous voulez une distinction visuelle sans codage: Quark ressemble au thème de démarrage d'un développeur parce que c'est ce que c'est. Si vous avez besoin d'un design soigné prêt à l'emploi, les thèmes Grav commerciaux ou des alternatives comme Gateway offrent plus de personnalité visuelle.

Vous avez besoin de fonctionnalités complexes de commerce électronique ou d’adhésion: Sérieux (et par extension Quark) cible les sites de contenu plutôt que les applications. Pour les boutiques en ligne ou les sites d’adhésion, WordPress ou les plateformes dédiées conviennent mieux. Notre guide d'hébergement cloud couvre les options prenant en charge plusieurs plates-formes CMS.

Le mode sombre est essentiel: Quark expédie uniquement de la lumière. Des solutions communautaires existent, mais si le mode sombre natif est important, vous investirez du temps dans la personnalisation ou choisirez un thème différent.

Alternatives aux quarks

Grav propose plus 100 thèmes gratuits. Voici comment les alternatives notables se comparent à Quark:

Publication Quark Open

Une version modifiée de Quark construite par Paul Hibbitts pour le contenu éducatif et la documentation. Ajoute l'intégration de Git Sync pour le contrôle de version, “sans chrome” affichage pour intégrer du contenu dans des plateformes LMS comme Canvas ou Moodle, et fonctionnalités du blog. Si vous créez du matériel de cours ou de la documentation ouverte qui doit être hébergée à plusieurs endroits, cette variante résout des problèmes que Quark ne résout pas. Même fondation Spectre.css, donc les performances restent comparables.

Thème Bootstrap4

Échange Spectre.css pour Bootstrap 4. Le compromis est clair: Bootstrap ajoute environ 15 Ko de CSS supplémentaire mais apporte des centaines de composants prédéfinis, documentation complète, et une communauté massive. Si votre équipe connaît déjà Bootstrap ou si vous avez besoin de modèles d'interface utilisateur complexes (modaux, carrousels, accordéons) sans travail sur mesure, Bootstrap4 fait gagner du temps. Pour les sites simples, L'empreinte plus légère de Quark l'emporte.

passerelle

Où Quark est le canevas du développeur, Gateway est une peinture terminée. Il est livré avec un design visuel soigné, plusieurs jeux de couleurs, et des options conviviales pour les utilisateurs non techniques. Gateway cible les personnes qui souhaitent un chantier sans toucher au code. L'inconvénient: moins de flexibilité pour le développement personnalisé, et la taille du fichier est supérieure à celle de Quark.

Hypertexte

L’option extrêmement minimaliste. Zéro JavaScript, presque pas de CSS. Les pages se chargent presque instantanément car il n'y a presque rien à charger. L'hypertexte fonctionne pour les sites contenant beaucoup de texte où le contenu compte plus que la présentation. Vous perdez les mises en page réactives, Icônes, et la plupart des finitions visuelles. Mais pour les fans de design brutaliste ou les exigences de performances absolues, rien ne vaut ça.

Antimatière (Héritage)

Valeur par défaut précédente de Grav avant Quark. Fonctionne toujours, reçoit toujours des correctifs occasionnels, mais le développement actif s'est déplacé vers Quark. Si vous disposez de sites Antimatière existants, ils continueront à courir. Pour les nouveaux projets, choisissez plutôt Quark. La migration d'Antimatter vers Quark nécessite des ajustements de modèles car ils utilisent des structures différentes.

Installation

Quark s'installe automatiquement avec toute nouvelle installation de Grav. Pour les sites Grav existants sans Quark:

Par GPM (conseillé)

Depuis votre répertoire racine Grav, courir:

bin/gpm install quark

Cela télécharge Quark sur /user/themes/quark et gère automatiquement les dépendances.

Installation manuelle

1. Téléchargez le thème depuis GitHub (getgrav/grav-thème-quark)
2. Extraire vers /your/site/grav/user/themes/
3. Renommez le dossier en quark
4. Activez dans votre site system.yaml ou via le panneau d'administration

Utiliser des squelettes

Pour les nouveaux sites, les packages One-Page Skeleton ou Blog Skeleton incluent Quark préconfiguré avec des exemples de contenu. Cette approche vous permet de démarrer plus rapidement que d'installer le noyau Grav et d'ajouter un thème séparément.

Guide de personnalisation

CSS personnalisé (Approche simple)

Quark recherche css/custom.css dans le répertoire des thèmes. Créez ce fichier pour ajouter des styles sans toucher au CSS principal de Quark. Les modifications persistent grâce aux mises à jour du thème. Cela fonctionne pour les ajustements de couleur, changements de police, et modifications mineures de la mise en page.

Un piège important: Si vous modifiez directement les fichiers CSS intégrés de Quark, vos modifications seront effacées lors de la prochaine mise à jour du thème. Utilisez toujours custom.css ou héritage de thème. Cela attire de nombreux nouveaux utilisateurs de Grav.

Héritage du thème (Recommandé pour les changements importants)

Pour des modifications plus importantes, créer un thème enfant:

1. Créez un nouveau dossier dans /user/themes/ (par exemple, mytheme)
2. Ajouter un blueprints.yaml déclarer Quark comme parent
3. Ajoutez uniquement les fichiers que vous souhaitez remplacer
4. Activez votre thème enfant à la place de Quark

Voici un minimum blueprints.yaml pour commencer:

Nom: My Theme
version: 1.0.0
la description: Custom theme extending Quark
author:
  Nom: Your Name
dependencies:
  - { Nom: sérieux, version: '>=1.6.0' }
  - quark

Votre thème enfant hérite de tous les modèles de Quark, CSS, et configuration. Remplacez des modèles spécifiques en plaçant les versions modifiées dans votre dossier de thème. Les mises à jour de Quark ne toucheront pas vos personnalisations.

Logo personnalisé

Faites un glisser-déposer dans les options de thème du panneau d'administration ou placez les fichiers de logo dans /user/themes/quark/images/logo/. Quark prend en charge des variantes distinctes de logo pour ordinateur de bureau et mobile si votre conception nécessite des dimensions différentes pour chaque contexte..

Compilation SCSS

Les styles source de Quark utilisent SCSS. Pour une personnalisation avancée:

1. Cloner ou copier les fichiers SCSS de Quark
2. Modifier les variables (couleurs, polices, espacement)
3. Compilez à l'aide de votre outil préféré (Fil, scripts npm, ou la compilation d'actifs intégrée de Grav)
4. Déployer du CSS compilé

Cette approche donne un contrôle total sur les variables Spectre.css et les ajouts personnalisés de Quark.

Questions fréquemment posées

L'utilisation commerciale de Quark est-elle gratuite ??

Oui. Quark utilise la licence MIT, permettant une utilisation commerciale sans restrictions. Vous pouvez l'utiliser pour les sites clients, vendre des thèmes construits dessus, ou modifiez-le selon vos besoins. Aucune attribution requise, même si c'est apprécié.

Quark fonctionne-t-il avec tous les plugins Grav?

La plupart des plugins fonctionnent avec n'importe quel thème Grav, y compris Quark. L'exception concerne les plugins nécessitant des hooks de modèle spécifiques ou une prise en charge de thème. Le modèle modulaire de galerie nécessite le plugin Lightbox Gallery (prime). Consultez la documentation du plugin pour connaître les exigences de compatibilité des thèmes.

Comment ajouter le mode sombre à Quark?

Quark n'inclut pas le mode sombre natif. L'approche la plus propre: créer un thème enfant qui remplace les variables de couleur de Spectre dans SCSS. Cible $primary-color, $body-bg, et $body-font-color comme points de départ. Pour un interrupteur à bascule, vous aurez besoin de JavaScript pour échanger les classes CSS. Louis Charette, membre de la communauté, a publié un guide de mise en œuvre du mode sombre qui décrit tout le processus.. Budget 2-4 heures pour une mise en œuvre basique, plus long pour le vernis.

Puis-je utiliser Quark sans connaissances en codage?

Pour les sites de base, Oui. Installer Grav, configurer les options de Quark via le panneau d'administration, ajouter du contenu dans Markdown. Une personnalisation plus importante nécessite au minimum une aisance avec CSS, et les changements de modèle nécessitent la compréhension de Twig. Quark se situe à mi-chemin entre les thèmes sans code et les frameworks réservés aux développeurs.

Dois-je utiliser Quark ou créer un thème personnalisé à partir de zéro?

Commencez avec Quark. Même les développeurs expérimentés gagnent du temps en héritant de Quark plutôt que de créer chaque composant à partir de zéro.. Quark gère la pagination, la navigation, comportement réactif, et modèles communs. Construire sur cette base plutôt que de la réinventer.

Verdict final

Quark réussit là où les thèmes par défaut échouent habituellement: être véritablement utile au-delà de l'installation initiale. La fondation Spectre.css maintient les sites légers. L'héritage de thème permet aux développeurs de personnaliser sans avoir à lutter contre les mises à jour. Les modèles modulaires gèrent les modèles courants. Ce n'est pas tape-à-l'œil, et c'est intentionnel.

Pour les développeurs, Quark est le point de départ évident pour le développement de thèmes Grav. Pour les non-développeurs souhaitant des sites simples, ça marche si la distinction visuelle n’est pas une priorité. Pour tous ceux qui ont besoin d’un design soigné sans travail de personnalisation, regardez plutôt Gateway ou des alternatives commerciales.

L’absence de mode sombre et la dépendance à un plugin premium pour les galeries sont de réelles limitations. Mais gratuitement, Thème sous licence MIT maintenu par les créateurs de Grav, ces compromis sont raisonnables. Utiliser Quark comme base, l'étendre par héritage, et concentrez votre temps sur ce qui rend votre site unique plutôt que de reconstruire des composants standards.

Si vous explorez Grav pour un nouveau projet, choisir le bon hébergement est important. Voir notre Comparaison d'hébergement Grav pour les fournisseurs optimisés pour les performances du CMS à fichiers plats. Pour d'autres thèmes Grav à considérer, consultez notre comparaison des thèmes Grav la plus rapide.