Loopia Sitebuilder: Galleriblock

Galleriblocket (Gallery) hjälper dig att presentera flera bilder på en webbplats. Du kan skapa en portfolio eller visa fotografier från ett evenemang på ett rent och tydligt sätt. Du kan lägga till stockbilder eller dina egna bilder.

Det finns två typer av Galleriblock som visar dina bilder på olika sätt. Du kan välja en blocklayout som låter dig lägga till en beskrivande titel och text till ditt galleri, eller så kan du lägga till en bredd som spänner över hela sidan med bilder i olika storlekar.

Lägga till ett block

Så här lägger du till Galleriblocket på din sida:

  1. Välj en plats där du vill lägga till ditt bildgalleri och klicka på Add a block (+)-knappen.
  2. I Blocks library, navigera till sektionen Gallery i menyn till vänster och klicka på den för att se de färdigdesignade blocklayouterna.
  3. Klicka på den Galleriblock-layout du gillar för att lägga till den på din sida.

Anpassa blockinställningarna

Du kan anpassa Galleriblocket med hjälp av dess kontrollpanel. Aktivera den genom att klicka på blocket och sedan klicka på ikonen Block settings.

Menyn för blockinställningar består av två flikar: Layout-fliken och Appearance-fliken.

I fliken Layout kan du byta blocklayout och välja vilka element som ska visas i blocket. För att dölja ett specifikt blockelement (om du till exempel vill ta bort en knapp) tar du bort den blå bocken bredvid elementets namn.

I fliken Appearance kan du göra följande ändringar:

  • Block style: Ändra blockets färgschema.
  • Block spacing: Ändra mellanrummen ovanför och under blocket.
  • Content layout: Välj antal objekt per rad.
  • Media settings: Lägg till ett svartvitt filter på bilderna i blocket.

När du är klar med att anpassa blockinställningarna klickar du på Save.

Ersätta demobilder i Galleriblocket

Du kan ersätta demobilderna i Galleriblocket med dina egna verksamhetsrelaterade bilder och sedan anpassa dem. Det mesta av anpassningen görs via bildens kontrollpanel.

Du kan ersätta demobilder genom att ladda upp bilder direkt från datorn eller genom att lägga till gratis stockfoton från det inbyggda bildbiblioteket.

För att ersätta demobilden följer du dessa steg:

  1. Klicka på den bild du vill ersätta för att aktivera bildkontrollpanelen.
  2. Klicka på ikonen Upload image för att se uppladdningsalternativen.
  3. Klicka på det alternativ du vill använda. Om du klickar på Upload a file tas du till din datorlagring. Om du väljer Browse free stock photos öppnas bildbiblioteket med gratis stockfoton där du kan hitta den royaltyfria bild du vill ladda upp.
  4. Bekräfta ditt val genom att klicka på Open för Upload a file-alternativet och Submit för Browse free stock photos-alternativet.

Beskära Galleriblockets bild

Om din bild inte passar perfekt i ramen kan du beskära den direkt i Sitebuilder. Använd Crop-ikonen i bildkontrollpanelen för att beskära din bild.

Beskärningsikonen låter dig också justera bildens placering och fokalpunkt inom behållaren.

Anpassa Media settings

En annan användbar ikon i bildkontrollpanelen är Media settings.

Förutom att beskära och ersätta din bild låter menyn Media settings dig:

  • Lägga till bildtitel, alt-text och beskrivning
  • Aktivera klick-åtgärd för bilden
  • Ta bort bilderna från galleriet.

Om du vill skapa ett bildspel eller en bildkarusell på din webbplats, använd Galleriblockets Slider-layout.

Ta bort bilden från galleriet

Det finns två sätt att ta bort bilder från Galleriblocket: via Media settings och via Gallery settings.

Att ta bort bilder via ikonen Media settings är enkelt:

  1. Klicka på den önskade bilden och klicka sedan på ikonen Media settings i kontrollpanelen.
  2. I menyn Media settings rullar du till botten och klickar på Delete image-knappen.

Bilden tas bort från galleriet omedelbart.

Obs! För att ångra åtgärden trycker du Ctrl+Z på tangentbordet för Windows eller Command+Z för Mac, eller använder Undo-knappen i topp-baren.

Gallery settings låter dig ta bort bilder i bulk. Så här gör du:

  1. Klicka på den önskade bilden i Galleriblocket och klicka sedan på ikonen Gallery settings i kontrollpanelen.
  2. I Gallery-menyn klickar du på Select-knappen för att aktivera bildmarkering.
  3. Klicka på de objekt du vill ta bort. De markeras med blå bockar.
  4. Klicka på papperskorgsikonen.
  5. Klicka på Submit för att spara.

För att markera alla bilder i galleriet på en gång klickar du på checkmarks-ikonen.

Sedan kan du ta bort demobilderna på en gång genom att trycka på papperskorgsknappen.

Ladda upp dina verksamhetsrelaterade bilder i bulk i samma fönster genom att klicka på plusknappen (+). Du kan välja att ladda upp dem från din datorlagring eller det integrerade gratis bildbiblioteket.

Ändra storlek på bilder i Galleriblocket

Du kan ändra storlek på bilderna i galleriet för att ge dem ett unikt utseende. Storleksändringskontrollen aktiveras vid klick, och du kan dra den uppåt eller nedåt – layouten anpassar sig automatiskt.

Obs! Du kan endast ändra bildens höjd. Breddändring är inte aktiv för att bibehålla designens responsivitet.

Genvägar för bildinställningar

Högerklick med musen ger dig vissa genvägar till funktionerna vi beskrivit i den här artikeln. Det inkluderar att ändra alt-titel, ställa in en klick-åtgärd och kopiera/klippa ut och klistra in blocket på olika platser.

Genvägen öppnar ett popup-fönster med målåtgärden.

Was this article helpful?

Related Articles

Få hjälp via fjärrsupport

Klicka på knappen nedan för att starta fjärrsupport via ISL. Ange sessionskoden du fått från oss och klicka på Anslut, så är vi med dig alldeles strax!

Starta fjärrsupport