Kort moduler- rike lenker

Kortmoduler har som formål å skape veier videre og kan vise kort som grid, liste eller horisontal slider.

Når man setter opp kortmoduler, enten man plukker kort inn eller setter dem opp automatisk, bør man ta stilling til hva som er den beste måten å vises kortene på. Man kan velge mellom grid (smal, bred, full), liste eller horisontal-kortslider?

Korte kort!

Kort er ment som veier videre til sider som bærer mer informasjon, så ikke skriv mer tekst enn nødvendig på kortene, da det både gir penere visuelt resultat men også skaper mer overblikk.

Kormodul vist som grid

Grid viser kortene normalt sett i variabel høyde og plassen blir fordelt automatisk. Det er ikke alltid så lett å forstå rekkefølgen på kortene.

Et kort = en klikkbar lenke

nr 1

Kan ha bilde og bakgrunnsfarge

nr 2. Ikke skriv lange avhandlinger her!

Viser oftest media i sin helhet

nr 3

Bør ikke ha så mye tekst!

nr 4: Ikke skriv lange avhandlinger her!

Les mer

Artikkel

nr.5

Hvordan kan man endre utseende på kortmodulen?

stille bredde på hvert enkelt kort
stille felles bredde på alle kort
stille minimum høyde på alle kort
Forkorte tekst på kort enten ved å endre kortet i seg selv eller overstyre teksten lokalt (i kontekst av den kortmodulen kortet vises i)
Justere på format på metadatavisning på hvert enkelt kort.

Ulike variasjoner av kategori, sted, tid

Vise kortene gruppert alfabetisk

Kormodul vist som grid (bred)

Her er det satt en felles minimumshøyde på kortene noe som skaper et strammere uttrykk

Et kort = en klikkbar lenke

nr 1

Kan ha bilde og bakgrunnsfarge

nr 2. Ikke skriv lange avhandlinger her!

Viser oftest media i sin helhet

nr 3

Bør ikke ha så mye tekst!

nr 4: Ikke skriv lange avhandlinger her!

Les mer

Artikkel

nr.5

I det følgende en rekke eksempler på ulike oppsett for kortmodul

Merk at disse eksemplene kun viser særlig variasjon på skjermstørrelser på nettbrett og oppover.

Grid-smal

Ingen innstilliger på enkeltkort eller på på fellesegenskaper.

