5 fantastici temi fantasma da cui puoi imparare

Con il mondo quasi saturo del successo di WordPress, è arrivata Ghost, la nuova piattaforma di blogging del 2013. Nato da un concetto semplice, il progetto è stato sostenuto con successo con quasi 200.000 sterline di promesse Kickstarter e rilasciato al mondo come piattaforma alternativa open source.

Proprio come WordPress, Tumblr o qualsiasi altra piattaforma di blogging, Ghost è supportato da una comunità di temi in continua crescita per personalizzare l'aspetto del tuo blog. In questo riepilogo, daremo un'occhiata ad alcuni dei nostri temi Ghost preferiti e analizzeremo perché funzionano così bene.


PIOGGIA

RAIN è un bellissimo tema Ghost e uno dei più venduti disponibili su ThemeForest ($ 22).

RAIN è descritto come un "tema fantasma minimale per gli scrittori", scegliendo di mettere in primo piano il contenuto attuale nascondendo il tradizionale chrome circostante in un menu di attivazione / disattivazione. RAIN dedica metà del suo patrimonio immobiliare disponibile al titolo del post che rimane statico come lo scorrere attraverso il corpo del post. Il titolo è supportato da un'immagine di sfondo definibile dall'utente con una leggera nebbia e l'effetto goccia di pioggia applicato automaticamente, un effetto che alcuni giudicherebbero superfluo ma che è altrimenti discreto, creando l'omonimo del tema.

Optando per nascondere la navigazione e rinunciare a gran parte dei tradizionali contenuti circostanti spesso presenti nei progetti, la RAIN è in grado di sfruttare lo spazio libero per presentare il corpo dei messaggi in un grande tipo di carattere serif che non lo fa soffrire in fondo della gerarchia visiva di un design. Dato che Ghost non fornisce innumerevoli campi di metadati come WordPress, i singoli post non vengono interrotti da tutti tranne la data di pubblicazione e il nome dell'autore aggiunto in modo pulito alla fine di ogni voce.

RAIN è anche reattivo, una funzionalità che è sempre più importante nella maggior parte dei siti web. A risoluzioni più elevate, RAIN viene mostrato nella vista in stile diviso mostrata nell'immagine di anteprima sopra. Su risoluzioni più ristrette, come quella di un tablet o smartphone, RAIN si condensa in una presentazione a colonna singola che mantiene uno dei suoi elementi più importanti, la tipografia, in proporzione con il viewport dell'utente finale in modo che rimanga leggibile e facile da leggere a qualsiasi scala.


GhostScroll

GhostScroll (gratuito) è un po 'diverso dalla maggior parte dei temi Ghost che incontrerai. Anziché essere progettato per ospitare una serie di post di blog continuamente aggiornati, GhostScroll offre un design per configurare facilmente una "pagina rapida per usi personali o promozionali". Ogni post nella tua installazione di Ghost sostituisce una sezione del design di una pagina, ciascuna alternata al colore di sfondo per identificare facilmente il confine delle singole sezioni.

Una delle migliori caratteristiche di GhostScroll è come gestisce la navigazione. Gli utenti possono semplicemente scorrere la pagina manualmente o, in alternativa, i pulsanti modificabili nella parte superiore del disegno, scorrendo facilmente fino alla sezione desiderata. Quando gli utenti passano oltre la sezione introduttiva, un menu statico si riduce nella parte superiore per consentire una facile navigazione attraverso i post. Mentre GhostScroll non sarebbe adatto a un sito come un blog personale con un numero di voci in continua crescita, è perfetto per la gestione di una singola pagina statica con navigazione intuitiva.

GhostScroll mostra come Ghost può essere utilizzato come un leggero CMS e mostra un modo per farlo.


Heimdallr

Heimdallr ($ 16) è un tema leggero per i blogger dominato dai post e nient'altro. La singola colonna presenta un uso liberale dello spazio negativo che, come molti altri temi Ghost disponibili, pone l'attenzione interamente sui post elencati verticalmente. Senza un mucchio di confusione visiva, Heimdallr è logicamente fluido, reattivo fino al più stretto dei formati mantenendo lo stesso layout e aspetto generale.

