Knapmodul: Tilføj knapper til din hjemmeside
Knapper kan sørge for, at besøgende kan navigere på din hjemmeside og interagere med indhold. Denne artikel viser dig, hvordan du får mest muligt ud af Knap-modulerne i ChurchDesk-editoren. Lær, hvordan du opretter knapper, linker dem til links og downloads, og tilpasser deres design efter dine behov. Vi viser dig også de forskellige knaptyper for mere visuel variation.
På denne side:
- Tilføj knap
- Tilpas indhold
- Tilpas design
Tilføj knap
Du kan tilføje et Knap-modul ved at tilføje et nyt modul og vælge "Knap" under kategorien Sidenavigation.
For at redigere dit knapmodul, efter det er tilføjet, dobbeltklikker du på modulet eller klikker på redigeringsikonet. Du kan derefter bruge mulighederne mulighederne under Indhold, Lokalt design eller Indstillinger.
Tilpas indhold
Du kan tilpasse indholdet af en knap ved at føre musen over den tilføjede knap -> klikke på "Modul" -> klikke på blyantikonet -> et indstillingsvindue åbnes -> klik på "Indhold" -> åbn den pågældende underkategori:
Generelt
- Tekst på knap: Indtast her den tekst, der skal vises på knappen (f.eks. "Klik her", "Læs mere").
- Titel-tag: Brugen af et titel-tag giver mere kontekst om din hjemmeside og kan forbedre synligheden i søgemaskiner. Derudover viser de fleste webbrowsere titel-tagget, når musen svæver over knappen, så besøgende kan se, hvor linket fører hen, før de klikker på det.
Linktyper
- Ekstern URL: Link til enhver ekstern hjemmeside, f.eks. din nabomenigheds.
- Intern side: Link til en anden underside på din ChurchDesk-hjemmeside.
- E-mail: Når der linkes til en e-mail, åbnes besøgerens standard e-mail-applikation, når de klikker på knappen, og en ny e-mail-besked oprettes med den e-mailadresse, du har angivet i feltet "E-mail", som modtager.
- Fil: Tilføj en fil direkte fra din lokale PC (via den grå knap) eller fra filbiblioteket (blå knap). Når der linkes til en fil til download, vil besøgerens browser udløse download'en, når de klikker på knappen. Følgende filformater understøttes: .png, .gif, .jpeg, .jpg, .xls, .xlsx, .doc, .docx, .pdf.
- Telefon: Hvis du vil bruge det telefonnummer, du har indtastet i Globale data, skal du indtaste følgende: tel:[phone]. Husk, at du kan skjule knapper i bestemte visningsvinduer, hvis du ikke ønsker, at de skal vises (i dette tilfælde er en "Klik for at ringe"-knap måske ikke relevant på en desktop-visning, mens den er mere relevant på en mobilvisning).
Ikon
- Ikon-justering: Vælg, om ikonet skal placeres til venstre eller højre for teksten.
- Ikon: Vælg et passende ikon fra biblioteket for at gøre din knap endnu mere udtryksfuld (f.eks. en konvolut til en e-mail eller en download-pil til en fil).
Tilpas design
Du kan tilpasse udseendet af dine knapper, så det passer til designet på din hjemmeside. Du kan enten bruge de globale designindstillinger for at skabe en ensartet stil, men også foretage lokale tilpasninger i visse tilfælde.
- Du kan tilpasse det globale design via knappen i venstre side Design -> Moduler -> Sidenavigation -> Knap / Knap 1 / Knap 2.
- Du kan tilpasse det lokale design ved at føre musen over den tilføjede knap -> klikke på "Modul" -> klikke på blyantikonet -> et indstillingsvindue åbnes.
Følgende indstillinger kan du indstille globalt, men også tilpasse lokalt:
- Farver: Indstil farverne for baggrund, tekst, ramme og ikon.
- Aktivér skygge: Tilføj en skygge for at få knappen til at skille sig ud visuelt.
- Mellemrum: Juster den ydre afstand for at adskille knappen fra andre elementer.
Følgende indstillinger kan du kun tilpasse lokalt:
- Placering af knap: Juster knappen inden for en kolonne til højre, venstre eller midten.
- Bredde på knap : I stedet for at lade knappens størrelse afhænge af dens indhold, kan du definere en fast bredde for den. Procentdelen refererer til bredden af den kolonne, hvor knappen er indsat; det betyder, at en knap med en bredde på 25% optager præcis en fjerdedel af kolonnen.
- Knap float: Brug denne funktion til at placere tekst omkring din knap. Du kan flytte knappen til venstre eller højre. For at gøre dette, indsæt først knappen, derefter tekstmodulet i samme kolonne nedenunder, og aktiver derefter floating for knappen. Hvis du tilføjer float til din knap, anbefales det at indstille en margin til højre eller venstre, afhængigt af retningen af floating. Tilføj en margin i bunden for at skubbe det omkransede element væk fra det flydende element. Brug også denne funktion, hvis du vil placere knapperne ved siden af hinanden.
- Fast position: Hvis du ønsker, at en knap skal være fastgjort på besøgerens skærm og forblive der, mens de ruller op eller ned på en side, kan du aktivere muligheden Fast position under Design > Knap > Generelt.
- Aktivér og tilpas animationer: Tilføj animationer for at gøre knappen endnu mere dynamisk.
Tre forskellige knappetyper:
For at skabe mere visuel variation for knapper, tillader editoren tre alternative knapstile. De tre knapmoduler er fuldstændig identiske i funktionalitet og adskiller sig kun i deres respektive design.
Nøgleord: Knapper, Hjemmesidenavigation, Interaktion, Knapmodul, Tilpas design, Telefonnummer, E-mail-link, Fildownload, Responsivt design, Brugeroplevelse, Sidenavigation, ChurchDesk
Opdateret den: 07/08/2025
Tak!