Tema Quark per la recensione di Grav CMS (2026): Predefinito fatto bene? - IT

I temi predefiniti hanno una cattiva reputazione. WordPress viene fornito con avviatori generici che nessuno utilizza in produzione. Le impostazioni predefinite di Joomla sembrano datate nel giro di pochi mesi. Quindi, quando Grav CMS ha sostituito Antimatter con Quark come tema predefinito nella versione 1.4, lo scetticismo era giusto. Ma Quark rompe gli schemi. È costruito come base per lo sviluppo, non solo un segnaposto da sostituire subito.

Verdetto veloce: Quark funziona come tema iniziale pronto per la produzione per gli sviluppatori e come soluzione finita per siti semplici. Il framework Spectre.css lo mantiene leggero (sotto i 50KB CSS), l'ereditarietà del tema ti consente di personalizzare senza toccare i file principali, e i modelli modulari gestiscono layout comuni. Non vincerà premi di design, ma non è questo il punto. Quark fornisce la struttura in modo che tu possa costruirci sopra.

Vai a: Cos'è Quark | Funzionalità chiave | Professionisti & Contro | Chi dovrebbe usarlo | Alternative | Installazione | Personalizzazione | FAQ | Verdetto

Ultima revisione: marzo 2026. Basato sulla versione Quark 2.1.2.

Qual è il tema Quark?

Quark è il tema predefinito ufficiale di Grav CMS sin dalla versione 1.4. La squadra Grav (Trilby Media) costruito su di esso Spectre.css, un framework CSS leggero che è circa un decimo delle dimensioni di Bootstrap. Ogni installazione Grav include Quark pronto all'uso, e due scheletri del sito ufficiale (Una pagina e blog) usarlo come fondamento. Per uno sguardo più ampio a Grav come piattaforma, vedi il nostro recensione completa del Grav CMS.

Il tema serve due tipi di pubblico. Gli sviluppatori ottengono una pulizia, base ben documentata per la creazione di temi personalizzati attraverso il sistema di ereditarietà di Grav. I non sviluppatori ottengono un tema funzionale per portafogli semplici, blog, o siti a pagina singola senza richiedere lavoro di progettazione. Entrambi i gruppi traggono vantaggio dall'attenzione di Quark alle prestazioni piuttosto che alla complessità visiva. Puoi vedere Quark in azione su sito dimostrativo ufficiale.

Su GitHub, Quark sì 71 stelle e 62 forchette con 19 uscite fino ad oggi. Versione 2.1.2 (agosto 2025) è l'ultimo, che mostra la manutenzione attiva da parte del team Grav. La base di codice è 77% SCSS (un preprocessore CSS che aggiunge variabili e nidificazione), 18% Modelli di ramoscello (Il linguaggio dei modelli di Grav), e JavaScript minimo.

Qualche contesto su Grav stesso: è un CMS flat-file (nessun database richiesto) che memorizza il contenuto nei file Markdown. Le pagine si caricano più velocemente perché non vi è alcun sovraccarico di query MySQL. Quark sfrutta questa architettura con JavaScript minimo e CSS efficienti, mantenendo intatto il vantaggio prestazionale. Se non hai familiarità con Grav, Nostro Guida all'hosting gravitazionale tratta il CMS in modo più dettagliato.

Funzionalità chiave

Fondazione Spectre.css

Quark utilizza Spectre.css anziché Bootstrap o Tailwind. Questa scelta è importante per la dimensione del file. L'intera libreria di Spectre funziona con 10KB di gzip. bootstrap 5 supera i 25KB. Per i siti in cui ogni kilobyte influisce sui tempi di caricamento, Spectre fornisce griglie reattive, tipografia, e componenti senza gonfiare. Il compromesso: meno componenti predefiniti rispetto a Bootstrap, quindi gli elementi dell'interfaccia utente complessi richiedono più lavoro personalizzato.

Eredità del tema

