En række er det grundlæggende element for at strukturere indhold horisontalt på din hjemmeside. Den fungerer som en beholder for kolonner og moduler. Med Church-Desk-editoren kan du fleksibelt designe rækker, tilføje baggrunde og tilpasse layoutet for at præsentere dit indhold optimalt. Denne artikel viser dig, hvordan du redigerer en række, og hvilke design- og indstillingsmuligheder du har til rådighed.

Hvad er en række? En række er et horisontalt (vandret) afsnit på din side. Inden for en række kan du have op til 12 kolonner til at organisere dit indhold. Du kan altid tilføje mere indhold til rækken eller omarrangere eller slette eksisterende indhold. Læs mere om rækker, kolonner og moduler i denne artikel.

På denne side:

• Hvordan kan jeg redigere en række?
• Lokalt design
• Indstillinger

Hvordan kan jeg redigere en række?

Når du arbejder i editoren, klikker du på den række, du vil ændre. Der vises en hurtigmenu med de mest almindelige værktøjer: Rediger, Dupliker, Mere og Slet:

1. Klik på Mere for at få adgang til yderligere muligheder.
2. Klik på blyantikonet for at åbne menuen for de efterfølgende rækkeindstillinger.

Lokalt design

1. Baggrund

En rækkebaggrund kan være ensfarvet, et billede eller endda en video:

• Baggrundsfarve: Tilføj en enkelt farve som rækkebaggrund. Du kan indstille graden af gennemsigtighed, hvis du ønsker det.
• Baggrundsbillede: Tilføj et billede som rækkebaggrund. Du kan vælge, om du vil bruge dit titelbillede fra Globale data eller uploade et nyt billede direkte til rækken. Du kan indstille, hvordan billedet skal gentages inden for rækken, dets størrelse og positionering, for at sikre, at du kan vise billedet optimalt for dine besøgende.

Udover de standardindstillinger for billedet kan du også bestemme, hvordan baggrundsbilledet skal opføre sig inden for rækken, når en besøgende ruller ned på siden:

• Fast position: Billedet forbliver på sin position under scrolling, mens indholdet glider hen over det.
• Parallax scrolling: Billedet bevæger sig langsommere end forgrunden under scrolling, hvilket skaber en dybdeeffekt.

2. Video-baggrund

Aktivér videobaggrunden og indsæt din video-URL i feltet. Videoen afspilles automatisk, når en besøgende åbner siden, hvor rækken befinder sig.

3. Baggrundsfilter

Tilføj et baggrundsfilter over din rækkes baggrundsfarve, billede eller video for at afdæmpe meget farverige billeder eller billeder med stærke kontraster. Dette er også en god måde at sikre, at teksten i rækken er let at læse for besøgende. Husk, at du også kan indstille graden af gennemsigtighed for dit baggrundsfilter.

Eksempel på et baggrundsfilter, der bruges over et billede:

4. Ramme og mellemrum:

• Skygge: Tilføj en skygge for mere dybde.
• Ramme: Tilføj en ramme til rækken og tilpas rammens stil, farve, tykkelse og radius. Tilpas margin (plads uden for rækken) og padding (plads mellem rækkeindholdet og rækkens ramme).
• Mellemrum: Med mulighederne for ydre og indre afstand skaber du plads omkring og i dine elementer. En målrettet afstandstilpasning sikrer en klar, ryddelig struktur og en bedre læsbarhed.
• Container: En container er et område inden for rækken, der er polstret på alle sider. Alt rækkeindhold er bundet inden for denne "ramme". Med en container kan du være sikker på, at dit indhold ikke strækker sig over hele visningsvinduets bredde, hvilket ellers kunne gøre læsning eller overblik vanskeligt for besøgende. Rækker i editoren er som standard forsynet med en container. Du kan udvide den til hele rækkens bredde ved at aktivere indstillingen Container over hele bredden. Du kan også indstille rammens radius og containerens polstring.
• Animation: Aktivér animationer, der udløses, så snart besøgende ser rækken eller elementet i deres browser. Animationer gør din hjemmeside mere dynamisk og hjælper med at rette opmærksomheden mod vigtigt indhold.

Indstillinger

1. Stabling af kolonner

Aktivering af Kolonnestabling gør det muligt at stable kolonner i en enkelt række, så de ligger oven på hinanden. Som standard er denne indstilling automatisk aktiveret i visningsvinduer for tablets og mobile enheder, da dette er deres normale rækkeadfærd.

Desktop-kolonnestabling er nyttigt, hvis du f.eks. ønsker, at flere moduler skal vises oven på hinanden i stedet for ved siden af hinanden, hvilket er standardadfærden i editorens gittersystem. Med Stabling af kolonner kan du opnå dette, uden at skulle tilføje flere nye rækker efter hinanden. Du kan også aktivere denne funktion direkte via de tre prikker.

2. Placer række bag header

