> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.churchdesk.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Bildemodul

Bilder er en uunnværlig del av enhver nettside. De gir innhold, bryter opp teksten og vekker følelser. I denne artikkelen lærer du hvordan du bruker **Bildemodulen** i ChurchDesk-editoren effektivt til å bygge inn enkeltbilder på nettsiden din. Vi viser deg hvordan du legger til bilder, setter inn lenker og alt-tekster, og tilpasser designet til modulen for å sikre en tiltalende og profesjonell bildevisning.

**På denne siden:**
* Tilpass innhold
* Tilpass lokalt design
* Flere innstillinger

| **TIPS:** Bruk bildemodulen til å bygge inn enkeltbilder på nettsiden din. Hvis du vil bygge inn en gruppe bilder, bruker du enten bildelisten eller galleriet.

Du kan legge til en bildemodul ved å velge "Bilde" under kategorien Medier når du velger Legg til modul:
![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/3/7/be3725c5cc2ea800/bildschirmfoto-2025-08-04-um-1_17s8dti.png)

For å redigere bildemodulen dobbeltklikker du på den, eller du fører musen over modulen -> klikker på "Modul" -> og deretter på blyantikonet for å redigere. Utvid mulighetene under [Innhold](#1-innhold), __Lokalt __[Design](#1-design) eller [Innstillinger](#1-innstillinger) og gjør følgende tilpasninger.


# Innhold
I avsnittet **Innhold** legger du til nye bilder, redigerer dem direkte i editoren og lenker dem for å gjøre nettsiden din mer interaktiv. Et annet viktig steg er å legge til alt-tekster for å forbedre tilgjengelighet og søkemotoroptimalisering.

### Legg til bilde i modul
![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/3/7/be3725c5cc2ea800/bildschirmfoto-2025-08-04-um-1_74vdho.png)

Det finnes flere måter å legge til et bilde i modulen på:
1. **Last opp et nytt bilde:** Klikk på "Legg til eller dra fil" for å velge et bilde fra datamaskinen din, eller dra og slipp bildet ditt i det markerte området.
2. **Bruk et eksisterende bilde fra filbehandlingen:** Klikk på "Velg fra filbehandling" og velg et av de eksisterende bildene dine fra filbehandlingen.
3. **Bruk et bilde fra globale data:** Aktiver "Bruk kilde fra Globale data" og velg enten tittelbildet eller logoen din, som du tidligere har lastet opp til Globale data.
4. **Bruk et bilde fra filer i gruppemodulen:** Du har alltid tilgang til de offentlige filene fra gruppene dine under **"Kontakter"** > **"Grupper"** (men ikke omvendt). For å gjøre dette går du først til filbehandlingen og klikker på "Åpne eksternt filbibliotek". Velg innholdet fra undermappene og klikk deretter på "Legg til i nettstedsbibliotek". Innholdet lastes da inn i filbehandlingen for nettsiden, og du får deretter tilgang til det fra bildemodulene ved å velge "Velg fra filbehandling".

|| **INFORMASJON:** Ikke glem å legge til **alt-tekst** (alternativ tekst) til bildet ditt. Den beskriver kort og presist hva bildet viser, noe som er avgjørende for **søkemotoroptimalisering (SEO)** og **tilgjengelighet**.


### Rediger bilde
![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/3/7/be3725c5cc2ea800/bildschirmfoto-2025-08-04-um-1_1gvu0vx.png)
* **Rediger:** Klikk på "**Rediger**" ved siden av bildet ditt for å beskjære eller rotere det direkte i Designeren.
* **Erstatt/Fjern:** Hvis du vil bytte ut bildet eller fjerne det helt, bruker du knappene "Erstatt" eller "Fjern".

### Legg til lenke
Når du bruker et bilde på nettsiden din, kan du legge til en lenke og gjøre bildet klikkbart for de besøkende. For å legge til en lenke på bildet slår du på *Aktiver lenke på bilde*, og en rekke lenkemuligheter blir synlige.

Velg i nedtrekksmenyen hvilken type lenke du vil ha på bildet. Du har følgende fire lenkemuligheter:
* **Ekstern URL:** Legg til en URL til en ekstern side. Denne lenketypen aktiverer som standard muligheten *Åpne lenke i nytt vindu*, slik at besøkende ikke forlater nettsiden din helt når de klikker på bildet.
* **Intern side:** Lenk til en side på nettsiden din.
* **E-post:** Skriv inn en e-postadresse i feltet. Når besøkende klikker på bildet, åpnes standard e-postprogram.
* **Fil:** Legg til en fil ved å klikke på "Legg til eller dra fil" for å åpne filene på datamaskinen din, eller slipp filen i det markerte området. Når besøkende klikker på bildet, lastes filen ned.

Aktiver muligheten *Åpne lenke i ny fane* for å åpne bildet i en ny nettleserfane når det klikkes på. Aktiver *Angi "nofollow"-egenskap* hvis du ikke vil at søkemotorer skal følge hyperlenken. Når denne muligheten er aktivert, påvirker ikke lenken din rangeringen av målsiden i søkemotorer.


# Design
I avsnittet Lokalt design kan du blant annet endre bildestørrelse og -justering, eller tilpasse bakgrunnen, rammen og avstandene til bildemodulen.
* **Bildestørrelse**: Bildestørrelsen angir hvor mye plass bildet tar i kolonnen der det er plassert. Når bildestørrelsen er satt til 100 %, fyller bildet hele kolonnebredden. Bruk glidebryteren eller skriv inn ønsket prosent i feltet for å tilpasse størrelsen.
* **Bildejustering**: Med bildejustering kan du angi plasseringen av bildet i kolonnen. Du kan justere bildet til venstre, til høyre eller midtstilt. Bruk Float-funksjonen for å flytte bildet til venstre eller høyre og la annet innhold omgi det.
* **Flytende bilde:** Bruk denne funksjonen til å plassere tekst rundt bildet. Du kan flytte bildet til venstre eller høyre. For å gjøre dette setter du først inn bildemodulen, deretter tekstmodulen i samme kolonne under, og aktiverer så floating for bildemodulen. Hvis du legger til Float-funksjonen på bildet, anbefales det å legge til en marg til høyre eller venstre, avhengig av retningen bildet flyter i. Legg også til en marg nederst for å skyve det omkransende elementet bort fra det flytende bildet.
* **Bilde-hover (mouseover):** Her angir du hvordan hover-effekten skal se ut visuelt når den er aktivert (se innstillinger).
* **Bakgrunn, Skygge, Ramme, Mellomrom og Animasjon:** Bruk ulike effekter for å gjøre modulen enda mer tiltalende og plassere den.

![Eksempel på bilde-float](https://storage.crisp.chat/users/helpdesk/website/-/b/e/3/7/be3725c5cc2ea800/bildschirmfoto-2025-08-04-um-1_1l112pe.png)
| **TIPS:** For grunnleggende redigeringsmuligheter klikker du på flere lokale designmuligheter eller redigerer det globale designet til bildemodulen.


# Innstillinger
I avsnittet Innstillinger kan du aktivere hover-effekter for bildet ditt. En **hover-effekt** er en interaktiv funksjon som utløses på et bilde når en besøkende fører musepekeren over det. I ChurchDesk består denne effekten i at et ekstra visuelt element eller en bildetekst vises på bildet. Innstillingene for teksten angis som beskrevet ovenfor under Design.

Hover-effekten lar deg diskret vise mer informasjon, som bildeteksten eller en oppfordring til interaksjon (for eksempel et forstørrelsesikon). Dette er særlig nyttig for å holde siden visuelt ryddig og ikke overvelde den som ser på. Den ekstra informasjonen vises først når en besøkende aktivt viser interesse for bildet.



${color}[#6f6f6f](Nøkkelord: Bildemodul, Sett inn bilder, Rediger bilde, Alt-tekst, Søkemotoroptimalisering, Bildelenke, Designer, Nettsidedesign, Bildeliste, Bildestørrelse, Bildejustering, Bilde-float, Hover-effekter, Nettsidelayout, Filbibliotek, Globale data.)