Loopia Sitebuilder: Anpassa dina bilder

Den visuella delen av din webbplats är viktig, och Sitebuilder erbjuder många funktioner som hjälper dig att fånga besökarens uppmärksamhet. I den här guiden visar vi hur du anpassar dina bilder för att göra webbplatsen mer visuellt tilltalande.

Demoinnehåll kontra egna bilder

Alla mallar i Sitebuilder är fyllda med demobilder anpassade efter mallens tema. Du kan välja att behålla demobilderna eller ersätta dem. Väljer du att ersätta dem har du två alternativ:

• Lägga till dina egna bilder
• Lägga till gratis stockbilder från det inbyggda bildbiblioteket

Läs mer i artikeln Lägg till bilder.

När du lagt till en ny bild på webbplatsen kan du utföra olika åtgärder för att den ska se snygg ut: beskära, ändra storlek och flytta positionen.

Beskär din bild

När bilden inte passar perfekt i ramen kan du beskära den direkt i Sitebuilder. Så här gör du:

1. Klicka på bilden för att aktivera dess anpassningsmeny.
2. Klicka på ikonen Crop för att öppna kontrollpanelen där du kan zooma in och ut.
3. Håll i reglaget och dra det längs skalan till önskat läge. Släpp när du är nöjd med bildens storlek. Du kan också klicka på förstoringsglasikonerna på sidorna av reglaget för att zooma in eller ut 10 procent åt gången.
4. Vill du återgå till bildens ursprungliga vy klickar du på Fit-ikonen.
5. Klicka på bockikonen för att bekräfta.

Obs! Du kan använda ångra-knappen för att gå tillbaka.

Ändra storlek på bildramen

Sitebuilder låter dig ändra storlek på bildramar enskilt eller i grupp.

Så här ändrar du storlek på en bildram:

1. Klicka på bilden du vill ändra storlek på för att aktivera storlekskontrollen i underkant.
2. Klicka på storlekskontrollen och dra den till önskad position. Du ser att blockets storlek anpassar sig automatiskt efter bilden.

Så här ändrar du storlek på flera bilder samtidigt:

1. Klicka på en bild i gruppen för att aktivera dess storlekskontroll.
2. Håll ned Shift på tangentbordet och dra storlekskontrollen för den valda bilden till ett nytt läge.

Tips: När du drar i storlekskontrollen visas en lodrät hjälplinje nära syskonbilder med samma höjd, vilket hjälper dig att rikta in bilderna mer exakt.

Storleksändringen fungerar för alla block på din webbplats som innehåller bilder. Om kontrollen inte aktiveras när du klickar på bilden, gå till Block settings > Appearance och avmarkera Fullscreen.

Bildens placering och fokuspunkt

När du anpassar webbplatsen kan du vilja ändra bildens placering och fokuspunkt i förhållande till texten.

Så här ändrar du placering och fokuspunkt för en främre bild:

1. Klicka på bilden för att aktivera anpassningsmenyn.
2. Klicka på Crop-ikonen för att öppna kontrollpanelen.
3. När storleksläget är aktivt drar och släpper du bilden inuti ramen till önskat läge.

Funktionen fungerar även för bakgrundsbilder.

Så här ändrar du placering och fokuspunkt för en bakgrundsbild:

1. Klicka på blocket du vill anpassa för att aktivera kontrollpanelen.
2. Klicka på ikonen Edit image för att öppna blockinställningarna.
3. I fliken Appearance klickar du på Crop.
4. När storleksläget är aktivt drar du bakgrundsbilden inuti ramen för att markera önskad fokuspunkt.
5. Klicka på bockikonen för att bekräfta och därefter Save.