Hopp til hovedinnhold

Utseende

Utseendesiden lar deg tilpasse det generelle utseendet og følelsen til kirkenettstedet ditt. Fra farger og skrifttyper til avstand og egendefinert CSS, kan du kontrollere alle visuelle aspekter av nettstedet ditt fra ett sted.

Før du begynner

  • Fullfør Førstegangsoppsett for nettstedet ditt
  • Ha kirkens logo klar i PNG-format med gjennomsiktig bakgrunn og et 4:1 sideforhold
  • Kjenn til kirkens merkefarger (heksadesimalverdier) hvis du har en eksisterende stilguide

Tilgang til utseendeinnstillinger​

  1. I B1 Admin, klikk Nettsted i venstre meny.
  2. Klikk fanen Utseende øverst i visningen for nettsider.
  3. Stilinnstillingssiden lastes med en direkteforhåndsvisning av nettstedet ditt til venstre og Stilinnstillinger til høyre.

Fargepalett​

  1. Klikk Fargepalett i panelet for stilinnstillinger.
  2. Du vil se Basisfarger (lyse, aksent- og mørke nyanser) og Semantiske farger (Primær, Sekundær, Suksess, Advarsel og Feil).
  3. Klikk på en fargeprøve for å åpne fargevelgeren. Dra velgeren eller skriv inn en heksadesimalverdi for å velge fargen din.
  4. Forhåndsvisning av fargekombinasjoner viser hvordan de valgte fargene fungerer sammen.
  5. Bruk Foreslåtte paletter for raskt å bruke et forhåndsdesignet fargeskjema.
  6. Klikk Lagre når du er fornøyd.

Typografi​

  1. Klikk Typografiinnstillinger i panelet for stilinnstillinger.
  2. Klikk Velg en skrifttype for å åpne skrifttypeutforskeren. Du kan søke etter navn eller bla gjennom kategorier som Serif, Sans Serif, Display, Håndskrift og Monospace.
  3. Angi skrifttyper for både overskrifter og brødtekst.
  4. Klikk Typografiskala for å justere størrelseshierarkiet for Overskrift 1 til Overskrift 4. Bruk skalamultiplikator- og basisstørrelsesfeltene for finjustering.
  5. Klikk Lagre for å ta i bruk skrifttypevalgene.

Avstand​

  1. Klikk Avstandsskala i panelet for stilinnstillinger.
  2. Juster avstandsverdier fra Ekstra liten til Ekstra stor. Praktiske eksempler viser hvordan hver verdi påvirker oppsettet.
  3. Klikk Lagre avstand for å ta i bruk verdiene på hele nettstedet.

Logo og merkevarebygging​

  1. Klikk Logo i panelet for stilinnstillinger.
  2. Last opp logoen for lys bakgrunn og logoen for mørk bakgrunn. Bruk bilder med gjennomsiktig bakgrunn og et 4:1 sideforhold for best resultat.
  3. Last opp et bilde for sosiale medier for lenkeforhåndsvisninger og et Favicon for nettleserfaneikonet.
Tips

For best resultat, bruk en logo med gjennomsiktig bakgrunn i PNG-format. Dette sikrer at den ser bra ut på både lyse og mørke bakgrunner på nettstedet og i mobilappen.

Egendefinert CSS og JavaScript​

  1. Klikk CSS og Javascript i panelet for stilinnstillinger.
  2. Legg til egendefinert CSS for å overstyre standardstiler for avansert tilpasning.
  3. Legg til egendefinert HTML for sporingskoder eller andre skript.
  4. Bruk seksjonen Vanlige Javascript-eksempler for kodesnutter som Google Analytics-integrasjon.
Advarsel

Egendefinert CSS er kraftig, men kan ødelegge nettstedets oppsett hvis det brukes feil. De fleste kirker kan oppnå ønsket utseende ved å bruke de innebygde farge-, skrifttype- og avstandskontrollene. Bruk kun egendefinert CSS hvis du er komfortabel med webutvikling.

Stiltemaer​

Hvis du ønsker et raskt utgangspunkt, tilbyr Foreslåtte paletter i Fargepalett-seksjonen forhåndsbygde temaer som setter koordinerte farger med ett klikk. Du kan alltid finjustere individuelle innstillinger etter å ha brukt et tema.

Neste steg​