Hur du använder komponenterna Galleri och Bildspel i Hemsideprogrammet
Vill du visa flera bilder på din hemsida? Med Hemsideprogrammets galleri- och bildspels-komponenter kan du infoga flera bilder i ett rutnät eller ordna dem i ett bildspel. Den här guiden visar hur du lägger till komponenterna på din sida och anpassar dem efter dina önskemål.
- Infoga en komponent på din hemsida
- Ändra bilder och lägg till nya
- Inställningar för galleri- och bildspels-komponenterna
Infoga en komponent på din hemsida.
- Öppna Hemsideprogrammet i Kontrollpanelen på one.com.
- Gå till Galleri i menyn till vänster och välj en gallerivariant.
- Dra den komponent du vill använda till din arbetsyta och släpp den där du vill placera ditt galleri eller ditt bildspel.
- Markera de bilder du vill infoga eller ladda upp dem från din dator eller en extern URL. Klicka på Lägg till på sidan längst ner i popup-fönstret.
- Anpassa komponentens storlek och placering efter dina önskemål.
- Klicka på Galleri-inställningar/Bildspelsinställningar överst i komponenten för att justera inställningarna för ditt galleri.
- Klicka på Spara och Publicera för att göra bilderna synliga på din hemsida.
Ändra bilder och lägg till nya
När du klickar på den infogade komponenten visas två flikar: Galleri/Bildslider-inställningar och Ändra bilder.
Klicka på fliken Ändra bilder för att ändra bilderna i ditt galleri. Du kan ta bort en bild genom att klicka på papperskorgen i hörnet, eller redigera den genom att klicka på pennikonen. Du kan också lägga till nya bilder i galleriet genom att klicka på Lägg till bilder i det övre högra hörnet.
Obs! Bildens titel fungerar även som alt text i dessa komponenter. Om du vill lägga till en alt text kan du göra det under Titel (alt) till höger i översikten Sortera & redigera bilder.
Inställningar för galleri- och bildspelskomponenterna
Två menyer visas när du klickar på fliken Inställningar i komponenten. Här kan du ändra följande alternativ:
Gallerikomponent:
1 - Topp-/bottenmeny
- Kolumner – Justera antalet kolumner.
- Mellanrum – Justera det vita utrymmet mellan bilderna.
- Beskär – Markera den här rutan om bilder ska beskäras så att alla har samma storlek i galleriet.
- Kompakt vy – Markera den här rutan om du vill att bilderna ska vara så nära de blå marginalerna som möjligt.
- Full bredd – Markera den här rutan om du vill att galleriet ska sträckas över hela sidans bredd.
2 - Flytande meny
- Vid klick - Välj vad som ska hända när en användare klickar på bilden. Välj ingenting, visa en större bild eller öppna en länk.
- Bildtexter – Välj om du vill lägga till bildtexter till bilderna i galleriet. Klicka på "Hantera bildtexter" för att ange text och alt-text. Välj om en bildtext ska vara vänsterställd, högerställd eller centrerad. Du kan också välja bildtextstil – alternativen här är klassisk, mall och anpassad.
- Bildstil – Här kan du ändra bildförhållandet, till exempel till liggande eller stående. Du kan också lägga till ramar och rundade hörn.
- Full bredd – Här kan du justera hela galleriets bredd så att den ligger utanför de blå marginalerna (full bredd) eller innanför dem (standard).
Bildspelskomponent:
1 - Topp-/bottenmeny
- Kolumner – Justera antalet kolumner (1–5) i bildspelet. I skärmbilden har vi valt att ha tre.
- Övergång – Välj mellan en slide-in- eller en fade-in-effekt för övergången mellan bilder.
- Beskär – Du kan välja att beskära varje bild så att de har samma storlek i bildslidern. Beskärning är alltid aktiv om du har flera bilder (kolumner) per bild.
- Hastighet – Välj bildövergångshastighet. Minst är 1 sekund och högst är 15.
- Full bredd – Välj om du vill visa dina bilder i full bredd. Den här funktionen är bara tillgänglig om du har en kolumn med bilder per bild.
2 - Flytande meny
- Navigering – Välj om bilder ska flyttas automatiskt och justera eller dölja navigeringspilar och indikatorn.
- Vid klick - Välj vad som ska hända när en kund klickar på en bild. Välj ingenting, visa en större bild eller öppna en länk.
- Bildtexter – Välj om bildtexter ska visas med bilderna. Om du markerar den här rutan får du fler anpassningsalternativ: Lägg till bildtexter och välj justering och placering.
- Full bredd – Om du bara har en kolumn kan du justera bildspelets bredd så att den ligger utanför de blå marginalerna (full bredd) eller innanför dem (standard).
Relaterade artiklar: