Loopia Sitebuilder: Galleri-blocket

Galleri-blocket (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 kortfattat sätt. Du kan lägga till stockfoton eller dina egna bilder.

Det finns två typer av Galleri-block tillgängliga som visar dina bilder på olika sätt. Du kan välja en blocklayout som tillåter att lägga till en beskrivande titel och textinnehåll till galleriet, eller så kan du lägga till en rad med bilder i olika storlekar i full bredd.

Lägga till ett block

Så här lägger du till Galleri-blocket på din sida:

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

Anpassa blockinställningarna

Du kan anpassa Galleri-blocket med hjälp av dess kontrollpanel. För att aktivera den, klicka på blocket och klicka sedan på ikonen Block settings.

Blockinställningsmenyn består av två flikar: fliken Layout och fliken Appearance.

I fliken Layout kan du växla 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), ta 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 mellanrummet ovanför och under blocket.
  • Content layout: Välj antal element per rad.
  • Media settings: Lägg till ett svart-vitt-filter på bilderna i det här blocket.

När du anpassat blockinställningarna klart, klicka på Save.

Ersätta demobilder i Galleri-blocket

Du kan ersätta demobilderna i Galleri-blocket med dina egna företagsrelaterade bilder och sedan anpassa dem. Den mesta anpassningen sker via bildens kontrollpanel.

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

Så här ersätter du demobilden:

  1. Klicka på bilden 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 dators lagring. Om du väljer Browse free stock photos öppnas biblioteket med kostnadsfria stockfoton.
  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 bilden i Galleri-blocket

Om din bild inte passar perfekt i ramen kan du beskära den direkt i Loopia Sitebuilder. För att beskära din bild, använd Crop-ikonen i bildens kontrollpanel.

Beskärningsikonen låter dig också justera bildens position och dess fokuspunkt inom behållaren.

Anpassa Media settings

En annan användbar ikon i bildens kontrollpanel är Media settings.

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

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

Galleri Slider

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

Ta bort en bild från galleriet

Det finns två sätt att ta bort bilder från Galleri-blocket: genom Media settings och genom Gallery settings.

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

  1. Klicka på önskad bild och klicka sedan på Media settings-ikonen i kontrollpanelen.
  2. I Media settings-menyn, scrolla till botten och klicka på Delete image-knappen.

Bilden tas bort från galleriet direkt.

Obs: För att ångra åtgärden, tryck Ctrl+Z på tangentbordet för Windows eller Command+Z för Mac, eller använd Undo-knappen i topplistan.

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

  1. Klicka på önskad bild i Galleri-blocket och klicka sedan på Gallery settings-ikonen i kontrollpanelen.
  2. I Gallery-menyn, klicka 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 galleribilder på en gång, klicka på checkmarks-ikonen. Sedan kan du ta bort alla demobilder på en gång genom att trycka på papperskorgsknappen.

Ladda upp dina företagsrelaterade bilder i bulk i samma fönster genom att klicka på Plus (+)-knappen. Du kan välja att ladda upp dem från din dators lagring eller från det integrerade kostnadsfria fotostocket.

Ändra storlek på bilder i Galleri-blocket

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

Obs: Du kan bara ändra bildernas höjd. Breddändringar är inte aktiva för att bibehålla designens responsivitet.

Genvägar till bildinställningar

Att högerklicka ger dig genvägar till funktionerna vi har 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