Knapper kan sørge for at besøkende kan navigere på nettsiden din og samhandle med innhold. Denne artikkelen viser deg hvordan du får mest mulig ut av Knapp-modulene i ChurchDesk-editoren. Lær hvordan du oppretter knapper, kobler dem til lenker og nedlastinger, og tilpasser utseendet etter behovene dine. Vi viser deg også de ulike knappetypene for mer visuell variasjon.

På denne siden:

• Legg til knapp
• Tilpass innhold
• Tilpass design

Legg til knapp

Du kan legge til en Knapp-modul ved å legge til en ny modul og velge "Knapp" under kategorien Sidenavigasjon.
For å redigere knappemodulen etter at den er lagt til, dobbeltklikker du på modulen eller klikker på redigeringsikonet. Du kan deretter bruke alternativene under Innhold, Lokalt design eller Innstillinger.

Tilpass innhold

Du kan tilpasse innholdet i en knapp ved å holde musepekeren over den tillagte knappen -> klikke på "Modul" -> klikke på blyantikonet -> et innstillingsvindu åpnes -> klikk på "Innhold" -> åpne den aktuelle underkategorien:

Generelt

• Tekst på knapp: Skriv inn teksten som skal vises på knappen (f.eks. "Klikk her", "Les mer").
• Tittel-tag: Bruk av en tittel-tag gir mer kontekst om nettsiden din og kan forbedre synligheten i søkemotorer. I tillegg viser de fleste nettlesere tittel-taggen når musepekeren holdes over knappen, slik at besøkende kan se hvor lenken fører før de klikker på den.

Lenketyper

• Ekstern URL: Lenke til en hvilken som helst ekstern nettside, f.eks. nabomenighetens.
• Intern side: Lenke til en annen underside på ChurchDesk-nettsiden din.
• E-post: Når du lenker til en e-postadresse, åpnes den besøkendes standard e-postprogram når de klikker på knappen, og en ny e-post opprettes med e-postadressen du har angitt i feltet "E-post" som mottaker.
• Fil: Legg til en fil direkte fra din lokale PC (via den grå knappen) eller fra filbiblioteket (den blå knappen). Når du lenker til en fil for nedlasting, starter den besøkendes nettleser nedlastingen når de klikker på knappen. Følgende filformater støttes: .png, .gif, .jpeg, .jpg, .xls, .xlsx, .doc, .docx, .pdf.
• Telefon: Hvis du vil bruke telefonnummeret du har lagt inn i Globale data, skriver du inn følgende: tel:[phone]. Husk at du kan skjule knapper i bestemte visninger hvis du ikke vil at de skal vises (i dette tilfellet er en "Klikk for å ringe"-knapp kanskje ikke relevant i skrivebordsvisning, mens den er mer relevant i mobilvisning).

Ikon

• Ikonjustering: Velg om ikonet skal plasseres til venstre eller høyre for teksten.
• Ikon: Velg et passende ikon fra biblioteket for å gjøre knappen enda mer uttrykksfull (f.eks. en konvolutt for e-post eller en nedlastingspil for en fil).

Tilpass design

Du kan tilpasse utseendet på knappene dine slik at det passer til designet på nettsiden din. Du kan bruke de globale designinnstillingene for å skape en ensartet stil, men du kan også gjøre lokale tilpasninger i enkelte tilfeller.

1. Du kan tilpasse det globale designet via knappen på venstre side Design -> Moduler -> Sidenavigasjon -> Knapp / Knapp 1 / Knapp 2.
2. Du kan tilpasse det lokale designet ved å holde musepekeren over den tillagte knappen -> klikke på "Modul" -> klikke på blyantikonet -> et innstillingsvindu åpnes.

Følgende innstillinger kan du stille inn globalt, men også tilpasse lokalt:

• Farger: Angi farger for bakgrunn, tekst, ramme og ikon.
• Aktiver skygge: Legg til en skygge for å få knappen til å skille seg ut visuelt.
• Mellomrom: Juster den ytre avstanden for å skille knappen fra andre elementer.

Følgende innstillinger kan du bare tilpasse lokalt:

• Plassering av knapp: Juster knappen innenfor en kolonne til høyre, venstre eller i midten.
• Bredde på knapp: I stedet for å la knappens størrelse avhenge av innholdet, kan du angi en fast bredde. Prosentandelen viser til bredden på kolonnen der knappen er satt inn. Det betyr at en knapp med en bredde på 25 % tar opp nøyaktig en fjerdedel av kolonnen.
• Knapp float: Bruk denne funksjonen for å plassere tekst rundt knappen. Du kan flytte knappen til venstre eller høyre. Sett først inn knappen, deretter tekstmodulen i samme kolonne nedenfor, og aktiver så floating for knappen. Hvis du legger til float på knappen, anbefales det å angi en marg til høyre eller venstre, avhengig av retningen på floatingen. Legg til en marg nederst for å skyve det omkringliggende elementet bort fra det flytende elementet. Bruk også denne funksjonen hvis du vil plassere knapper ved siden av hverandre.

• Fast posisjon: Hvis du vil at en knapp skal være festet på den besøkendes skjerm og bli værende der mens de ruller opp eller ned på en side, kan du aktivere alternativet Fast posisjon under Design > Knapp > Generelt.
• Aktiver og tilpass animasjoner: Legg til animasjoner for å gjøre knappen enda mer dynamisk.

Tre forskjellige knappetyper:

For å skape mer visuell variasjon tilbyr editoren tre alternative knappestiler. De tre knappemodulene er helt identiske i funksjonalitet og skiller seg bare i designet.

Nøkkelord: Knapper, Nettsidenavigasjon, Interaksjon, Knappmodul, Tilpass design, Telefonnummer, E-postlenke, Filnedlasting, Responsivt design, Brukeropplevelse, Sidenavigasjon, ChurchDesk

Oppdatert på: 09/11/2026