Hoppa till huvudinnehåll

Widget: Bild + Bildinställningar

Inställningar för bildwidgeten: byt bild, sätt bildbeskrivning (alt-tag för SEO), skugga och bildöverdrift, länka bilden, justering, animation samt kopiera/radera.

Widgeten Bild är precis som det låter den du använder för att lägga in en fristående bild i en kolumn på din webbplats. Du hittar den under Widgets > Media > Bild.

När du lägger till din bild får du flera inställningsval och anpassningar du kan göra. För att komma till bildinställningarna kan du trycka på bilden i byggaren så visas nedan meny. För tips om bildformat och våra tips om storlekar etc. rekommenderar vi den här guiden.

  • Redigera bild: Öppnar bildinställningar (se mer under bilden nedan).

  • Länk: Öppnar så att du kan länka bilden så att när någon trycker på den kommer bilden att öppnas i så kallad "Lightbox" som innebär att den öppnas i större format likt en popup på skärmen. Eller öppna en länk till valfri destination du anger.

  • Centrering: Välj om bilden ska centreras eller justeras till vänster/höger i kolumnen.

  • Animering: Välj om bilden ska ha en animeringseffekt när blocket synliggörs. T.ex. svepa in från sidan.

  • Kopiera bildwidgeten: När du vill kopiera en widget för att kunna använda den på annan plats. Du kan läsa mer om det här.

  • Radera: Du tar bort widgeten helt.


Dina bildinställningar​

Under nedan bild hittar du beskrivning för respektive inställning.

1) Åtgärd vid klick

Öppnar så att du kan länka bilden så att när någon trycker på den kommer bilden att öppnas i så kallad "Lightbox" som innebär att den öppnas i större format likt en popup på skärmen. Eller öppna en länk till valfri destination du anger.

2) Välj bild

Välj den bild du önskar ha i din bildwidget

3) Sträck vid behov

Kryssa i Sträck vi behov för att få bilden att fylla kolumnen från kant till kant. Detta kan innebära att bilden beskärs eller förlorar kvalité om bilden är mindre än kolumnen den är placerad i. Du kan läsa mer om det i denna guide.

4) Bildbeskrivning (alt-text)

I fältet Bildbeskrivning anger du en beskrivning av bilden. Denna ska både vara sann till bilden och även få med sökbara ord för att gynna sökmotoroptimeringen då detta är en alt-tag inom SEO.

5) Skugga

Skugga gör att du kan lägga en inre eller yttre skugga till bilden.

6) Bildöverskrift

Lägg till bildöverdrift innebär att en liten ruta överlappar bilden som innehåller rubrik och text. Här har du flera val att kunna göra för layouten. När du bockar i denna ruta öppnas alla inställningar och val du kan göra.

7) Gör hörnen rundade (forma din bild fritt i hörnen)

I denna inställningsvy kan du forma din bild helt fritt. Runda ett hörn men behåll det andra kantigt eller gör alla lika rundade. Här är det bara din preferens som sätter gränsen.

Du kan även välja snabbvalen som synkroniserar alla hörn att bli lika stora eller alla rundade på ett snabbt klick.

8) Aktivera mask

Få snygga bildeffekter genom våra inbyggda så kallade maskningar. Du kan enkelt skifta mellan de olika för att se hur det blir. Snabb snygg och mer personlig design direkt i din bildwidget.

9) Visningsanimation

Den här funktionen gör så att när du aktiverat en animation för bilden som du kunde göra i den här funktionen:

Så kan du i bildinställningarna via visningsanimation ställa in ett färgval som gör att när animeringen sker vid besökarens skrollning så visas den här färgen som en del av effekten i animeringen.

Fick du svar på din fråga?