Lägg till en banner på din webbplats

Omslagsblocket kallas ofta för en ”hero”- eller ”banner”-bild och används 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.

Den här videon är på engelska.
YouTube har automatiska översättningsfunktioner så att du kan se videon på ditt eget språk:

För att visa undertexter med automatisk översättning:

1. Spela upp videon.
2. Klicka på ⚙️ Inställningar (längst ner till höger i videon).
3. Välj Undertexter/CC.
4. Välj Automatisk översättning.
5. Välj önskat språk.

För att lyssna med automatisk dubbning (experimentell):

1. Klicka på ⚙️ Inställningar.
2. Välj Ljudspår.
3. Välj språket du vill lyssna på:

ℹ️ Översättningar och dubbning genereras automatiskt av Google, kan innehålla fel och den automatiska dubbningen är fortfarande under test, så den är inte tillgänglig för alla språk.

Du kan lägga till en bannerbild på din webbplats genom att använda omslagsblocket. För att lägga till en banner på en sida, i ett inlägg eller i en mall, utför följande steg:

1. Gå till din webbplats adminpanel.
2. Beroende på var du vill lägga till bannern, navigera till en sida, ett inlägg eller en mall och redigera eller skapa en ny/ett nytt:
   • Sida: Gå till sektionen Sidor i din meny.
   • Inlägg Gå till sektionen Inlägg i din meny.
   • Mall: Gå till Utseende → Redigerare och välj mallen.
3. Klicka på + (blockinfogarikonen) och sök efter “omslag”.
   • Eller så kan du 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 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: Lokalisera media på någon av dessa platser:
  • Mediabibliotek: Bilder och videoklipp som du redan har laddat upp till din webbplats mediabibliotek.
  • Din telefon: Använd Jetpacks mobilapp för att ladda upp media direkt från din telefon.
  • Generera med AI: Tillhandahåll en kort beskrivning av vilken typ av bild du vill använda så skapar AI designen.
  • Google Foto: Välj media från ditt anslutna Google Foto-konto.
  • Pexels: Sök efter gratisbilder från Pexels-biblioteket.
  • Openverse: Sök efter gratisbilder från Openverse-biblioteket.
• Använd utvald bild: Visar sidans eller inläggets utvalda bild när en sådan ställts in. Om du lägger till ett omslagsblock i en mall och väljer det här alternativet visas automatiskt den utvalda bilden från en sida eller ett inlägg som använder den mallen.
• Färg: Istället för att lägga till en bild eller ett videoklipp väljer du en heltäckande 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 på mobila enheter.
• Skriv valfri text ovanpå bilden istället för att designa texten inuti själva bilden. Detta säkerställer att texten skalas effektivt för alla skärmstorlekar.
• Omslagsblocket använder bilden som en bakgrundsbild och kommer inte att ändra dess storlek för att visa hela bildbredden på enheter med mindre skärmstorlekar. Med fokuspunktsväljarinställningen kan du välja vilken del av bilden som du vill fokusera på när den visas 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 heltäckande färger. För att ladda upp ett videoklipp till omslagsblocket måste du ha ett WordPress.com-paket som stöder videouppladdningar. Videouppladdningar ingår med Premium-paketet och högre. Med ett paket som inkluderar videouppladdningar kommer du att kunna välja videoklipp när du väljer din bannermedia.

Omslagsblocket är dekorativt snarare än funktionellt, så det spelar inte upp något ljud från en videofil. Använd istället VideoPress-blocket för att spela upp videoklipp med ljud.

När du har lagt till ett omslagsblock kan du ändra media när som helst. För att ersätta eller ta bort media i din banner:

1. Gå till din webbplats adminpanel.
2. Navigera till sidan, inlägget eller mallen där bannern finns.
3. Välj Listvy i det övre vänstra hörnet i redigeraren.
4. Klicka på objektet Omslagsblock i listvyn.

5. I blockverktygsfältet klickar du på knappen Ersätt för att välja en ny bild eller ett nytt videoklipp.

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

• Öppna mediabibliotek: Välj en befintlig bild eller ett befintligt videoklipp från ditt mediabibliotek eller andra källor som Google Foto, Pexels eller Openverse.
• Ladda upp: Välj en ny bild eller ett nytt videoklipp från din enhet.
• Använd utvald bild: Använd sidans eller inläggets utvalda bild.
• Återställ: Rensa bannermedia och visa en heltäckande färg.