Ecco la funzionalità killer di Quark per gli sviluppatori. Piuttosto che modificare direttamente Quark (che si rompe quando arrivano gli aggiornamenti), crei un tema figlio che eredita tutto da Quark e contiene solo le tue modifiche. Modificare un modello, aggiungi CSS personalizzato, sovrascrivere la configurazione. Il tema di base rimane pulito e aggiornabile.

Cosa significa questo in pratica?? Mantieni Quark aggiornato per la sicurezza e le correzioni di bug mentre le tue personalizzazioni rimangono intatte. La maggior parte dei temi Grav supportano l'ereditarietà, ma la struttura pulita di Quark lo rende più facile da estendere rispetto ad alternative più supponenti.

Sistema di modelli modulari

Quark include modelli per i tipi di pagina più comuni:

• Pagine predefinite per i contenuti standard
• Elenco blog e modelli di post per la pubblicazione
• Pagine di errore (404, eccetera.) con uno stile adeguato
• Sezioni modulari: eroe, Caratteristiche, blocchi di testo, galleria

L'approccio modulare ti consente di creare pagine da sezioni riutilizzabili. Una home page potrebbe combinare una sezione eroe, tre blocchi di funzionalità, e una sezione di testo senza scrivere modelli personalizzati. I moduli della Galleria richiedono il plug-in premium Lightbox Gallery, che è l’unico paywall degno di nota nell’ecosistema di Quark.

Opzioni di configurazione

Attraverso il pannello di amministrazione di Grav o i file YAML (semplici file di configurazione di testo), Quark offre questi controlli:

• Modalità di produzione per la consegna CSS minimizzata
• Intestazione fissa con animazione di scorrimento
• Stile dell'intestazione (barra dell'intestazione scura, opzioni di trasparenza)
• Piè di pagina appiccicoso comportamento
• Logo personalizzato caricamento (varianti desktop e mobili)
• Dimensionamento della griglia (XL, lg, md) per il controllo della disposizione

Le sostituzioni per pagina funzionano attraverso la parte introduttiva (YAML nella parte superiore dei file di contenuto). Le classi del corpo possono essere impostate individualmente per qualsiasi pagina, consentendo uno stile selettivo senza modifiche al tema.

Design reattivo mobile-first

Spectre.css gestisce la reattività tramite una griglia flexbox a 12 colonne. Quark lo implementa con la navigazione mobile che si comprime con grazia sugli schermi più piccoli. Il menu hamburger viene visualizzato nei punti di interruzione del tablet, e i touch target soddisfano gli standard di usabilità mobile.

Integrazione fantastica dei caratteri

I caratteri delle icone vengono forniti in bundle. Le icone FontAwesome funzionano con contenuti e modelli senza configurazioni aggiuntive. Per prestazioni pure, potresti rimuovere questa dipendenza e utilizzare invece le icone SVG, ma per la maggior parte dei siti la comodità supera il sovraccarico minimo.

Pro e contro

Professionisti

• leggero: Meno di 50KB CSS totali (Spettro + Stili personalizzati Quark), significativamente più piccolo dei temi basati su Bootstrap
• Eredità pulita: Estendi senza modificare i file principali, mantenendo gli aggiornamenti al sicuro
• Supporto ufficiale: Mantenuto dai creatori di Grav con compatibilità garantita
• Gratuito e concesso in licenza dal MIT: Nessun costo, nessuna restrizione sull'uso commerciale
• File sorgente SCSS: Variabili e parziali organizzati per la personalizzazione
• Documentazione solida: I documenti ufficiali coprono approfonditamente la configurazione e l'estensione
• Due siti scheletrici: Blog e scheletri di una pagina forniscono esempi funzionanti

Contro

