5 Awesome Ghost-temaer du kan lære av

Med verden nesten mettet med WordPresss suksess, kom Ghost, 2013s nye bloggingplattform av notat. Født fra et enkelt konsept, ble prosjektet støttet med nesten £ 200 000 av Kickstarter løfter og utgitt til verden som en alternativ åpen kildekode plattform.

I likhet med WordPress, Tumblr eller en hvilken som helst viktig bloggingplattform, støttes Ghost av et stadig voksende fellesskap av temaer for å tilpasse utseendet til bloggen din. I denne runden skal vi ta en titt på en håndfull av noen av våre favoritt Ghost-temaer og analysere hvorfor de jobber så bra.


REGN

RAIN er et vakkert Ghost-tema og en av de mest solgte som er tilgjengelige på ThemeForest ($ 22).

RAIN er beskrevet som et "minimal Ghost-tema for forfattere", og velger å sette det faktiske innholdet på forhånd mens du gjemmer den tradisjonelle omgivende krom i en svingbar meny. RAIN dedikerer halvparten av sin tilgjengelige eiendom til posttittelen som forblir statisk mens du ruller gjennom innleggets kropp. Tittelen støttes av et brukerdefinerbart bakgrunnsbilde med en subtil tåke og regndråpseffekt som automatisk brukes, en effekt som noen vil dømme som overflødig, men ellers ikke er påtrengende, og skaper templets navnsmann.

Ved å velge å skjule navigasjonen og avstå mye av det tradisjonelle omgivende innholdet som ofte finnes i design, kan RAIN dra nytte av det frie rommet til å presentere innleggets innlegg i et stort serif-skrift som ikke gjør det lider nederst av et designs visuelle hierarki. Som Ghost gir ikke utallige felt med metadata som WordPress, blir enkelte innlegg igjen uavbrutt av alle, men publiseringsdatoen og forfatterens navn ble vedlagt rent til slutten av hver oppføring.

RAIN er også lydhør, en funksjon som blir stadig viktigere på de fleste nettsteder. Ved høyere oppløsninger vises RAIN i delt stilvisning vist i forhåndsvisningsbildet ovenfor. På smalere oppløsninger, som for eksempel en portretttablet eller en smarttelefon, kondenserer RAIN jevnt ned i en enkeltkolonne presentasjon som holder en av de viktigste elementene, typografien, i forhold til sluttbrukerens visningsport, slik at den fortsatt er leselig og lett å lese på hvilken som helst skala.


GhostScroll

GhostScroll (gratis) er litt annerledes enn de fleste Ghost-temaer som du møter. I stedet for å være designet for å være vert for en kontinuerlig oppdatert serie med bloggoppføringer, tilbyr GhostScroll et design for enkelt å sette opp en "rask en side for personlig eller markedsføringsbruk". Hvert innlegg i Ghost-installasjonen tar plass til en del av ensidedesignet, hver veksler i bakgrunnsfargen for enkel identifisering av grensen til individuelle seksjoner.

En av GhostScrolls beste funksjoner er hvordan den håndterer navigering. Brukere kan bare bla gjennom siden manuelt eller alternativt de modifiserbare knappene øverst på designet, med jevnt rulle til ønsket del. Når brukerne ruller forbi den innledende delen, faller en statisk meny øverst for å muliggjøre enkel navigering gjennom innlegg. Mens GhostScroll ikke ville være egnet til et nettsted, slik en personlig blogg med et stadig voksende antall oppføringer, er det perfekt for å administrere en enkelt statisk side med intuitiv navigering.

GhostScroll viser hvordan Ghost kan benyttes som et lettvekts CMS av slag og viser en måte å gå om det.


Heimdall

Heimdallr ($ 16) er et lett tema for bloggere som domineres av innlegg og ingenting annet. Enkelkolonnen har en liberal bruk av negativ plass som, som mange tilgjengelige Ghost-temaer, fokuserer helt på de vertikalt oppførte innleggene. Uten et vell av visuell rot, er Heimdallr logisk flytende, responsiv ned til de smaleste størrelsene, samtidig som den opprettholder den samme overordnede utformingen og ser ut.

Heimdallr er tydelig fokusert på tekst-tung innlegg, slik at typografi er et meget respektert element i designen. Titler er tydelig skilt av deres størrelse, vekt og til og med deres utelatelse av serifs i skrifttypen mens kjernekroppteksten presenteres i en romslig utgave av Merriweather-fonten. Heimdallr gjør en god jobb med å utføre en virkelig lesbar, ren design som appellerer forfattere og lesere likt.

Heimdallr utnytter også CSS3 animasjoner for å legge til en viss bevegelse i designen. Ved belastning svinger sidens innhold inn, glir oppover til posisjon for å skape en fin effekt (selv om det ikke holder brukerne frustrerende venter). Videre har Heimdallr uendelig rulling for å unngå overdreven paginering eller ekstra handling for sluttbrukeren, og presenterer en rystende notat når brukeren kommer til å slutte med alt tilgjengelig innhold.


Negativ plass

Negativ plass ($ 16) er ytterligere eksemplifisering av hvordan vanlig minimalisme brukes som måte å skape vakre Ghost-temaer. Som navnet antyder, er Negative Space et tema som begrenser seg til å bruke en kombinasjon av svart tekst og hvitt mellomrom for å skape en veldig ren, typeintensiv design. Den opprinnelige listen over innlegg på indekssiden velger å utelate den tradisjonelle konvensjonen av en avkortet forhåndsvisning og "les mer" -linken til fordel for, i storformat, bare å legge opp posttitler.

Når du kommer inn i et innleggs post, er det klare, visuelle hierarkiet av tekst alt til det. Overskrifter er merket med større, tyngre type og lavere tekst er både stor og lesbar. Negative Space demo-nettsted bruker utelukkende gråtonebilder for å vise temaet som en flott monotone design, selv om hvilken som helst farge kan teoretisk brukes som et aksentalternativ til svart.


Selvfølgelig er Negative Space også en responsiv størrelse og fungerer bra i enhver størrelse eller oppløsning. På mindre skalaer, som for en smarttelefonbrowser, er Negative Space en av de bedre tilgjengelige designene, og presenterer innhold på en klar måte som er vennlig til en raskere lesestil, samtidig som det er i stand til å opprettholde alle designfunksjonene som gjør Negative Space flott.


Mantanization

Mantanisering ($ 18) beskriver seg som et "minimal" Ghost-tema, men i en generell forstand er det sant, det er en av de mer "fulle" Ghost-temaene rundt. I stedet for den utrolig minimale konvensjonen med en kolonne som er felles for mange Ghost-temaer, har Mantanization sammenleggbare sidebarelementer i tillegg til hovedkolonnen av innhold, som viser hvordan Ghost kan brukes til en mer tradisjonell bloggoppsett.


Mantanisering er også et godt eksempel på flatt design, og velger et metro-esque utseende med skarpe boksfrie grenser for individuelle innlegg og komponentene i sidefeltet. Akkurat som Ghost unngår mye av det ekstra rotet av sine rivaliserende bloggingplattformer, utgjør Mantanization unødvendige utsmykker som skygger og gradienter for å fokusere på flat design som bruker farge som et middel for kontrast mellom elementer på siden.

Mantanisering er veldig tilpassbar for oppstart, og tilbyr et utvalg av fargekonfigurasjoner og et valg for å plassere sidebjelken til venstre eller høyre for innlegg. For sluttbrukeren tilbys også en velkommen grad av tilpasning, med hver del av sidelinjen som kan kollapses ned til bare sin posisjon.


I motsetning til de fleste andre Ghost-temaer, inneholder Mantanization forfatterdata - inkludert fulle forfatterdetaljer som en biografi, nettsideadresse, e-postadresse og plassering - og publiser dataene ved siden av innleggets innlegg, og viser igjen hvordan Ghost kan brukes like for multi -forfatter, tidsfølsomt innhold som det kan for enkelte forfattere og fotografer publisere sitt arbeid på nettet.


Konklusjon

Ghost er fortsatt i sin barndom, men har allerede et stort fellesskap av temaer tilgjengelig. Hvis du designer din egen, for privat bruk eller salg, viser disse fem temaene hvordan design kan fullt ut omfavne Ghosts etos av enkelhet, mens du fortsatt betjener alle de tradisjonelle behovene til en blogg.

Hvis du har skjedd på noen av de store Ghost-temaene som gjør noe spesielt, må du dele dem med oss ​​i kommentarene!