Använda webbdelen Hero

Webbdelen Hero på kommunikationswebbplatser: Ämne och Demonstration

När du skapar en kommunikationswebbplats ingår webbdelen Hero på sidan som standard. Den är förifylld med standardbilder, text och länkar som du ändrar för att visa upp egna bilder, text, sidor, länkar eller dokument.

När du väljer Ämne som typ av kommunikationswebbplats har standardversionen av Hero fem paneler sida vid sida (som du kan ändra från en till fem):

När du väljer Demonstration som typ av kommunikationswebbplats har standardversionen av Hero en vertikal layout med tre lager (som du kan ändra från en till fem):

Du kan ändra layouten för webbdelen Hero från ett rutnät till vertikala lager med knappen Redigera webbdel , och du kan ändra länkar, bilder och text för varje panel eller lager med knappen Redigera information för varje panel eller lager.

1. Knappen Redigera webbdel

2. Knappen Redigera information

Ändra layout av webbdelen Hero

Titta på den här videon om du vill se hur det går till, eller följ anvisningarna under videon.

1. Om du inte redan är i redigeringsläge på sidan väljer du Redigera längst upp till höger på sidan.

2. Välj knappen Redigera webbdel till vänster och välj den typ av layout du vill använda – du kan välja upp till fem paneler (som på en ämneswebbplats) eller upp till 5 lager (som på en Demonstration-webbplats).

   

Ändra bild, text och länkar för varje panel eller lager

Titta på den här videon om du vill se hur det går till, eller följ anvisningarna under videon.

1. Om du inte redan är i redigeringsläge på sidan väljer du Redigera längst upp till höger på sidan.

2. Välj Redigera information längst ned till höger på panelen eller lagret som du vill ändra.

3. Välj Ändra i verktygslådan och välj sedan en plats där du vill hämta länken:

   

   • Recent: Om du nyligen har öppnat bilder, sidor eller dokument hittar du dem här.

   • Arkivbilder Arkivbilder tillhandahålls av Microsoft. De är av hög kvalitet och har precis rätt storlek för din användning. Om du är SharePoint-administratör rekommenderar vi att du aktiverar ett NÄTVERK för innehållsleverans (CDN) för att förbättra prestandan för att hämta avbildningar.

   • Webbsökning: Du kan hitta bilder från Bing som använder Creative Common-licensen. Du ansvarar för att granska licensiering för en bild innan du infogar den på sidan. SharePoint endast i Microsoft 365.

   • Din organisation: Om din organisation har angett en uppsättning godkända tillgångar kan du välja bland de som anges här.  Om du är en SharePoint-Admin och vill lära dig hur du skapar ett resursbibliotek för din organisation läser du Skapa ett bibliotek för organisationstillgångar.

   • OneDrive: Du kan välja en länk till ett dokument eller en bild som du har lagrat på OneDrive. SharePoint endast i Microsoft 365.

   • Site: Du kan välja en länk till ett dokument, en bild eller en sida på en webbplats.

   • Upload: Du kan ladda upp ett dokument eller en bild från en personlig enhet.

   • Från en länk: Ange en länk för sidan, dokumentet eller bilden från OneDrive eller SharePoint i Microsoft 365.

     Obs!: Länkar som är externa till din webbplats visar inte en förhandsgranskning av bilder i U.S. Government GCC High och DoD, och Office 365 som drivs av 21Vianet.

4. Markera bilden, sidan eller dokumentet och välj Öppna.

5. I verktygslådan under Bild väljer du Anpassad bild eller Endast färg (Endast färg är bara tillgängligt för layouten Paneler och färgen motsvarar färgen på webbplatsens tema).

   Med alternativet Auto-selected väljs en bild från sidan eller dokument som du länkar till, om någon är tillgänglig.

6. Ange Alternative text för bilden.

7. Under Alternativ:

   • Du kan visa åtgärdslänken Ring till genom att ändra växlingsknappen till Ja. Lägg sedan till Call to action text (till exempel ”Läs mer”). Uppmaningen, Call to action link, är tillgänglig på alla lager i en lagerlayout, men bara på den största panelen i panellayout.

   • För en lagerlayout kan du också visa en ämnesrubrik för varje lager genom att växla reglaget för ämnesrubrik till Ja. Lägg sedan till Topic heading text.

Ändra fokuspunkten för en bild

I SharePoint i Microsoft 365 kan du ändra fokuspunkten på en markerad bild i webbdelen Hero för att få den viktigaste delen av bilden i ramen.

1. Om du inte redan är i redigeringsläge på sidan väljer du Redigera längst upp till höger på sidan.

2. Välj Ange fokuspunkt i verktygsfältet längst ned i hero-bilden som du vill ändra.