Denne funktion giver dig mulighed for at skubbe den øverste række på enhver side bag din header og derved skabe en gennemsigtighedseffekt, der får din header til at smelte sammen med din hjemmesides overordnede stil.

Når du aktiverer denne funktion, vil dit baggrundsbillede eller din farve i den øverste række af en side blive synlig bag headeren, hvis du har gjort din header gennemsigtig. Hvis din header har en ensfarvet (ikke-gennemsigtig) farve, vil indstillingen Placer bag header ikke være synlig på din hjemmeside. Du kan kun aktivere denne funktion for den øverste række eller række-slideren på en side.

3. Fuldskærmsrække

Rækkens højde tilpasses browserens vindueshøjde. Dette gælder kun for desktop-visningsvinduet. Du kan også aktivere denne funktion direkte via de tre prikker.

4. Række-ankre

Ved at tilføje ankre kan besøgende "springe" fra hovednavigationen eller en knap til en bestemt række på den samme side. Du kan finde mere om emnet her.

Sådan opsætter du et anker:

1. Før musen over rækken -> klik på blyantikonet -> Indstillinger -> Række-anker
2. Aktivér ankeret -> Tilføj en ankeretiket, f.eks. kontakt (Obs: Alt skal være med små bogstaver og uden mellemrum!)
3. Mulighed 1 - Skjul anker fra navigationen: Ankeret vises ikke i hovednavigationen.
4. Mulighed 2 - Anker på samme niveau som siden i navigationen: Lad ankeret vises separat i hovednavigationen og ikke som en underside.
5. Gem med det grønne flueben.
6. Indsæt en knap eller et tekstfelt.
7. Åbn redigeringstilstanden for det pågældende modul.
8. Indsæt et link -> vælg "Ekstern URL" -> indtast hele sidens URL med /#kontakt

Mere

1. Vis på enhed

Vælg i hvilket af de tre visningsvinduer rækken skal være synlig, når besøgende ser din hjemmeside. Mere om dette finder du her.

2. Flydende række

En række kan enten indstilles som flydende eller fast. Hvis du klikker på Flydende række i rækkens rullemenu, vises der et flueben ud for rækken. Hvis du klikker på det igen, forsvinder fluebenet, hvilket betyder, at rækken er indstillet som fast. Det er muligt at have rækker med forskellige indstillinger på den samme side.

Fast række: En fast række sikrer, at indholdet altid er centreret og har en fast bredde, selvom skærmen er bredere end indholdet.

Flydende række: En flydende række gør det muligt for indholdet at strække sig over hele browserens bredde, uanset skærmstørrelsen.

Eksempel på en fast række:

Eksempel på en flydende række:

3. Udlign kolonner

Med denne mulighed er det muligt at udligne bredden af kolonnerne i en række. For at vælge denne mulighed skal du gå til Mere i hurtigmenuen og vælge Udlign kolonner. Bemærk, at editoren bruger et 12-kolonne gittersystem. For at kolonnerne har nøjagtig den samme størrelse, skal antallet af kolonner opdeles jævnt i 12 - f.eks. bliver 2 kolonner til 6 enheder hver, 3 kolonner bliver til 4 enheder hver osv. Bemærk, at udligningsmuligheden nulstiller kolonnesstørrelserne for alle visningsvinduer.

For tal, der ikke går op i 12, se eksemplerne for kolonneopdeling nedenfor:

4. Tilføj animation

Tilføj en animation, der udløses, så snart besøgende ser rækken i deres browser.

5. Tilføj slider (kun med Studio AddOn)

Skab en "karrusel"-effekt ved at tilføje flere slides (rækker) og give besøgende mulighed for at skifte mellem dem på hjemmesiden. Læs den tilsvarende artikel om række-sliders her.

6. Kopier/Indsæt

Hvis du vil genbruge en række et andet sted på din hjemmeside, kan du enten duplikere eller kopiere den.

Ved at duplikere en række tager du en kopi af rækken og indsætter den direkte under den oprindelige række. For at gøre dette klikker du på Dupliker-ikonet i hurtigmenuen.

Når du bruger kopieringsfunktionen, kan du indsætte rækken overalt på vores hjemmeside (også på andre sider end den, du arbejder på). For at kopiere en række og indsætte den et andet sted, klikker du på Mere i menuen og vælger derefter Kopier.

Gå til den side, hvor du vil indsætte rækken, før musen over rækken, hvor den nye række skal vises under, og vælg Mere > Indsæt fra menuen.

7. Slet

Du kan slette en række ved at vælge "Slet" fra hurtigmenuen. Husk, at du kan fortryde handlingen med editor'ens Rollback-funktion.

Nøgleord: Rediger rækker, Række-design, Webdesign, Hjemmesidelayout, Række-baggrund, Video-baggrund, Parallax-effekt, Række-indstillinger, Stabel kolonner, Række-ankre, Fuldskærmsrække, Fleksibel række, Fast række, Udlign kolonner, Kopier/Indsæt, ChurchDesk.

Opdateret den: 12/08/2025