• Estetica di base: Funzionale piuttosto che visivamente distintivo, richiede la personalizzazione per un marchio unico
• Nessuna modalità oscura: Tema chiaro solo per impostazione predefinita, le varianti scure richiedono CSS personalizzati o plugin della community
• La Galleria richiede un plug-in premium: Il plug-in Lightbox Gallery ha un costo aggiuntivo per le gallerie di immagini modali
• Limitazioni di Spectre.css: Meno componenti predefiniti rispetto a Bootstrap significano più lavoro personalizzato per interfacce utente complesse
• Richiede Grav 1.4+: Le installazioni Grav precedenti non possono utilizzare Quark senza aggiornamento
• Curva di apprendimento per la personalizzazione: L'ereditarietà del tema e il template Twig richiedono un po' di comodità tecnica

Chi dovrebbe usare Quark?

Il migliore per

Sviluppatori che creano temi Grav personalizzati: La struttura pulita e il sistema di ereditarietà di Quark lo rendono il punto di partenza ideale. Piuttosto che costruire da zero, estendi Quark e concentrati su ciò che rende unico il tuo tema.

Portfolio o siti blog semplici: Se hai bisogno di una pulizia, sito veloce senza requisiti di progettazione distintivi, Quark gestisce le nozioni di base. Aggiungi contenuti tramite Markdown, configurare colori e logo, pubblicare.

Progetti incentrati sulle prestazioni: Quando la velocità della pagina conta (e di solito lo fa), L'ingombro leggero di Quark riduce al minimo i tempi di caricamento. Combinato con l’architettura flat-file di Grav, ottieni un sito veloce senza plugin di ottimizzazione.

Apprendimento dello sviluppo Grav: I modelli di Quark dimostrano chiaramente le convenzioni Grav. Studiare il modo in cui Quark gestisce i modelli, configurazione, e le risorse insegnano modelli applicabili a qualsiasi tema Grav.

Salta se

Vuoi distinzione visiva senza codifica: Quark sembra il tema iniziale di uno sviluppatore perché è quello che è. Se hai bisogno di un design raffinato e pronto all'uso, temi Grav commerciali o alternative come Gateway offrono più personalità visiva.

Hai bisogno di funzionalità complesse di e-commerce o di abbonamento: Grave (e per estensione Quark) si rivolge ai siti di contenuto piuttosto che alle applicazioni. Per negozi online o siti di appartenenza, WordPress o piattaforme dedicate si adattano meglio. I nostri guida all'hosting cloud copre le opzioni che supportano più piattaforme CMS.

La modalità oscura è essenziale: Quark viene spedito con sola luce. Esistono soluzioni comunitarie, ma se la modalità oscura nativa è importante, investirai tempo nella personalizzazione o sceglierai un tema diverso.

Alternative ai quark

Le offerte di Grav sono finite 100 temi gratuiti. Ecco come si confrontano le alternative più importanti con Quark:

Quark Open Publishing

Una versione modificata di Quark creata da Paul Hibbitts per contenuti didattici e documentazione. Aggiunge l'integrazione Git Sync per il controllo della versione, “senza cromo” display per incorporare contenuti in piattaforme LMS come Canvas o Moodle, e funzionalità del blog. Se stai creando materiali per corsi aperti o documentazione che deve essere conservata in più posti, questa variante risolve i problemi che Quark non affronta. Stessa base Spectre.css, quindi le prestazioni rimangono comparabili.

Tema Bootstrap4

Scambia Spectre.css con Bootstrap 4. Il compromesso è chiaro: Bootstrap aggiunge circa 15KB in più di CSS ma porta centinaia di componenti predefiniti, ampia documentazione, e una comunità enorme. Se il tuo team conosce già Bootstrap o hai bisogno di modelli di interfaccia utente complessi (modali, caroselli, fisarmoniche) senza lavoro personalizzato, Bootstrap4 fa risparmiare tempo. Per siti semplici, Vince l’impronta più leggera di Quark.

Porta

