donna.d sektionen.se

Donnas webbsida tillhandahålls sedan länge av WebbU på våra servrar, men fram till och med 2025 hade Donna en egen webb-post som ansvarade för att underhålla och uppdatera innehållet på sidan. Med start 2026 valde dock Donna att ta bort den posten, det huvudsakliga underhållsarbetet faller därför numera på WebbU. Den gamla WordPress-sidan skrotades någon gång i början av 2026 och byttes ut mot en ny sida baserad på NextJS med Strapi som innehållshanterare. Ansvarig utvecklare för detta projekt var Malte Klüft.

Denna wiki-artikel tar inte upp uppsättning av utvecklingsmiljö eller deployment av ändringar, se istället README.md.

Referensmanual för Strapi

Följande är en fullständig referensmanual för Strapi-innehållet. Se Strapi för en grundläggande genomgång av de olika koncepten.

Kollektioner

Page

Page beskriver en undersida på webbsidan. Endast sidor i första nivån (donna.d-sektionen.se/<slug>) stöds i nuläget.

Fält:

• title: Sidans rubrik, visas i webbläsarens tabb-lista.
• slug: Sidans slug (namn) i addressfältet, tillåtna tecken är alfabetiska gemener a-z, siffor 0-9 samt bindestreck. Undvik specialkaraktärer och understreck. Lämnas detta fält tomt anses undersidan vara webbsidans startsida.
• blocks: Dynamiskt fält som tillåter en mängd block-komponenter. Ansvarar för det huvudsakliga innehållet på undersidan.
• description: En beskrivning av sidan som syns på sociala medier och i Google-sökningar. Lämnas detta tomt används webbsidans global beskrivning istället.

Enkla typer

Footer

Footer beskriver sidans fot samt länkar till sociala medier och andra sidor.

Fält:

• text:: Textinnehållet i sidfoten, stödjer grundläggande formatering.
• social_medias: En lista med sociala medier som visas i sidfoten, se Social Medie.
• links: En lista med länkar som visas under rubriken "Vår familj", se Länk.

Navbar

Navbar beskriver sidans huvud och navigationsmeny.

Fält:

• title: Rubrik som visas i mitten av sidhuvudet.
• logo: Logotyp som visas till vänster i sidhuvudet.
• links: Länkar som visas i sidhuvudets navigationsmeny, se Länk.

Site

Site innehåller övergripande information om sidan.

Fält:

• title: Rubrik som alltid visas i webbläsarens tabb-lista.
• description: Beskrivning av webben som visas i sociala medier och Google-sökningar, kan skrivas över av beskrivningen i den nuvarande [Sidan][#page].
• image: Bilden som visas i sociala medier och Google-sökningar.

Komponenter

Länk

Länk är en vanlig webb-länk.

Fält:

• label: Länkens etikettext.
• url: Address som användaren skickas till när hen klickar på etiketten.
• target: Addressändringens beteende, när värdet är _self byts nuvarande tabb ut mot den nya addressen, när värdet är _blank öppnas addressen i en ny tabb. Bra tumregel är att använda _self vid navigering mellan sidor på samma webbsida och _blank vid länkning till utomstående sidor.

Social Medie

Social Medie är en länk till en social medie som representeras av dess logotyp.

Fält:

• name: Sociala mediens namn, visas när muspekaren hålls över bilden.
• image: En bild eller ikon som representerar sociala medien, vanligtvis en logotyp. Använd BoxIcons Brands i 128px om möjligt, för att säkerställa konsekvens bland logotyperna.
• url: Address som användaren skickas till när hen klickar på sociala mediens bild i sidfoten.
• target: Addressändringens beteende, när värdet är _self byts nuvarande tabb ut mot den nya addressen, när värdet är _blank öppnas addressen i en ny tabb. Bra tumregel är att använda _self vid navigering mellan sidor på samma webbsida och _blank vid länkning till utomstående sidor.

Sponsor

Sponsor är en logotyp till en sponsor, med länkning vid klick.

Fält:

• name: Sponsorns namn, visas när muspekaren hålls över bilden.
• image: En bild som representerar sponsorn, vanligtvis en utvald logotyp.
• url: Länk till sponsorns webbsida eller annan sida enligt överenskommelse med sponsorn.
• target: Addressändringens beteende, när värdet är _self byts nuvarande tabb ut mot den nya addressen, när värdet är _blank öppnas addressen i en ny tabb. Bra tumregel är att använda _self vid navigering mellan sidor på samma webbsida och _blank vid länkning till utomstående sidor.

Person

Person är en personbeskrivning med bilder och innehåll om personen.

Fält:

• name: Personens fullständiga namn.
• role: Valfri post eller ansvarstitel som visas vid namnet.
• images: En eller två bilder på personen. Ifall två bilder väljs visas den andra bilden endast när musen förs över den första bilden.
• description: Valfritt fritext-fält som beskriver personen.
• email: Valfri e-post address till personen.

Galleri-inlägg

Galleri-inlägg är en bild eller en video som kan visas i ett Galleri-block, samt kan klickas på för att visas i helskärm.

Fält:

• caption: Rubrik som visas under bilden/videon både i listvyn och vid helskärmsvisning.
• subcaption: Underrubrik som endast visas vid helskärmsvisning, kan användas för att t.ex kreditera bildens fotograf.
• media: Bilden eller videon, i hög upplösning. Endast en bild/video kan väljas.

Block

Hero

Hero är en stor bild som visas på sidan.

Fält:

• image: Bilden som visas, endast en bild kan väljas.
• safe_width: Procenthalt av bilden som alltid ska visas oavsett webbläsarfönstrets storlek.
• parallax: Mängden parallax som ska appliceras på bilden när användaren scrollar. Större värden innebär att bilden skalas upp och visst innehåll kan försvinna.

Text

Text är generiskt textinnehåll som kan användas för beskrivningar eller dylikt. Det finns stora möjligheter att formatera texten - frihet under ansvar.

Fält:

• text: Den formaterade texten i blocket. Notera att redigeraren inte är en förhandsvisning och texten på webbsidan kan komma att se annorlunda ut.
• align: Textens justering, vänster, mitten eller höger.
• width: Textblockets maximala bredd. Två storlekar finns tillgängliga. Alternering av bredd kan vara användbart för att undvika en monoton textlayout.
• color: Textens bakgrundsfärg, alternering av färger kan vara användbart för att ge texten tydligare ramar.

Sponsors

Sponsors är en lista av sponsorer som visas vänster-till-höger.

Fält:

• title: Valfri rubrik som visas ovanför sponsorerna.
• sponsors: Lista med sponsorer, se Sponsor.

Person List

Person List är en lista med personer, där varje person har en bild och en del innehåll som beskriver hen.

Fält:

• persons: Lista med personer som visas i ett rutnät, se Person.
• title: Valfri rubrik som visas längst upp, innan listan med personer.

Title Card

Title Card är ett alternativt start-block till Hero, visar en bild, rubrik och undertext i ett grått "kort" på rosa bakgrund.

Fält:

• title: Rubrik som visas till vänster i kortet.
• description: Valfri undertext som visas till vänster i kortet, under rubriken.
• image: Kvadratisk bild som visas till höger i kortet.

Gallery

Gallery är en samling bilder som kan klickas på för att visas i helskärm.

Fält:

• items: Lista med bilder som visas i ett rutnät, se Galleri-bild.
• title: Valfri rubrik som visas längst upp, innan listan med bilder.