Inspiration til digitale fortællinger
Baggrund for tekst på topbillede
Elementer specielt udviklet til digitale fortællinger
I Neos kan man lave sidetypen Story page, som er et format til digitale fortællinger. Det er de historier, der minder om magasinstof, som læseren kan læne sig tilbage og fordybe sig i. Almindelige, korte eller hurtige nyhedshistorier egner sig ikke til Story Page, men skal oprettes som News article. Se eksempler på digitale fortællinger sidst i denne vejledning.
Om designet
I den digitale fortælling kan der være billeder, video eller grafik, så historien kan blive foldet ud på flere måder. Den lange tekst kan blive delt op undervejs ved hjælp af de farvede baggrunde, man kan lave. Derudover er der en “læsebar”, som altid ligger øverst på siden og undervejs viser, hvor langt man er nået gennem fortællingen.
Inspiration til digitale fortællinger
Gå på opdagelse og hent inspiration til digitale fortællinger på folkekirken.dk:
Opret en digital fortælling
For hver digital fortælling, der skal oprettes, skal der oprettes en ny side:
Vælg typen Story page:
Giv siden en titel og tryk Opret ny:
Nu er der oprettet en skabelon af typen story page, som har et andet udseende og design end de andre side typer.
Vælg farvetema
Under blyanten i højre side kan man vælge mellem 8 forskellige farvetemaer, hvor grundfarverne er fra folkekirkens designmanual:
Standard topbillede
Den nye side bliver oprettet med et stort topbillede som standard:
Tryk på topbilledet for at aktivere redigering af det. Under blyanten til højre vælger du kameraet for at tilgå mediearkivet, hvor du kan finde et billede til toppen:
Tekst ovenpå topbillede
Der er tre forskellige tekstfelter ovenpå topbilledet: forrider, overskrift og et felt til forfatter – tryk ind i feltet for at kunne indtaste den ønskede tekst:
Som det generelt gælder i Neos, så bliver felterne ikke vist i frontend, hvis de ikke bliver udfyldt, og dermed er de valgfrie.
Baggrund for tekst på topbillede
Baggrunden bagved teksten kan ændres ved at vælge en ny i dropdown-menuen her:
Her er der mulighed for at vælge imellem tre forskellige nuancer af grundfarven i det valgte farvetema til siden eller en gennemsigtig baggrund:
Indsæt elementer
For at indsætte andre elementer på siden så tryk på topbilledet og derefter plustegnet, der kommer frem ovenover i højre side:
Nu får du muligheden for at vælge mellem flere forskellige elementer – nogle elementer findes allerede og er nærmere beskrevet i artikel Selve Siden afsnit Elementtyper.
Elementer specielt udviklet til digitale fortællinger
Nedenstående elementer er de elementer, der kan tilføjes til denne sidetype. Nogle af dem er standard element, der er allerede beskrevet. De elementer, der er specielt designet og udviklet til de digitale fortællinger, beskrives her.
Four column content: benyttes til at dele siden op i fire kolonner og indsætte fire forskellige elementer. Evt. billede med overskrift og tekst, som linker til en anden digital fortælling.
Hero banner: topbilledet med tekstboks ovenpå en baggrund – nærmere beskrevet længere op i vejledningen.
Header with lead: overskrift med en forrider. Her er der mulighed for at vælge en ny skrifttype under blyanten til højre:
Expandable header and text: Tekstelement med grå baggrundskasse. Boksen er foldet sammen i frontend efter 250 antal tegn og kan foldes ud ved at trykke på plus (og foldes sammen igen ved minustegn)
Colophon: Element design til en kolofon - et element bestående af en overskrift, en delestreg og en tekstboks:
Colored Container: Farvet kasse der fylder hele bredden for at dele indholdet op i afsnit. Vælg mellem de fire forskellige farvenuancer i farvetemaet under blyanten:
Story-slider: Efter du har oprettet Story-Slider elementet, kan du vælge boksen
Herefter opretter du et billede ind i elementet
Tryk på feltet hvor der står Tilføj venligst et baggrundsbillede i inspektøren og indæst billedet tilhøjre
Du kan tilføje flere billeder til Story-Slideren ved at tilføje flere billede elementer
Full width image: billedelement der fylder hele bredden og med mulighed for zoom in effekt. Slå zoom effekten til og fra under blyanten:
Story image: billedelement der er lidt bredere end tekstfelter – en del af designet til digitale fortællinger er, at billeder og videoer fylder mere i bredden end teksten.
Audio Player: Lydelement
Tekstelementer
Tekstelementer på en storypage har en større skrifttype end tekstelementer på de andre sidetyper.
DropCap first P (visible frontend): I tekstelementet er det muligt at vælge at teksten skal starte med et stort bogstav:
Det er også muligt i et standard tekstelementet i Neos men der er valgt en ny font til denne sidetype.
Dette bliver kun vist i frontend: