En rad er det grunnleggende elementet for å strukturere innhold horisontalt på nettsiden din. Den fungerer som en beholder for kolonner og moduler. Med ChurchDesk-editoren kan du fleksibelt utforme rader, legge til bakgrunner og tilpasse oppsettet for å presentere innholdet ditt best mulig. Denne artikkelen viser deg hvordan du redigerer en rad, og hvilke design- og innstillingsmuligheter du har tilgjengelig.

Hva er en rad? En rad er en horisontal (vannrett) seksjon på siden din. Innenfor en rad kan du ha opptil 12 kolonner for å organisere innholdet ditt. Du kan alltid legge til mer innhold i raden eller omorganisere eller slette eksisterende innhold. Les mer om rader, kolonner og moduler i denne artikkelen.

På denne siden:

• Hvordan kan jeg redigere en rad?
• Lokalt design
• Innstillinger
• Mer

Hvordan kan jeg redigere en rad?

Når du jobber i editoren, klikker du på raden du vil endre. Det vises en hurtigmeny med de vanligste verktøyene: Rediger, Dupliser, Mer og Slett:

1. Klikk på Mer for å få tilgang til flere muligheter.
2. Klikk på blyantikonet for å åpne menyen for de videre radinnstillingene.

Lokalt design

1. Bakgrunn

En radbakgrunn kan være ensfarget, et bilde eller til og med en video:

• Bakgrunnsfarge: Legg til én farge som radbakgrunn. Du kan stille inn graden av gjennomsiktighet hvis du ønsker det.
• Bakgrunnsbilde: Legg til et bilde som radbakgrunn. Du kan velge om du vil bruke tittelbildet ditt fra Globale data eller laste opp et nytt bilde direkte til raden. Du kan stille inn hvordan bildet skal gjentas innenfor raden, størrelsen og plasseringen, slik at du kan vise bildet best mulig for besøkende.

I tillegg til standardinnstillingene for bildet kan du også bestemme hvordan bakgrunnsbildet skal oppføre seg innenfor raden når en besøkende ruller nedover siden:

• Fast posisjon: Bildet blir værende på sin plass under rulling, mens innholdet glir over det.
• Parallax scrolling: Bildet beveger seg langsommere enn forgrunnen under rulling, noe som skaper en dybdeeffekt.

2. Videobakgrunn

Aktiver videobakgrunnen og lim inn video-URL-en din i feltet. Videoen spilles av automatisk når en besøkende åpner siden der raden ligger.

3. Bakgrunnsfilter

Legg til et bakgrunnsfilter over radens bakgrunnsfarge, bilde eller video for å dempe svært fargerike bilder eller bilder med sterke kontraster. Dette er også en god måte å sikre at teksten i raden er lett å lese for besøkende. Husk at du også kan stille inn graden av gjennomsiktighet for bakgrunnsfilteret.

Eksempel på et bakgrunnsfilter som er brukt over et bilde:

4. Ramme og mellomrom:

• Skygge: Legg til en skygge for mer dybde.
• Ramme: Legg til en ramme rundt raden og tilpass rammens stil, farge, tykkelse og radius. Tilpass margin (plass utenfor raden) og padding (plass mellom radinnholdet og radens ramme).
• Mellomrom: Med valgene for ytre og indre avstand skaper du plass rundt og i elementene dine. Målrettet justering av avstanden gir en klar, ryddig struktur og bedre lesbarhet.
• Container: En container er et område innenfor raden som har polstring på alle sider. Alt radinnhold holdes innenfor denne "rammen". Med en container kan du være sikker på at innholdet ditt ikke strekker seg over hele bredden av visningsvinduet, noe som ellers kunne gjort det vanskelig for besøkende å lese eller få oversikt. Rader i editoren har som standard en container. Du kan utvide den til hele radens bredde ved å aktivere innstillingen Container over hele bredden. Du kan også stille inn rammens radius og containerens polstring.
• Animasjon: Aktiver animasjoner som utløses så snart besøkende ser raden eller elementet i nettleseren sin. Animasjoner gjør nettsiden din mer dynamisk og bidrar til å rette oppmerksomheten mot viktig innhold.

Innstillinger

1. Stabling av kolonner

Når du aktiverer Kolonnestabling, kan kolonnene i en enkelt rad stables slik at de ligger oppå hverandre. Som standard er denne innstillingen automatisk aktivert i visningsvinduene for nettbrett og mobile enheter, siden dette er den vanlige oppførselen for rader der.
Kolonnestabling på desktop er nyttig hvis du for eksempel ønsker at flere moduler skal vises oppå hverandre i stedet for ved siden av hverandre, som er standardoppførselen i editorens rutenettsystem. Med Stabling av kolonner kan du oppnå dette uten å måtte legge til flere nye rader etter hverandre. Du kan også aktivere denne funksjonen direkte via de tre prikkene.

2. Plasser rad bak header

Denne funksjonen lar deg skyve den øverste raden på en hvilken som helst side bak headeren din. Slik får du en gjennomsiktighetseffekt som får headeren til å gli sammen med nettsidens overordnede stil.
Når du aktiverer denne funksjonen, blir bakgrunnsbildet eller fargen i den øverste raden på en side synlig bak headeren, hvis du har gjort headeren gjennomsiktig. Hvis headeren har en heldekkende (ikke gjennomsiktig) farge, vil innstillingen Plasser bak header ikke være synlig på nettsiden din. Du kan bare aktivere denne funksjonen for den øverste raden eller rad-slideren på en side.

3. Fullskjermsrad

Radens høyde tilpasses høyden på nettleservinduet. Dette gjelder bare for desktop-visningsvinduet. Du kan også aktivere denne funksjonen direkte via de tre prikkene.

4. Rad-ankre

Ved å legge til ankre kan besøkende "hoppe" fra hovednavigasjonen eller en knapp til en bestemt rad på samme side. Du finner mer om emnet her.

Slik setter du opp et anker:

1. Hold musepekeren over raden -> klikk på blyantikonet -> Innstillinger -> Rad-anker
2. Aktiver ankeret -> Legg til en ankeretikett, f.eks. kontakt (Obs: Alt må skrives med små bokstaver og uten mellomrom!)
3. Mulighet 1 - Skjul anker fra navigasjonen: Ankeret vises ikke i hovednavigasjonen.
4. Mulighet 2 - Anker på samme nivå som siden i navigasjonen: Ankeret vises separat i hovednavigasjonen og ikke som en underside.
5. Lagre med den grønne haken.
6. Sett inn en knapp eller et tekstfelt.
7. Åpne redigeringsmodus for den aktuelle modulen.
8. Sett inn en lenke -> velg "Ekstern URL" -> skriv inn hele sidens URL med /#kontakt

Mer

1. Vis på enhet

Velg i hvilke av de tre visningsvinduene raden skal være synlig når besøkende ser nettsiden din. Mer om dette finner du her.

2. Flytende rad

En rad kan settes som enten flytende eller fast. Hvis du klikker på Flytende rad i radens nedtrekksmeny, vises det en hake ved siden av raden. Hvis du klikker på den igjen, forsvinner haken, og raden er da satt som fast. Det er mulig å ha rader med ulike innstillinger på samme side.
Fast rad: En fast rad sørger for at innholdet alltid er sentrert og har en fast bredde, selv om skjermen er bredere enn innholdet.
Flytende rad: En flytende rad lar innholdet strekke seg over hele nettleserens bredde, uansett skjermstørrelse.

Eksempel på en fast rad:

Eksempel på en flytende rad:

3. Utjevn kolonner

Med dette valget kan du utjevne bredden på kolonnene i en rad. For å velge dette går du til Mer i hurtigmenyen og velger Utjevn kolonner. Merk at editoren bruker et rutenettsystem med 12 kolonner. For at kolonnene skal få nøyaktig samme størrelse, må antallet kolonner gå opp i 12 – f.eks. blir 2 kolonner til 6 enheter hver, 3 kolonner blir til 4 enheter hver osv. Merk at utjevningsvalget tilbakestiller kolonnestørrelsene for alle visningsvinduer.

For tall som ikke går opp i 12, se eksemplene på kolonnefordeling nedenfor:

4. Legg til animasjon

Legg til en animasjon som utløses så snart besøkende ser raden i nettleseren sin.

5. Legg til slider (bare med Studio AddOn)

Lag en "karusell"-effekt ved å legge til flere slides (rader) og la besøkende bytte mellom dem på nettsiden. Les den tilhørende artikkelen om rad-slidere her.

6. Kopier/Lim inn

Hvis du vil gjenbruke en rad et annet sted på nettsiden din, kan du enten duplisere eller kopiere den.
Når du dupliserer en rad, lages det en kopi av raden som settes inn rett under den opprinnelige raden. Klikk på Dupliser-ikonet i hurtigmenyen for å gjøre dette.
Når du bruker kopieringsfunksjonen, kan du sette inn raden hvor som helst på nettsiden din (også på andre sider enn den du jobber på). For å kopiere en rad og sette den inn et annet sted klikker du på Mer i menyen og velger deretter Kopier.
Gå til siden der du vil sette inn raden, hold musepekeren over raden som den nye raden skal vises under, og velg Mer > Lim inn fra menyen.

7. Slett

Du kan slette en rad ved å velge "Slett" i hurtigmenyen. Husk at du kan angre handlingen med editorens Rollback-funksjon.

Nøkkelord: Rediger rader, Raddesign, Webdesign, Nettsideoppsett, Radbakgrunn, Videobakgrunn, Parallax-effekt, Radinnstillinger, Stable kolonner, Rad-ankre, Fullskjermsrad, Fleksibel rad, Fast rad, Utjevn kolonner, Kopier/Lim inn, ChurchDesk.

Oppdatert på: 09/11/2026