Dove Quark è la tela di uno sviluppatore, Gateway è un dipinto finito. Viene fornito con un design visivo raffinato, molteplici combinazioni di colori, e opzioni intuitive per utenti non tecnici. Gateway si rivolge alle persone che desiderano un sito funzionante senza toccare il codice. Il rovescio della medaglia: minore flessibilità per lo sviluppo personalizzato, e la dimensione del file è maggiore di Quark.

Ipertesto

L'opzione minimalista estrema. Zero JavaScript, quasi nessun CSS. Le pagine si caricano quasi istantaneamente perché non c'è quasi nulla da caricare. L'ipertesto funziona per siti ricchi di testo in cui il contenuto conta più della presentazione. Perdi layout reattivi, icone, e la maggior parte della raffinatezza visiva. Ma per gli appassionati del design brutalista o per i requisiti di prestazioni assoluti, niente lo batte.

Antimateria (Eredità)

Il precedente valore predefinito di Grav prima di Quark. Funziona ancora, riceve ancora patch occasionali, ma lo sviluppo attivo si è spostato su Quark. Se disponi di siti di antimateria esistenti, continueranno a correre. Per nuovi progetti, scegli invece Quark. La migrazione da Antimateria a Quark richiede aggiustamenti del modello poiché utilizzano strutture diverse.

Installazione

Quark si installa automaticamente con qualsiasi nuova installazione Grav. Per i siti Grav esistenti senza Quark:

Tramite GPM (Consigliato)

Dalla tua directory root Grav, correre:

bin/gpm install quark

Questo scarica Quark in /user/themes/quark e gestisce le dipendenze automaticamente.

Installazione manuale

1. Scarica il tema da GitHub (getgrav/grav-theme-quark)
2. Estrai in /your/site/grav/user/themes/
3. Rinominare la cartella in quark
4. Abilita nel tuo sito system.yaml o tramite il pannello di amministrazione

Usare gli scheletri

Per nuovi siti, i pacchetti One-Page Skeleton o Blog Skeleton includono Quark preconfigurato con contenuti di esempio. Questo approccio ti consente di iniziare più velocemente rispetto all'installazione del core Grav e all'aggiunta di un tema separatamente.

Guida alla personalizzazione

CSS personalizzato (Approccio semplice)

Quark cerca css/custom.css nella directory del tema. Crea questo file per aggiungere stili senza toccare il CSS principale di Quark. Le modifiche persistono attraverso gli aggiornamenti del tema. Funziona per le regolazioni del colore, modifiche ai caratteri, e piccole modifiche al layout.

Problema importante: Se modifichi direttamente i file CSS integrati di Quark, le tue modifiche verranno cancellate al prossimo aggiornamento del tema. Usalo sempre custom.css o eredità del tema. Questo attira molti nuovi utenti Grav.

Eredità del tema (Consigliato per cambiamenti significativi)

Per modifiche più ampie, creare un tema figlio:

1. Crea una nuova cartella in /user/themes/ (per esempio, mytheme)
2. Aggiungi un blueprints.yaml dichiarando Quark come genitore
3. Aggiungi solo i file che desideri sovrascrivere
4. Attiva il tuo tema figlio invece di Quark

Ecco un minimo blueprints.yaml per iniziare:

nome: My Theme
version: 1.0.0
descrizione: Custom theme extending Quark
author:
  nome: Your Name
dependencies:
  - { nome: grave, versione: '>=1.6.0' }
  - quark

Il tuo tema figlio eredita tutti i modelli di Quark, CSS, e configurazione. Sostituisci modelli specifici inserendo le versioni modificate nella cartella del tema. Gli aggiornamenti di Quark non influenzeranno le tue personalizzazioni.

Logo personalizzato

Trascina e rilascia attraverso le opzioni del tema del pannello di amministrazione o inserisci i file del logo /user/themes/quark/images/logo/. Quark supporta varianti separate del logo per desktop e dispositivi mobili se il tuo progetto richiede dimensioni diverse per ciascun contesto.

Compilazione SCSS

