5 Awesome Ghost-thema's waar je van kunt leren

Met de wereld bijna verzadigd met het succes van WordPress, kwam Ghost langs, het nieuwe blogplatform van 2013. Geboren uit een eenvoudig concept, werd het project met succes ondersteund met bijna £ 200.000 aan Kickstarter-toezeggingen en vrijgegeven aan de wereld als een alternatief open-sourceplatform.

Net als WordPress, Tumblr of een ander belangrijk blogplatform, wordt Ghost ondersteund door een steeds groeiende gemeenschap van thema's om het uiterlijk van je blog aan te passen. In deze roundup gaan we een handvol van enkele van onze favoriete Ghost-thema's bekijken en analyseren waarom ze zo goed werken.


REGEN

RAIN is een mooi spookthema en een van de best verkochte items op ThemeForest ($ 22).

RAIN wordt beschreven als een 'minimaal Ghost-thema voor schrijvers', waarbij wordt gekozen om de inhoud zelf te presenteren en het traditionele omringende chroom te verbergen in een menu dat kan worden geschakeld. RAIN wijdt de helft van het beschikbare onroerend goed aan de posttitel die statisch blijft terwijl je door de tekst van het bericht bladert. De titel wordt ondersteund door een door de gebruiker te definiëren achtergrondafbeelding met een subtiel nevel- en regendruppeleffect automatisch toegepast, een effect dat sommigen als overbodig beschouwen, maar verder onopvallend is, waardoor de naamgever van het thema wordt gecreëerd.

Door te kiezen om de navigatie te verbergen en afstand te doen van veel van de traditionele omringende inhoud die vaak in ontwerpen wordt aangetroffen, kan RAIN profiteren van de vrije ruimte om het aantal palen te presenteren in een groot serif-lettertype waardoor het niet aan de onderkant lijdt van de visuele hiërarchie van een ontwerp. Aangezien Ghost geen ontelbare velden met metadata biedt, zoals WordPress, worden afzonderlijke berichten ononderbroken gelaten door alles behalve de publicatiedatum en auteursnaam die netjes is toegevoegd aan het einde van elk item.

RAIN is ook responsief, een functie die in de meeste websites steeds belangrijker wordt. Bij hogere resoluties wordt RAIN weergegeven in de weergave met gesplitste stijlen die wordt weergegeven in de voorbeeldafbeelding hierboven. Bij smallere resoluties, zoals die van een portrettablet of smartphone, condenseert RAIN vloeiend naar beneden in een presentatie met één kolom die een van de belangrijkste elementen, typografie, in verhouding houdt met het kijkvenster van de eindgebruiker, zodat het leesbaar en gemakkelijk leesbaar blijft op elke schaal.


GhostScroll

GhostScroll (gratis) is een beetje anders dan de meeste Ghost-thema's die je tegenkomt. In plaats van ontworpen te zijn voor het hosten van een continu bijgewerkte reeks blogberichten, biedt GhostScroll een ontwerp om eenvoudig een "snelle één pagina voor persoonlijk of promotioneel gebruik" in te stellen. Elke post in je Ghost-installatie vervangt een gedeelte van het ontwerp met één pagina, elk afwisselend in achtergrondkleur voor eenvoudige identificatie van de grens van afzonderlijke secties.

Een van de beste functies van GhostScroll is de manier waarop navigatie wordt afgehandeld. Gebruikers kunnen eenvoudig handmatig door de pagina bladeren of, als alternatief, de wijzigbare knoppen aan de bovenkant van het ontwerp met soepel scrollen naar het gewenste gedeelte. Wanneer gebruikers voorbij het inleidende gedeelte scrollen, komt bovenaan een statisch menu naar beneden om gemakkelijk door berichten te navigeren. Hoewel GhostScroll niet geschikt zou zijn voor een site zoals een persoonlijke blog met een voortdurend groeiend aantal inzendingen, is het perfect voor het beheer van één statische pagina met intuïtieve navigatie.

GhostScroll laat zien hoe Ghost kan worden gebruikt als een lichtgewicht CMS van soorten en toont een manier om daarover te praten.


Heimdallr

Heimdallr ($ 16) is een lichtgewicht thema voor bloggers die wordt gedomineerd door berichten en niets anders. De enkele kolom bevat een liberaal gebruik van negatieve ruimte die, net als veel andere Ghost-thema's, de aandacht volledig op de verticaal geplaatste berichten richt. Zonder een weelde aan visuele rommel, is Heimdallr logisch vloeibaar, reageert tot op de kleinste maten en behoudt dezelfde algemene lay-out en uitstraling.