Seksjonsinnhold B (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Seksjonsinnhold A (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Les mer

Seksjon A (generell)

Et eksempel på bruk av bannere og kortmoduler for å skape veier videre til innholdet i seksjonen, hva nå enn seksjonen måtte være.

Utstillinger (fysiske)

Trekker frem kort som gir veier videre til hver enkelt utstilling. Kan fremstilles på ulikt vis, deles inn i flere seksjoner for ulike utstillingstyper etc.

Hva skjer / kalender

Se eksempel på hvordan en "Hva skjer / kalender" seksjonsside kan se ut her.

Museum A (dynamisk)

Eksempel på en museumsforside med hovedbanner, praktisk info og så diverse aktuelt eller statisk innhold videre nedover.

Eksempelsted

Nyhet

Et eksempel på en nyhet. Publiseringsdato?

Finn oss

Eksempel på en artikkelside som viser et kart etc.

Grid-bred

Et kort satt til medium, resten små

Seksjonsinnhold B (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Seksjonsinnhold A (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Les mer

Seksjon A (generell)

Et eksempel på bruk av bannere og kortmoduler for å skape veier videre til innholdet i seksjonen, hva nå enn seksjonen måtte være.

Utstillinger (fysiske)

Trekker frem kort som gir veier videre til hver enkelt utstilling. Kan fremstilles på ulikt vis, deles inn i flere seksjoner for ulike utstillingstyper etc.

Hva skjer / kalender

Se eksempel på hvordan en "Hva skjer / kalender" seksjonsside kan se ut her.

Museum A (dynamisk)

Eksempel på en museumsforside med hovedbanner, praktisk info og så diverse aktuelt eller statisk innhold videre nedover.

Eksempelsted

Grid-full

Et kort satt til medium, resten små

Seksjonsinnhold B (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Seksjonsinnhold A (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Les mer

Seksjon A (generell)

Et eksempel på bruk av bannere og kortmoduler for å skape veier videre til innholdet i seksjonen, hva nå enn seksjonen måtte være.

Utstillinger (fysiske)

Trekker frem kort som gir veier videre til hver enkelt utstilling. Kan fremstilles på ulikt vis, deles inn i flere seksjoner for ulike utstillingstyper etc.

Hva skjer / kalender

Se eksempel på hvordan en "Hva skjer / kalender" seksjonsside kan se ut her.

Museum A (dynamisk)

Eksempel på en museumsforside med hovedbanner, praktisk info og så diverse aktuelt eller statisk innhold videre nedover.

Eksempelsted

Liste

Ingen spesielle innstillinger

Seksjonsinnhold B (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Seksjonsinnhold A (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Les mer

Seksjon A (generell)

Et eksempel på bruk av bannere og kortmoduler for å skape veier videre til innholdet i seksjonen, hva nå enn seksjonen måtte være.

Utstillinger (fysiske)

Trekker frem kort som gir veier videre til hver enkelt utstilling. Kan fremstilles på ulikt vis, deles inn i flere seksjoner for ulike utstillingstyper etc.

Hva skjer / kalender

Se eksempel på hvordan en "Hva skjer / kalender" seksjonsside kan se ut her.

Museum A (dynamisk)

Eksempel på en museumsforside med hovedbanner, praktisk info og så diverse aktuelt eller statisk innhold videre nedover.

Eksempelsted

Horisontal

Ingen spesielle innstillinger

Seksjonsinnhold B (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Seksjonsinnhold A (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Les mer

Seksjon A (generell)

Et eksempel på bruk av bannere og kortmoduler for å skape veier videre til innholdet i seksjonen, hva nå enn seksjonen måtte være.

Utstillinger (fysiske)

Trekker frem kort som gir veier videre til hver enkelt utstilling. Kan fremstilles på ulikt vis, deles inn i flere seksjoner for ulike utstillingstyper etc.

Hva skjer / kalender

Se eksempel på hvordan en "Hva skjer / kalender" seksjonsside kan se ut her.

Museum A (dynamisk)

Eksempel på en museumsforside med hovedbanner, praktisk info og så diverse aktuelt eller statisk innhold videre nedover.

Eksempelsted

Stramme opp ved hjelp av fellesinnstllinger?

I det følgende ser vi noen eksempler der man har satt noen felles innstilliger på bredde og evnt høyde for alle kort slik at man får et litt annet uttrykk.

Felles bredde på alle kort

Alle kort satt til medium (ved felles innstilling), men i og med bilder og tekst er av varierende størrelse og omfang blir det noe uryddig.. se videre nedeover for hvordan man kan rydde i det.

Seksjonsinnhold B (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Seksjonsinnhold A (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Les mer

Seksjon A (generell)

Et eksempel på bruk av bannere og kortmoduler for å skape veier videre til innholdet i seksjonen, hva nå enn seksjonen måtte være.

Utstillinger (fysiske)

Trekker frem kort som gir veier videre til hver enkelt utstilling. Kan fremstilles på ulikt vis, deles inn i flere seksjoner for ulike utstillingstyper etc.

Hva skjer / kalender

Se eksempel på hvordan en "Hva skjer / kalender" seksjonsside kan se ut her.

Museum A (dynamisk)

Eksempel på en museumsforside med hovedbanner, praktisk info og så diverse aktuelt eller statisk innhold videre nedover.

Eksempelsted

Felles bredde og felles høyde på alle kort

Alle kort satt til medium (ved felles innstilling) og en valgt mimumshøyde

Seksjonsinnhold B (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Seksjonsinnhold A (kort)

F.eks beskrivelse av en tjeneste, utstilling eller hva det måtte være som denne seksjonen tar for seg av innhold.

Les mer

Seksjon A (generell)

Et eksempel på bruk av bannere og kortmoduler for å skape veier videre til innholdet i seksjonen, hva nå enn seksjonen måtte være.

Utstillinger (fysiske)

Trekker frem kort som gir veier videre til hver enkelt utstilling. Kan fremstilles på ulikt vis, deles inn i flere seksjoner for ulike utstillingstyper etc.

Hva skjer / kalender

Se eksempel på hvordan en "Hva skjer / kalender" seksjonsside kan se ut her.

Museum A (dynamisk)

Eksempel på en museumsforside med hovedbanner, praktisk info og så diverse aktuelt eller statisk innhold videre nedover.

Eksempelsted

Andre ting som kan gjøres

Bruke i hovedsak bilder med samme format/ratio
Gjøre endringer i nettstedets design for å

sikre fast høyde på bilder
gi små kort mer bredde på større skjermer
flate kort (fjerne skyggeeffekten)