Gli stili sorgente di Quark utilizzano SCSS. Per una personalizzazione avanzata:

1. Clona o copia i file SCSS di Quark
2. Modificare le variabili (colori, font, spaziatura)
3. Compila utilizzando il tuo strumento preferito (Filato, script npm, o la compilazione di risorse integrata di Grav)
4. Distribuire CSS compilato

Questo approccio offre il pieno controllo sulle variabili Spectre.css e sulle aggiunte personalizzate di Quark.

Domande frequenti

Quark è gratuito per l'uso commerciale?

sì. Quark utilizza la licenza MIT, consentendo l'uso commerciale senza restrizioni. Puoi usarlo per i siti client, vendere temi basati su di esso, o modificalo come preferisci. Nessuna attribuzione richiesta, anche se è apprezzato.

Quark funziona con tutti i plugin Grav?

La maggior parte dei plugin funziona con qualsiasi tema Grav, compreso Quark. L'eccezione sono i plugin che richiedono hook di template specifici o supporto per temi. Il modello modulare della galleria richiede il plug-in Galleria Lightbox (premio). Controlla la documentazione del plugin per i requisiti di compatibilità del tema.

Come aggiungo la modalità oscura a Quark?

Quark non include la modalità oscura nativa. L'approccio più pulito: crea un tema figlio che sovrascriva le variabili di colore di Spectre in SCSS. Bersaglio $primary-color, $body-bg, e $body-font-color come punti di partenza. Per un interruttore a levetta, avrai bisogno di JavaScript per scambiare le classi CSS. Il membro della community Louis Charette ha pubblicato una guida all'implementazione della modalità oscura che illustra l'intero processo. Budget 2-4 ore per un'implementazione di base, più tempo per lo smalto.

Posso usare Quark senza conoscenze di codifica?

Per i siti di base, sì. Installa Grav, configurare le opzioni di Quark tramite il pannello di amministrazione, aggiungi contenuto in Markdown. Una personalizzazione più significativa richiede il minimo comfort con i CSS, e le modifiche al modello richiedono la comprensione di Twig. Quark si trova nella via di mezzo tra i temi senza codice e i framework riservati agli sviluppatori.

Dovrei usare Quark o creare un tema personalizzato da zero?

Inizia con Quark. Anche gli sviluppatori esperti risparmiano tempo ereditando da Quark anziché creare ogni componente da zero. Quark gestisce l'impaginazione, navigazione, comportamento reattivo, e modelli comuni. Costruire su quelle fondamenta invece di reinventarle.

Verdetto finale

Quark riesce in ciò che i temi predefiniti di solito falliscono: essere veramente utile oltre l'installazione iniziale. La fondazione Spectre.css mantiene i siti leggeri. L'ereditarietà dei temi consente agli sviluppatori di personalizzare senza contrastare gli aggiornamenti. I modelli modulari gestiscono modelli comuni. Non è appariscente, e questo è intenzionale.

Per gli sviluppatori, Quark è l'ovvio punto di partenza per lo sviluppo del tema Grav. Per i non sviluppatori che desiderano siti semplici, funziona se la distinzione visiva non è una priorità. Per chiunque abbia bisogno di un design raffinato senza lavori di personalizzazione, guarda invece Gateway o alternative commerciali.

La mancanza della modalità oscura e la dipendenza da un plugin premium per le gallerie sono limiti reali. Ma gratuitamente, Tema con licenza MIT gestito dai creatori di Grav, tali compromessi sono ragionevoli. Usa Quark come base, estenderlo tramite eredità, e concentra il tuo tempo su ciò che rende unico il tuo sito piuttosto che ricostruire componenti standard.

Se stai esplorando Grav per un nuovo progetto, scegliere il giusto hosting è importante. Vedi il nostro Confronto hosting Grav per fornitori ottimizzati per prestazioni CMS flat-file. Per altri temi Grav che vale la pena considerare, controlla il nostro Confronto dei temi Grav più veloce.