Heimdallr is duidelijk gefocust op tekstzware berichten, dus typografie is een zeer gerespecteerd element in het ontwerp. Titels onderscheiden zich duidelijk door hun grootte, gewicht en zelfs hun weglating van schreefletters in het lettertype, terwijl de kerntekst wordt gepresenteerd in een ruime weergave van het Merriweather-lettertype. Heimdallr doet geweldig werk bij het uitvoeren van een echt leesbaar, schoon ontwerp dat schrijvers en lezers gelijk laat.

Heimdallr maakt ook gebruik van CSS3-animaties om een ​​mate van beweging aan het ontwerp toe te voegen. Bij het laden gaat de inhoud van de pagina naar binnen, schuift omhoog naar de juiste positie om een ​​leuk effect te creëren (hoewel dit er niet voor zorgt dat gebruikers er frustrerend op wachten). Verder biedt Heimdallr oneindig scrollen om overdreven paginering of extra actie voor de eindgebruiker te voorkomen, en geeft een trillende noot weer wanneer de gebruiker de conclusie van alle beschikbare inhoud bereikt..


Negatieve ruimte

Negative Space ($ 16) is verder een voorbeeld van hoe algemeen minimalisme wordt gebruikt als een manier om prachtige Ghost-thema's te maken. Zoals de naam al doet vermoeden, is Negative Space een thema dat zich beperkt tot het gebruik van een combinatie van zwarte tekst en witte ruimte om een ​​echt schoon, type-intensief ontwerp te creëren. De eerste lijst met berichten op de indexpagina kiest ervoor om de traditionele conventie van een verkorte voorvertoning en "lees meer" -link weg te laten in het voordeel van, in een grote vorm, simpelweg een lijst van posttitels.

Wanneer je in het lichaam van een bericht komt, is de duidelijke, visuele hiërarchie van tekst alles. Koppen worden gemarkeerd door een groter, zwaarder type en tekst op een lager niveau is zowel groot als leesbaar. De demosite van Negative Space maakt uitsluitend gebruik van grijswaardenafbeeldingen om het thema te laten zien als een geweldig monotoon ontwerp, hoewel elke kleur theoretisch kan worden gebruikt als een accentalternatief voor zwart.


Natuurlijk is Negative Space ook een responsieve maat en werkt geweldig bij elke grootte of resolutie. Op kleinere schalen, zoals die van een smartphonebrowser, is Negative Space een van de beter beschikbare ontwerpen, presenteert de inhoud op een duidelijke manier die vriendelijk is voor een snellere leesstijl en tegelijkertijd alle ontwerpfuncties behoudt maakt Negative Space geweldig.


Mantanization

Mantanisatie ($ 18) beschrijft zichzelf als een "minimaal" spookthema, maar terwijl dat in algemene zin klopt, is het een van de meer "volledige" Ghost-thema's die er zijn. In plaats van de ongelooflijk minimale conventie met één kolom die veel Ghost-thema's gemeen hebben, beschikt Mantanization over samenvouwbare zijbalkelementen naast de hoofdkolom met inhoud, die laat zien hoe Ghost kan worden gebruikt voor een traditionelere bloglayout.


Mantanisatie is ook een goed voorbeeld van een vlak ontwerp, waarbij wordt gekozen voor een Metro-achtige look met scherp afgebakende grenzen voor individuele palen en de componenten van de zijbalk. Net zoals Ghost veel van de extra rommel van zijn rivaliserende blogplatforms vermijdt, vergeet Mantanization onnodige verfraaiingen zoals schaduwen en hellingen om in plaats daarvan te focussen op een vlak ontwerp dat kleur gebruikt als een contrastmiddel tussen elementen op de pagina.

Mantanisatie is zeer aanpasbaar om op te starten, biedt een reeks kleurconfiguraties en een keuze om de zijbalk links of rechts van berichten te positioneren. Voor de eindgebruiker wordt ook een welkome mate van aanpassing aangeboden, waarbij elk deel van de zijbalk kan worden samengevouwen tot alleen de kop.


In tegenstelling tot de meeste andere Ghost-thema's, plaatst Mantanization de gegevens van de auteur - inclusief volledige auteurdetails zoals een biografie, website-URL, e-mailadres en locatie - vooraan in de posts naast elkaar, en laat zien hoe Ghost ook kan worden gebruikt voor meerdere -author, tijdgevoelige inhoud als het kan voor individuele schrijvers en fotografen die hun werk online publiceren.


Conclusie

Ghost staat nog in de kinderschoenen maar heeft al een grote community met thema's beschikbaar. Als je je eigen ontwerp ontwerpt, voor privégebruik of voor verkoop, laten deze vijf thema's zien hoe ontwerpen de eenvoud van Ghost volledig kunnen omarmen terwijl ze nog steeds aan alle traditionele behoeften van een blog voldoen.

Als je een van de geweldige Ghost-thema's hebt meegemaakt die iets speciaals doet, deel deze dan met ons in de comments!