Lägg till en banner på din webbplats

Ofta kallat en ”hero”- eller ”banner”-bild används omslagsblocket för att lägga till en stor bild-, video- eller textbanner på din webbplats. Den här guiden visar hur du lägger till en banner och väljer vilken bild, video eller färg som ska visas.

I den här videon får du lära dig hur du använder omslagsblocket för att lägga till en visuell sidhuvuds- eller bannersektion på din WordPress.com-webbplats. Den går igenom hur du lägger till en bakgrundsbild eller video, placerar text eller andra block ovanpå, justerar layout och fokuspunkt, anpassar överlägget och förhandsgranskar designen på mobilen.

Du kan lägga till en bannerbild på din webbplats med omslagsblocket. För att lägga till en banner på en sida, ett inlägg eller en mall följer du stegen nedan:

1. Gå till webbplatsens adminpanel.
2. Beroende på var du vill lägga till bannern går du till en sida, ett inlägg eller en mall och redigerar den eller skapar en ny:
   • Sida: Gå till sektionen Sidor i menyn.
   • Inlägg: Gå till sektionen Inlägg i menyn.
   • Mall: Gå till Utseende → Redigerare och välj mallen.
3. Klicka på + (blockinfogaren) och sök efter ”omslag”.
   • Du kan också skriva /omslag där du ser ”Skriv / för att välja ett block”.

4. Klicka på omslagsikonen för att infoga omslagsblocket: 

När du har lagt till ett omslagsblock väljer du de media som ska visas. Du kan välja bland följande alternativ:

• Ladda upp: Klicka på knappen ”Ladda upp” för att välja en fil från din dator.
• Välj media: Hitta media på någon av följande platser:
  • Mediabibliotek: Bilder och videoklipp som du redan har laddat upp till webbplatsens mediabibliotek.
  • Din telefon: Använd Jetpack-mobilappen för att ladda upp media direkt från din telefon.
  • Generera med AI: Ange en kort beskrivning av vilken typ av bild du vill använda, så skapar AI bilden.
  • Google Foto: Välj media från ditt anslutna Google Foto-konto.
  • Pexels: Sök efter gratisbilder i Pexels-biblioteket.
  • Openverse: Sök efter gratisbilder i Openverse-biblioteket.
• Använd utvald bild: Visar sidans eller inläggets utvalda bild när en sådan har ställts in. Om du lägger till ett omslagsblock i en mall och väljer det här alternativet visas den utvalda bilden automatiskt från alla sidor eller inlägg som använder den mallen.
• Färg: Istället för att lägga till en bild eller video väljer du en enfärgad färg för bannern.

Du kan sedan lägga till innehåll som text och knappar i bannern, anpassa bannerns layout och justera bannerns design.

Tänk på följande när du väljer en bild för din banner:

• Dekorativa eller abstrakta bilder fungerar bäst, eftersom hela bilden kanske inte alltid visas i sin helhet på mobilenheter.
• Skriv text ovanpå bilden istället för att lägga in texten i själva bilden. Då skalas texten bättre för alla skärmstorlekar.
• Omslagsblocket använder bilden som en bakgrundsbild och ändrar inte storlek för att visa hela bildens bredd på mindre enheter. Med fokuspunktsväljaren kan du välja vilken del av bilden som ska vara i fokus på mindre skärmar.
  • Om du har innehåll i bilden som måste visas i sin helhet på alla skärmstorlekar kan du istället använda ett bildblock.

Omslagsblocket stöder bilder, videoklipp och enfärgade bakgrunder. För att ladda upp ett videoklipp till omslagsblocket följer du stegen nedan:

1. Lägg till ett omslagsblock på en sida eller i ett inlägg.
2. Klicka på alternativet ”Lägg till media” i blockverktygsfältet:

3. Välj något av följande:
   • Ladda upp: Ladda upp en videofil från din dator (kvalificerat abonnemang krävs).
   • Öppna mediabibliotek: Välj en videofil som du redan har laddat upp.
   • Bädda in video från URL: Klistra in en URL från YouTube, Vimeo eller en annan leverantör.

Omslagsblocket är dekorativt snarare än funktionellt, så det spelar inte upp ljud från en videofil. Om du vill ha med videons ljud använder du istället VideoPress-blocket för videor som ska spelas upp med ljud.

När du har lagt till ett omslagsblock kan du ändra mediet när som helst. Så här ersätter eller tar du bort mediet i din banner:

1. Gå till webbplatsens adminpanel.
2. Gå till sidan, inlägget eller mallen där bannern finns.
3. Välj Listvy uppe till vänster i redigeraren.
4. Klicka på omslagsblocket i listvyn.

5. Klicka på knappen Ersätt i blockverktygsfältet för att välja en ny bild eller video.

Du kan välja en ny mediafil med något av följande alternativ:

• Öppna mediabibliotek: Välj en bild som du redan har laddat upp.
• Ladda upp: Välj en bild från din enhet och ladda upp den till din webbplats. Se filtyper som stöds.
• Använd utvald bild: Använd sidans eller inläggets utvalda bild.
• Återställ: Ta bort bilden, men låt bildblocket vara kvar så att du kan välja mellan alternativ som att ladda upp, välja en bild, generera med AI eller infoga från URL.
• Din telefon: Lägg till en bild från din telefon med Jetpack-mobilappen.
• Generera med AI: Generera en bild med AI genom att beskriva vad du vill ha. 
• Google Foto.
• Pexels gratisbildbibliotek.
• Openverse gratisbilder.
• Bädda in video från URL: Klistra in en URL från YouTube, Vimeo eller en annan leverantör