3. Dra fokuspunkten dit du vill ha den i bilden.
   
   

Ändra ordningen på paneler eller lager

Du ändra ordningen på paneler eller lager genom att flytta dem till önskad plats.

1. Om du inte redan är i redigeringsläge på sidan väljer du Redigera längst upp till höger på sidan.

2. Markera och håll ned knappen Flytta objekt och dra sedan panelen eller lagret dit du vill.

   

Placera webbdelen Hero i en kolumn

Webbdelen Hero har utformats för att ta upp sidans fulla bredd. Om du hellre vill att webbdelen Hero inte tar upp hela bredden kan du lägga till flytta den till en kolumn som inte har full bredd.

Titta på den här videon om du vill se hur det går till, eller följ anvisningarna under videon.

1. Om du inte redan är i redigeringsläge väljer du Redigera längst upp till höger på sidan.

2. Hovra med musen precis ovanför webbdelen Hero och välj det inringade + till vänster om webbdelen

3. Markera en kolumn under Avsnittslayout.

   

4. Använd knappen Flytta webbdel till vänster om webbdelen för att dra webbdelen Hero till den kolumn som du just lade till.

   

   

Lägga till en tom Hero-webbdel på en sida

Du kan lägga till en Hero-webbdel på en sida på en gruppwebbplats eller på en kommunikationswebbplats . Gör så här:

1. Om du inte redan är i redigeringsläge på sidan väljer du Redigera längst upp till höger på sidan.

2. Gå till sidan och håll musen över eller under en befintlig webbdel så visas en rad med ett + i en cirkel, så här:

   

   Välj + och sedan Hero-webbdelen .

   

3. Välj knappen Redigera för webbdelen och välj den typ av layout du vill använda – ett rutnät med 1 till 5 paneler kan användas eller 1 till 5 lodräta lager.

4. Välj Välj länk för varje panel som du vill ändra.

5. I verktygslådan för varje panel väljer du Välj och sedan en plats där du vill hämta länken:

   Välj Ändra i verktygslådan och välj sedan en plats där du vill hämta länken:

   

   • Recent: Om du nyligen har öppnat bilder, sidor eller dokument hittar du dem här.

   • Webbsökning: Du kan hitta bilder från Bing som använder Creative Common-licensen. Du ansvarar för att granska licensiering för en bild innan du infogar den på sidan. SharePoint endast i Microsoft 365.

   • Din organisation: Om din organisation har angett en uppsättning godkända tillgångar kan du välja bland de som anges här.  Om du är en SharePoint-Admin och vill lära dig hur du skapar ett resursbibliotek för din organisation läser du Skapa ett bibliotek för organisationstillgångar.

   • OneDrive: Du kan välja en länk till ett dokument eller en bild som du har lagrat på OneDrive. SharePoint endast i Microsoft 365.

   • Site: Du kan välja en länk till ett dokument, en bild eller en sida på en webbplats.

   • Upload: Du kan ladda upp ett dokument eller en bild från en personlig enhet.

   • Från en länk: Ange en länk för sidan, dokumentet eller bilden från OneDrive för SharePoint i Microsoft 365.

6. Välj bild, sida eller dokument och klicka på Open.

7. Under Image i verktygslådan väljer du Custom image eller Color only. Med alternativet Auto-selected väljs en bild från sidan eller dokument som du länkar till, om någon är tillgänglig. Endast färg är tillgängligt för layouten Paneler och färgen motsvarar färgen på ditt webbplatstema.

8. Ange Alternative text för bilden.

9. Under Alternativ ( endastSharePoint i Microsoft 365):

   • Du kan visa åtgärdslänken Ring till genom att ändra växlingsknappen till Ja. Lägg sedan till Call to action text (till exempel ”Läs mer”). Uppmaningen, Call to action link, är tillgänglig på alla lager i en lagerlayout, men bara på den största panelen i panellayout.

   • För en lagerlayout kan du också visa en ämnesrubrik för varje lager genom att växla reglaget för ämnesrubrik till Ja. Lägg sedan till Topic heading text.

Bildskalning i webbdelen Hero

Om du vill välja att passa storlek på bilder för Hero-webbdelen bör du tänka på följande:

• Webbdelen är utformad för att passa bredden på skärmen i en fullständig utfallslayout.

• I layouten Paneler skalas höjden på webbdelen så att den följer bredd–höjd-förhållandet 8:3, och bilder i webbdelens skala till proportionerna 4:3.

• I layouten Lager skalas ett enskilt lager till bredd–höjd-förhållandet 8:3 och bilder inuti varje lagerskala till ett bredd-höjd-förhållande nära 9:16.