Det finns tre olika sätt att lägga till bilder på dina sidor: Bildelement, Bildspelelement, Gallerielement. Vi ska titta på hur man använder alla tre typerna i den här artikeln. 

Ladda upp endast en bild - använd bildelementet

Ta fram bildelementet

Dra bildelementet till en sida på fliken Bygg. Klicka sedan på elementet för att öppna dialogrutan för bildval.

Ladda upp en bildfil

Här kan du ladda upp en bild från din dator genom att dra filen från en mapp direkt till detta fönster eller genom att klicka på den gröna uppladdningsknappen och hitta filen på din dator.

Justera storlek

Storleken på bilden som den visas på din webbplats kan vara lite annorlunda än du förväntat dig, men du kan enkelt ändra storleken. Hovra med markören över bilden och en liten blå ruta i det nedre högra hörnet visas. Klicka och dra på den blå rutan här för att ändra storlek på bilden

Justera bildinställningar

Om du klickar på ett foto kommer elementinställningarna att visas

Förutom knapparna Redigera och Byt ut bild är följande alternativ tillgängliga:

• Länk: Med det här alternativet kan du lägga till en länk till bilden.
• Lightbox: Om du aktiverar lightbox-funktionen visas bilden i full storlek i ett fönster som överlappar sidan när någon klickar på bilden på sidan.
• Avstånd: Klicka på detta för att justera storleken på den vita ramen runt bilden.
• Bildtext: Klicka här för att ange bildtexter som visas under bilden.
• Avancerat: Den här menyn innehåller alternativ för att välja kantstil, färg och ange Alt-text för bilden.

Knappen Redigera bild öppnar en bildredigerare med flera alternativ. Från vänster till höger i ovanstående bild:

• Beskära: Klipp eller rotera bilden
• Filter: Lägg till ett av flera filter, liknande det du kanske känner till från populära foto-applikationer
• Justera: Gör justeringar av bildens ljusstyrka, mättnad och kontrast
• Text: Lägg till text i ett lager ovanpå bilden
• Fokus: Lägg till en linjär eller radiell fokus i bilden

Använd ångra-knappen för att ta bort alla ändringar du inte gillar och klicka på spara när du har redigerat klart.

Bild i linje med text

Du kan även lägga till en bild direkt i ett textelement och låta texten lindas runt bilden. För att göra detta, dra ett bildelement till ett befintligt textelement.

Ladda sedan upp en bild enligt beskrivningen ovan. Du kan justera storleken på bilden med den blå dragkontrollen i nedre högra hörnet på bilden. Du kan även hantera samma inställningar som är tillgängliga för ett fristående bildelement, t.ex. bildtexter och avstånd, och ändra position från vänster till höger. Observera att du bara kan placera en bild i ett textelement. Om du vill skapa en serie texter med inbäddade bilder kan du använda flera textelement och lägga till en bild till var och en.

 

Ladda upp flera bilder - använd galleri eller bildspel

Om du vill lägga till och visa flera bilder på din hemsida finns det två enkla sätt att göra det på: gallerielementet och bildspelelementet. Vilken ska du använda? Det beror på hur du vill visa dina bilder.

Bildspel: Visar en serie foton en i taget. Du kan ställa in bildspelet att bläddra igenom bilderna automatiskt eller låta besökare klicka på fotona i sin egen takt. Varje bild kan ha sin egen bildtext, länk och alt-text.

 

Galleri: Visar en grupp foton som miniatyrer i ett rutnät som sträcker sig från 2 till 6 kolumner i bredd. Om du klickar på en miniatyrbild öppnas hela bilden i "lightbox" -skärmen. Du kan lägga till bildtexter, alt-text och länkar till varje miniatyrbild, men om du lägger till en länk tas ”lightbox” funktionalitet bort från den bilden.

Lägg till ett Bildspel

Om du vill lägga till ett bildspel drar du elementet till en sida på din hemsida. Detta öppnar en dialogruta där det finns flera olika navigationsstilar att välja mellan. Klicka på en av stilarna för att öppna uppladdningsfönstret, du kan ändra navigationsstilen senare om du önskar! Klicka på knappen på uppladdningsskärmen för att hitta och ladda upp dina bilder.

När dina bilder är uppladdade kommer du att kunna ordna om dem och lägga till text eller länkar. För att flytta en bild, klicka på miniatyren, dra den till en ny plats och släpp den på plats. Från vänster till höger kan du med ikonerna ovanför varje bild:

Lägg till en länk till bilden Lägg till en bildtext till bilden Lägg till alt-text till bilden för ökad tillgänglighet Ta bort fotot från bildspelet

Om du behöver lägga till fler bilder, använd knappen längst upp till höger. När du är klar klickar du på spara för att visa ditt bildspel på hemsidan och justera inställningarna.

Klicka på bildspelselementet för att öppna inställningspanelen. Knappen längst upp tar dig tillbaka till bildspelets bildskärm där du kan lägga till och ta bort bilder och bildtexter, alt-text eller länkar.

De andra alternativen innehåller följande funktioner:

• Övergångsstil: Ändra animationen som används när en bild går till nästa
• Navigering: Välj en annan navigationsstil för bildspelet. Obs: "Ingen" är den "enkla" layouten som visas på bilderna ovan.
• Hastighet: Bestäm hur länge varje bild ska visas när du använder Spela upp automatiskt.
• Mellanrum: Ställ in de övre och undre marginalerna för bildspelelementet.
• Bildtextplats: Växla bildtextplacering från över (Topp) eller under (Botten) för alla bilder.
• Avancerat: Ändra inställningarna för bildförhållande och Spela upp automatiskt.

Testa olika alternativ för att se vad som fungerar bäst för dina ändamål och glöm inte att publicera när du är klar!

Obs: Bildspelelementet utvidgas automatiskt till bredden på det område där du har placerat det. Om du vill göra bildspelet smalare kan du lägga det i en kolumn genom att dra ett Avstånds-element till endera sidan av det. Mer information finns i artikeln om att arbeta med kolumner.

Lägg till ett Galleri

Dra galleri-elementet till en sida och klicka för att ladda upp dina bilder. Du kan välja flera bilder från din dator för att lägga till dem samtidigt. När bilderna är överförda kommer de att visas i galleriet på sidan.

Klicka inuti elementet för att öppna inställningarna:

• Lägg till bilder: Ladda upp fler bilder till galleriet.
• Kolumner: Ändra antalet kolumner som galleriet visar.
• Avstånd: Justera övre- och nedre marginalerna för elementet.
• Bildtext: Välj en visningsstil för bildtexter (visa endast i lightbox, visa längst ner på miniatyrbilderna eller visa ovanpå miniatyrerna i ett genomskinligt överlägg) och aktivera alternativet för att visa miniatyrbildtexter bara när man för markören över bilden.
• Avancerat: Ställ in avståndet mellan varje bild i galleriet och välj en kantstil mellan bilderna.

Klicka på vilken bild som helst för att lägga till en länk, bildtext eller alt-text för ökad tillgänglighet. För att ordna bilder, klicka på en miniatyrbild och dra den till en ny position. Om du har många bilder i galleriet kan du prova att använda flera kolumner - detta kommer att minska miniatyrerna så att fler kan få plats i en rad.

Obs! Om du lägger till en länk till en galleri-miniatyr inaktiveras lightbox funktionen för den bilden.