Tittel skal være informativ

Dette er en ingress. Den skal skal oppsummerer hva denne siden handler om. Unngå for lang ingress, helst en til tre setninger for å gi leserne rask oversikt.

Innhold

Fallout background section

Bruk denne blokken for å skille innhold visuelt fra resten av siden. Den egner seg godt til viktig tilleggsinformasjon eller for å lage tydelige pauser mellom innholdsseksjoner.

Innholdet vises på en lys bakgrunnsfarge. Fargen kan ikke endres.

Tittel, mellomtitler og avsnitt

Titler finnes i ulike størrelser. Hvilken størrelse en overskrift får styres av sidemalen og konteksten. Det er viktig å bruke riktig nivå for å ivareta både universell utforming men også søkemotoroptimalisering.

For at mellomtittel skal bli synlig i innholdsoversikten øverst på siden må mellomtittel være satt til H2.

skjermbilde av redigeringsverktøy i drupal
Utgiver
Artsdatabanken

Mellomtitler gir struktur og gjør det lettere å skanne teksten. Eksempelvis er H3 en tittel inn under H2, mens to H2 etter hverandre er på samme nivå.

Avsnitt

Det er 25 prosent vanskeligere å lese på skjerm. For at teksten skal være lett å lese, skanne og forstå er det lurt å dele opp teksten i korte avsnitt, maks 3-4 linjer per avsnitt. Unngå for lange tekstblokker.


Brødtekst og punktlister

Dette er vanlig brødtekst. Den kan være uthevet (fet) eller kursiv. Brødtekst kan også ha en lenke i selve teksten. Husk at for mange lenker i teksten kan være forstyrrende, og før du vet ordet av det har leserne gått ut fra siden.

Punktliste:

  • Dette er en punktliste
  • Den gjør teksten lett å skanne og gir rask oversikt
  • Egner seg til å liste opp fordeler, funksjoner, sammenstilling av data og lignende
  • Du kan også bruke nummerert liste

Avslutt med en tydelig oppfordring (CTA)

  • For eksempel: «Les mer om rødlistede arter» eller «Last ned årsrapporten for 2025»

Blokker du kan bruke

Du har tilgang til de fleste blokker når du redigerer en side. Noen av disse er forbeholdt et høyere sidenivå. Her ser du utvalgte blokker du kan bruke på den vanligste sidemalen og hva blokkken heter.

Bilder, dokumenter og video

Mediablokk

Denne blokken heter mediablokk. Denne brukes for å legge inn bilder på siden. Det kan gjøres på ulike måter. Du kan fylle hele sidebredden som eksempelet under, eller kun deler av siden.

Bildet mangler beskrivelse
Av
Karl-Otto Jacobsen
Utgiver
Norsk institutt for naturforskning
Vi kan skrive bildetekst, og bruke kursiv. Vi kan også utheve noe eller lenke.

Innhold: takson

Disse kortene linker til artssiden. Her trenger du bare å lime inn navn på takson eller takson-id. For at det skal listes i riktig størrelse må du også samtidig bruke blokken columns.

Bildet mangler beskrivelse
Nakensnegle
LC
Livskraftig
Bildet mangler beskrivelse
LC
Livskraftig

Image and text:

Det er også mulig å bruke en blokk som heter image and text med bakgrunnsfarve.

Her kan du enten skrive tekst eller legge inn flere lenker til andre sider.

Infoboks

Blokkene under heter infoboks. Den kan vi bruke til å fremheve informasjon. I eksempelet under ser du inndelingen av en aktueltsak vs en sidemal side.

Aktueltsak

  • Nyheter og oppdateringer
  • Innhold som er nyhetsdrevet
  • Lanseringer (f.eks. Rødlista, ny tjenester, verktøy, osv.)
  • Kurs, arrangementer og deltakelse

Kjennetegn:

  • Har publiseringsdato
  • Tidsavgrenset – ofte kortere levetid
  • Kort og relevant for nåtiden

Sidemal side

  • Innholdet er relevant over tid
  • Gir oversikt over et tema - organisasjon
  • Bygger kunnskap, formidle komplekse temaer
  • Fakta, prosesser og arbeidsformer

Kjennetegn:

  • Ofte uten publiseringsdato
  • Del av en menystruktur
  • Lang levetid og oppdateres ved behov

Horizontal ruler og custom spacer

Disse brukes med omhu.

Horizontal ruler – for skille mellom temaer. Du kan enten velge å bruke en kort som over vist over tittel i ulike farger eller en lang strek (den er ikke mulig å bytte farge på)

Custom spacer – for luft mellom temaer.

Knapper og lenker

Når skal du bruke knapp og når skal du bruke en lenke?

Bruk lenke når du skal lede brukeren til:

  • en annen side på nettstedet (intern lenke)
  • et annet nettsted (ekstern lenke)
  • et sted lengre ned på samme side (ankerlenke)

Bruk knapp når brukeren skal

  • utføre en aksjon (eks. laste ned noe)
  • endrer tilstanden på siden (eks. bruke et filter)

Shortcut links

En shortcut link er men å bruke når man ønsker å fremheve en lenke. Så den må brukes med omhu.

Shortcut group

Er en samling med lenker som vi ønsker å gi ekstra fokus.

Trekkspill/accordion

Accordion kan brukes dersom det er innhold som ikke er relevant for de fleste. Eksempelvis kilde/litteraturliste/referanse. Ikke bruk accordion med formål om å "korte ned" en side, eller gi brukeren oversikt.

En accordion bør ikke innholde mer enn et par paragrafer. Merk at dersom man legge noe inni et accordion minsker sjansen for at leserne ser innholdet.

Denne tittel bør reflektere innholdet

Tittelen i accordionet bør reflektere hva inneholdet handler om. Du kan velge å ha ett accordion stående alene, eller i flere grupper.

Ett enkelt trekkspill fungerer fint til å ha eksempelvis referanser i. Referansene er ikke nyttig for de aller fleste, men et viktig å ha med for de som har behov for å se inn i kildene.

Accoridon i grupper

Dersom det er behov for flere enn 6 accordions bør disse separeres med en grupperende mellomtittel.

Hva er en fremmed art?

Innhold

Hva skal jeg gjøre dersom jeg finner en fremmed art?

Innhold