Hvordan lager jeg en kontakt oss-side i WordPress?

Ser 0 svar tråder
  • Posts
      Erik Brandsborg
      Administrator

      Det er flere metoder man kan bruke for å lage en ansattoversikt eller Kontakt oss-side. Det er mulig å ta utgangspunkt i Galleri-blokken, SiteOrigin Layout-blokken eller blokken Kolonner, og fylkene har løst dette på ulike måter. Alle varianter kan fungere bra, og kan gi tilnærmet samme resultat.

      Men det som antakelig er enklest og best for de fleste er å bruke blokken Kolonner, så det er varianten vi tar utgangspunkt i her:

      1. Legg til kolonner
        Klikk på pluss-tegnet, og finn blokken Kolonner. Velg varianten 33/33/33, altså tre kolonner. (Det er mulig å gjøre om til to eller fire kolonner, hvis man ønsker det.)
        Skjermdump av valg for kolonner i WordPress.
      2. Legg til bilde
        Klikk på pluss-tegnet inni den første kolonnen. Velg blokken Bilde. Klikk på Last opp eller Mediebibliotek for å legge til et portrettbilde. Dersom det følger med bildetekst, fjern den.
      3. Legg til avsnitt
        Klikk på bildet, så det er markert. Klikk deretter på pluss-tegnet øverst til venstre, og velg blokken Avsnitt. Nå har du et tekstfelt under bildet. Skriv inn navn, tittel og kontaktinfo, og bruk «mykt» linjeskift (Shift+Enter) imellom. Markér gjerne navnet og velg fet skrift.
      4. Legg inn alle personer
        Gjenta steg 2 og 3 i de to andre kolonnene. Dersom du skal legge inn flere enn tre personer, kan du legge til en ny kolonne under. Eller enda enklere: duplisere kolonnen. Det gjør du enklest ved å klikke på hamburger-symbolet øverst til venstre, da får du en listevisning over alle blokkene du har laget. Klikk på de tre prikkene ved siden av blokken Kolonner, og velg Dupliser.
        Skjermdump av listevisning av blokker i redigeringsvinduet i WordPress.

       

      Slik ser resultatet ut etter å ha duplisert Kolonner-blokken én gang:

      Skjermdump av eksempel på kontakt-side på dks.no.

       

      Vil du heller ha runde bilder?

      Dersom du skulle ønske å ha runde bilder, er det ganske enkelt å få til. Men vær obs på at bildene må være kvadratiske for å få sirkelformede bilder. Dersom bildene ikke er kvadratiske, vil du få ovaler. Slik gjør du det:

      1. Klikk på et bilde
      2. Til høyre på skjermen skal du få opp valgmenyen for blokken. Hvis du ikke gjør det, klikk på tannhjul-symbolet øverst til høyre, og pass på at fanen Blokk er valgt.
      3. Under Stiler, velg Avrundet.
      4. Gjør dette for hvert bilde.

      Slik blir resultatet:

      Skjermdump av eksempel på kontakt-side med runde bilder på dks.no.

      Husk alternativ tekst!

      Alle bildene skal ha en alternativ tekst (eller alt-tekst), som er et lovkrav for universell utforming. Du legger inn denne ved å klikke på bildet, og finne feltet for alt-tekst i valgmenyen til høyre. For portrettbilder av personer holder det å skrive f.eks. «Foto: portrettbilde av Navn Navnesen».

      Her finner du alle WordPress-veiledninger

      0
Ser 0 svar tråder

Merket: 

  • Du må være innlogget for å svare på dette emnet.