Hopp til hovedinnhold

Utseende

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

Før du begynner

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

Få tilgang til utseendeinnstillinger​

  1. I B1 Admin, klikk Nettsted i venstre meny.
  2. Klikk Utseende-fanen ø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 hex-verdi 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 å bruke skrifttypevalgene dine.

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 å bruke verdiene på hele nettstedet ditt.

Logo og merkevarebygging​

  1. Klikk Logo i panelet for stilinnstillinger.
  2. Last opp Logo for lys bakgrunn og Logo 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 nettleserfane-ikonet.
Tips

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

Tilpass fargene på nettstedets navigasjonsfelt for både solid og gjennomsiktig modus:

  1. Rull til seksjonen Navigasjonsstiler
  2. Klikk Rediger navigasjonsstiler
  3. Konfigurer farger for solid navigasjon (med bakgrunn) og gjennomsiktig navigasjon (overleggsmodus)
  4. Klikk Lagre for å bruke navigasjonsfargene dine

For detaljerte instruksjoner, se Navigasjonsstiler.

Tilpasset CSS og JavaScript​

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

Tilpasset CSS er kraftig, men kan ødelegge nettstedets oppsett hvis det brukes feil. De fleste menigheter kan oppnå det utseendet de ønsker ved å bruke de innebygde farge-, skrifttype- og avstandskontrollene. Bruk kun tilpasset 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​