Bildegallerier

Lightbox – innebygd funksjon i WordPress

Dersom man skal sette inn flere bilder i et innlegg, har det en rekke fordeler å sette disse inn som et galleri.

I tidligere versjoner av WordPress, måtte man installere en egen plugin for Lightbox, og konfigurere den før man kunne ta den i bruk. I de sistenversjonene av WordPress, er Lightbox innebygd, noe som gjør det lekende lett å sette inn flotte gallerier.

  • det  er praktisk og brukervennlig
  • besøkende slipper å skrolle langt nedover siden for å se bildene
  • bildene presenteres som miniatyrer, ved å klikke på disse får man frem det store bildet

Slik går du frem

Bruk Photoshop eller andre bildebehandlingsprogrammer til å bestemme den endelige størrelsen på bildene.

  • Klikk på +-tegnet i blokken der du vil sette inn bildegalleriet
  • Du får frem boksen der du kan velge blokker (bilde 1)
  • Bildegalleri finnes i
  • Om du har laget bildegallerier tidligere, legges ikonet i gruppen “Mest Brukte” (bilde 3)
  • Velg Galleri og last opp alle bildene
Bilde 1: Velg blokkbibliotek
Bilde 2: Vanlige blokker

Bilde 3: Mest Brukte

Angi antall kolonner og lenke til mediefil

  • Til høyre på skjermen blir Blokk Aktivert
  • WordPress skjønner at du jobber med en bildeblokk, og du kan angi forskjellige valg
  • Antall kolonner for miniatyrene
  • Angi at miniatyrene skal lenkes til en mediefil, slik at en større versjon av bildet kommer til syne når du klikker. Den klikkbare versjonen gir deg mulighet til å bla gjennom hele galleriet, alternativt sette den på Play, slik at fremdriften går av seg selv.
  • Størrelse på miniatyrene. – Hvis bildene er kvadratiske, velger jeg miniatyrbilde. Hvis de er rektangulære, velger jeg Full størrelse, slik at den klikkbare miniatyren får samme størrelsesforhold som originalbildet.
Angi innstillinger for bildegalleriet.

I eksempelet overfor har jeg 4 bilder, som er fordelt over 3 kolonner. Det siste miniatyrbildet vil i slike tilfeller fylle hele bredden på blokken.

Alternativt kan bildene fordeles over 2 kolonner. Se eksemplene under.

Comments are closed.