Hoppa till huvudinnehåll

Widget: Galleri

Visar hur du skapar och redigerar ett galleri med Galleri-widgeten: lägg till och sortera bilder, välj utseende Rutnät, Karusell eller Murverk samt inställningar för bilder per rad, bildförhållande, lightbox och automatiskt bildspel.

Widgeten Galleri hittar du under kategorin Media i menyn för widgets och är till för att skapa en bildvisning av flera bilder samtidgt.

När du trycker på din widget galleri i byggaren får du upp en inställningsvy:

Redigera bilder = Öppnar vyn där du kan välja vilka bilder som ska vara med.

De små rutorna = Här ställer du in designen och anpassar ditt galleri

Animera = Ställ in animeringar som gör att galleriet t.ex. glider in i bild vid skroll.

Kopiera = Kopierar din widget så som du designat ditt galleri. Läs mer om det här.

Radera (papperskorgen) = Du kan radera din widget.


Redigera och välj/ta bort bilder i din galleriwidget

Börja skapa ditt galleri genom att klicka på Lägg till bild i inställningsvyn Redigera bilder. Ändra enkelt ordningen på bilderna genom att ta tag i dem och dra. Klicka på papperskorgen för att radera en bild.

Anpassa din galleriwidget

När du har valt dina bilder kan du komma till inställningarna för anpassa designen antingen via knappen Layout som syns över "Lägg till bild-knappen" i ovan bild. Eller genom att trycka på widgeten i byggaren och sen trycka på de små fyrkanterna som syns.

I Layout får du nu flera val som du ser på nedan bild. Under bilden beskriver vi varje del en och en.

Observera att alla inställningar inte finns på varje layoutval.

1) Välj layoutdesign

Välj mellan Rutnät, Karusell och Murverk. Se nedan bildexempel:


Rutnät:

Karusell
(notera pilarna i kanten som gör att man kan bläddra):

Murverk
(bästa valet om dina bilder har blandade format mellan liggande och stående bilder):

2) Antal bilder per rad

Ställ in hur många bilder som ska synas på bredden

3) Utfyllnad för bilder

Detta ställer in mellanrummet mellan bilderna.

4) Ställ in kantradie

Ställer in hörnen på bilderna hur rundade de ska vara.


5) Bildförhållande (syns på Rutnät & Karusell)

Ställer in vilket format bilderna ska visas. Har du blandade format (mix av stående och liggande bilder) rekommenderar vi att istället välja Murverk som layout då den kommer göra det enklare att visa bilderna i sin helhet. Du kan läsa mer om detta i punkt 6 nedan om att bilden ska fylla blocket.

6) Bilder ska fylla sina block

Detta gör så att bilden dras ut till kanterna och ger ett mer symmetriskt intryck. Använder du Karusell eller Rutnät och väljer denna funktion och har blandade format av stående och liggande bilder kan det vara bra att veta att bilder som inte ryms inom det bildförhållande du ställt in i punkt 5 kommer beskäras och visa endast del av bilden.

Om du inte väljer att bilden ska fylla blocket när du har Rutnät eller Karusell och du även har blandade format. Kan detta ge ett glesare intryck. Om det matchar ditt behov fungerar det toppen, annars kan Murverk vara den bästa lösningen när du blandar format i din bildvisning.

Exempel på karusell med blandade format där bilderna inte ska sträckas ut:

Exempel på karusell med blandade format där bilderna ska sträckas ut:

7) Öppna bilder i lightbox

Detta innebär att om man klickar på en bild öppnas den som en popup över skärmen i större format.

8) Visa (inte visa) navigationspilar i karuseller

Gör så att besökaren kan se pilar i kanterna av din karusell för att bläddra mellan bilderna i galleriet.

9) Ändra slides automatiskt i karuseller

Detta gör så att bilderna automatiskt bläddrar i ditt galleri. Finns endast på layout för karuseller.

Fick du svar på din fråga?