Heimdallr è chiaramente focalizzato su post di testo pesante, quindi la tipografia è un elemento molto rispettato nel design. I titoli sono chiaramente distinti per le loro dimensioni, peso e persino la loro omissione di caratteri tipografici nel carattere tipografico mentre il testo del corpo centrale è presentato in una versione ampia del carattere di Merriweather. Heimdallr fa un ottimo lavoro nell'esecuzione di un design pulito e leggibile che soddisfi allo stesso modo scrittori e lettori.

Heimdallr sfrutta anche le animazioni CSS3 per aggiungere un grado di movimento al design. Al caricamento, il contenuto della pagina si affievolisce, scivolando verso l'alto in posizione per creare un bell'effetto (anche se non mantiene gli utenti in attesa frustrante). Inoltre, Heimdallr presenta lo scrolling infinito per evitare un'eccessiva impaginazione o un'azione extra per l'utente finale, presentando una nota tremante quando l'utente raggiunge la conclusione di tutti i contenuti disponibili.


Spazio negativo

Lo spazio negativo ($ 16) è un'ulteriore esemplificazione del modo in cui il minimalismo comune viene usato come modo per creare bellissimi temi Ghost. Come suggerisce il nome, Negative Space è un tema che si limita a utilizzare una combinazione di testo nero e spazio bianco per creare un design estremamente intuitivo e di tipo intenso. L'elenco iniziale dei post nella pagina dell'indice opta per omettere la tradizionale convenzione di un'anteprima troncata e il link "leggi di più" a favore, in una forma estesa, semplicemente elencando i post dei titoli.

Quando entri nel corpo di un post, la gerarchia visiva del testo è chiara. Le intestazioni sono contrassegnate da caratteri più grandi e più pesanti e il testo di livello inferiore è al tempo stesso considerevole e leggibile. Il sito demo di Negative Space utilizza esclusivamente immagini in scala di grigi per mettere in risalto il tema come un grande design monotono, sebbene qualsiasi colore possa essere teoricamente usato come accento alternativo al nero.


Naturalmente, lo spazio negativo è anche una dimensione reattiva e funziona alla grande a qualsiasi dimensione o risoluzione. A scale più piccole, come quella di un browser per smartphone, Negative Space è uno dei migliori progetti disponibili, che presenta i contenuti in modo chiaro e amichevole con uno stile di lettura più veloce pur mantenendo tutte le funzionalità di progettazione che rende grande lo spazio negativo.


Mantanization

Mantanization ($ 18) si descrive come un tema "minimal" Ghost ma, mentre, in senso generale, è vero, è uno dei temi Ghost più completi. Piuttosto che una convenzione a una colonna incredibilmente minima, comune a molti temi Ghost, Mantanization presenta elementi della barra laterale comprimibili oltre alla colonna principale di contenuti, mostrando come Ghost può essere usato per un layout di blog più tradizionale.


Mantanization è anche un ottimo esempio di design piatto, optando per un look Metro-esque con confini marcatamente incassati per i singoli post e i componenti della barra laterale. Proprio come Ghost evita gran parte della confusione extra delle sue piattaforme di blogging rivali, Mantanization rinuncia agli abbellimenti non necessari come ombre e sfumature per concentrarsi invece su un design piatto che usa il colore come mezzo di contrasto tra gli elementi della pagina.

Mantanization è molto personalizzabile per l'avvio, offrendo una gamma di configurazioni di colori e una scelta per posizionare la barra laterale a sinistra oa destra dei post. Per l'utente finale viene offerto anche un gradito grado di personalizzazione, con ogni sezione della barra laterale in grado di essere ridotta fino alla sua intestazione.


A differenza della maggior parte degli altri temi Ghost, Mantanization mette i dati dell'autore - inclusi i dettagli dell'autore completo come biografia, URL del sito web, indirizzo e-mail e posizione - e i dati di pubblicazione in anticipo accanto al corpo dei post, mostrando ancora come Ghost può essere usato allo stesso modo per più -autori, contenuti sensibili al fattore tempo come possono per i singoli scrittori e fotografi che pubblicano il loro lavoro online.


Conclusione

Ghost è ancora agli inizi ma ha già una vasta comunità di temi disponibili. Se stai progettando il tuo, per uso privato o vendita, questi cinque temi mostrano come i design possano abbracciare appieno l'ethos della semplicità di Ghost, pur continuando a soddisfare tutte le esigenze tradizionali di un blog.

Se ti sei imbattuto in uno qualsiasi dei fantastici temi Ghost facendo qualcosa di speciale, assicurati di condividerli con noi nei commenti!