Hur lägger jag till en bild i Hemsideprogrammet?

Den här guiden förklarar hur du lägger till en bild i Hemsideprogrammet på one.com, och hur du anpassar dess inställningar, utseende, länkkonvertering och alt-text.

  1. Logga in på din Kontrollpanel på one.com och klicka på Hemsideprogram.
  2. Dra Bild-komponenten från menyn till vänster, in till arbetsytan.
  3. Välj en bild du vill lägga till, eller välj att ladda upp en från din dator eller en extern URL.
  4. Justera storleken och placeringen av bildkomponenten efter dina önskemål.
  5. Markera bilden och klicka på Redigera bild för att justera bildens egenskaper.
  6. Klicka på Spara och Publicera för att göra bilden synlig på din hemsida.
Screenshot showing the Website Builder editor. A red arrow points to the Image tab in the menu on the left. A red dot with the number '1' shows the properties panel of an image that's been added to the workspace, and a red dot with the number '2' marks the open floating menu.

Egenskaper för bildkomponenten

Du kan justera hur din bild visas på hemsidan genom att använda den flyttbara menyn som visas ovanför eller under bilden.

1 - Över-/undermeny

  • Länk - Du kan göra en bild till en länk. Klicka på kedjeikonen och välj vad du vill länka till.
  • Rotera - Rotera en bild åt vänster eller höger.
  • Skala bild - Du kan använda skjutreglaget för att zooma in och ut på en bild utan att ändra komponentstorleken.
  • Ersätt bild - Klicka på den här knappen för att välja en annan bild.

2 - Flyttbar meny

  • Skalning - Välj hur du vill att din bild ska bete sig när du ändrar storleken på komponenten.
    - Beskär behåller bildskalan, oavsett komponentens storlek.
    - Anpassa anpassar storleken på komponenten till bilden.
    - Sträck ut anpassar bildens skala till komponenten.
  • Kant - Klicka här för att lägga till en kantlinje till din bild. Du kan ställa in färg, opacitet och bredd. Du kan också lägga till rundade hörn.
  • Vid klick - Välj vad som ska hända när användaren klickar på bilden: gör ingenting, visa en större bild eller öppna länk.
  • SEO - Här kan du ange en alternativ titel (alt-titel) för din bild. Detta syns när bilden inte kan visas, och fungerar som alt-text. Att lägga till alt-text är mycket viktigt för SEO. När du ger beskrivande information om bilder hjälper det sökmotorer att förstå innehållet och sammanhanget för bilderna, vilket förbättrar din hemsidas synlighet i sökresultaten. Alt-texter gör också hemsidan mer tillgänglig för användare som inte kan se bilder.
  • Mobilvy - Här kan du dölja en bild i mobilvy eller flytta den till botten av sidan om bilden är en del av din mall.
  • Animering - Lägg till en animeringseffekt för att få bilden att sticka ut ännu mer på din hemsida. Du kan välja mellan "tona in", "glida in" eller "studsa".

Relaterade artiklar:

Var denna artikel till hjälp?

Hittar du inte det du letar efter?

Starta en chatt

Det snabbaste sättet att kontakta oss – vardagar 09:00 till 18:00.