6
By Sandy Ussia Blog SharePoint 19th June 2019

Microsoft släppte den ”moderna” sidupplevelsen för teamwebbplatser i SharePoint Online under hösten 2016, och mer nyligen för SharePoint Server 2019. Den moderna sidupplevelsen inkluderar möjligheten att lägga till webbdelar direkt på sidan. I juni 2019, när den här artikeln skrivs, finns det 55 inbyggda webbdelar som kan läggas till på en modern SharePoint-sida, och fler läggs till regelbundet.

Du kan se en översikt över de moderna webbdelarna på den här Microsoft-sidan, som innehåller länkar för mer information om varje webbdel. Den här artikeln är den första i en veckoserie som kommer att publiceras varje onsdag, där vi ger dig ytterligare information om varje webbdel och exempel på hur de används. Men först lite om SharePoint Modern-sidor…

Arbeta med en Modern SharePoint-sida

För att anpassa en Modern-sida i SharePoint, placera först sidan i redigeringsläget, med hjälp av länken Redigera till höger i åtgärdsmenylisten. .

Anpassa sidans rubrik

I sidans titelområde kan du ersätta den generiska standardrubriken genom att klicka på ikonen Bild och ladda upp en egen bild.

Byt bild på sidans rubrik
Byt bild på sidans rubrik

Alternativt kan du söka på webben efter lämpliga bilder. Det finns verkligen ett ganska bra urval av generiska bilder i rätt storlek i olika kategorier, eller så kan du ange söktext för att få fram bilder av vad du vill från webben. Observera dock att du kanske vill använda filtret Creative Commons Only för att försäkra dig om att du inte bryter mot bildernas upphovsrätt.

Bildsökning på webben
Bildsökning på webben

När du har laddat upp bilden kommer en ikon att visas i mitten av rubriken, vilket gör det möjligt för dig att flytta fokus för din bild, eftersom rubrikområdet är ganska brett och kort.

Du kan också ändra stilen på titelområdet – till exempel för att visa ett titelblock i mitten och lägga till text ovanför titeln.

Modifiera titelområde
Modifiera titelområde

Detta är några bra sätt att göra en sida till din egen! I skärmdumpen nedan har jag använt en bild från reklamvideon för 2019 SharePoint Conference och valt titelstilen färgblock.

Exempel på sidans titelområde
Exempel på sidans titelområde

Sektionerna på en Modern SharePoint-sida

Med hjälp av sektionerna på en Modern SharePoint-sida kan du skapa områden med en mängd olika layouter där du kan lägga till webbdelar. När du redigerar en sida för första gången ser du ett + i det nedre vänstra hörnet av rubrikområdet – detta gör att du kan lägga till en ny sektion utöver standardredigeringsområdet som är sidans bredd. Om du klickar på + öppnas en dialogruta för sektionslayout där du kan välja antal och arrangemang av kolumner för det här avsnittet.

Välj sektionslayout
Välj sektionslayout

Du kommer att märka att en del innehåll passar bättre i den ena eller den andra layouten, vi kommer att nämna några av dessa överväganden när vi går igenom den här serien. Observera att om din sida finns på en webbplats för kommunikation kommer du att se ytterligare en layout som heter Full-width, som sträcker sig över hela sidans bredd inklusive kanter.

Augusti 2019 uppdatering: En ny sektionstyp, Vertikal, är nu tillgänglig. Den ger dig en vertikal kolumn på höger sida av sidan. Höjden på kolumnen baseras på mängden annat innehåll på sidan. Detta kan vara en bra plats att lägga till ett antal mindre webbdelar, till exempel dina väder- eller klockwebbdelar – allt du vill stapla separat från resten av sidan.

Vertikal sektion
Vertikal sektion

När du har valt en layout ser du att nya ikoner visas till vänster om sektionen. Med dessa ikoner kan du redigera, flytta eller ta bort avsnittet.

Sektionsverktygsfältet
Sektionsverktygsfältet

Om du väljer att redigera avsnittet visas en sektionsruta till höger, där du kan ändra layouten eller välja att lägga till bakgrundsskuggor för att skilja det från resten av sidan.

Fönster för redigering av avsnitt
Fönster för redigering av avsnitt

Augusti 2019 uppdatering: Det finns nu ett alternativ för att duplicera ett avsnitt, vilket bokstavligen kopierar hela avsnittet, inklusive dess innehåll, precis under det aktuella avsnittet. På så sätt kan du enkelt replikera en uppsättning webbdelar och sedan bara ändra konfigurationen av varje webbdel för att visa olika innehåll.

Duplicera sektion
Duplicera sektion

Anslutning av SharePoint Modern-webbdelar till en sida

En SharePoint-sida skulle inte vara någonting utan webbdelar; de visar innehåll för de personer som tittar på sidan. Som siddesigner kan du lägga till och ordna dessa webbdelar direkt i sidlayouten för att presentera den information som du vill att folk ska se.

När du har klickat på Redigera på sidan ser du en liten +-ikon nära sidans mitt under sidans rubrikområde…

Lägg till en webbdel
Lägg till en webbdel

Klickar du på +:et öppnas en dialogruta där du kan välja en webbdel som ska läggas till.

Dialog för att lägga till en webbdel
Dialog för att lägga till en webbdel

Varje webbdel har sina egna konfigurationsinställningar, vilket är vad vi kommer att behandla i den här bloggserien. Men varje webbdel kommer alltid att ha åtminstone alternativen för att redigera, flytta eller ta bort den.

Verktygsfältet för webbdelar
Verktygsfältet för webbdelar

I allmänhet kommer valet av Redigera att öppna en ruta till höger som kommer att innehålla konfigurationer som är specifika för den webbdelen. Om du väljer Flytta kan du dra webbdelen till en annan sektion eller kolumn på sidan, eller bara ordna om webbdelarna inom en sektion. Och Ta bort kommer naturligtvis att uppmana dig att vara säker på att det är det du menar att göra.

Augusti 2019 uppdatering: Förutom funktionerna Redigera, Flytta och Ta bort kan du nu också Duplicera en enskild webbdel. Detta kopierar webbdelen, inklusive dess konfiguration, precis under den aktuella webbdelen. Naturligtvis kan du sedan flytta den vart du vill. Tanken bakom detta skulle vara om du vill ha en annan av samma webbdel men med annat innehåll eller annan räckvidd osv. Då kan du bara justera kopian så att den blir lite annorlunda.

Som du säkert är medveten om förändras saker och ting ofta i SharePoint Online, så det kan finnas ytterligare funktioner i Modern pages tillgängliga när du läser det här, men det här borde ge dig en uppfattning om de alternativ du har till ditt förfogande.

I den här bloggserien kommer vi att gå igenom var och en av de inbyggda SharePoint-webbdelarna (och gruppera vissa liknande delar tillsammans), så att du i slutändan får en omfattande resurs för att skapa användbara och attraktiva SharePoint-sidor utan att behöva köpa något extra eller göra någon kodning.

Vi ser fram emot att få ta med dig på den här turen!

Artiklar i denna serie SharePoint Modern Web Parts

Bing Maps och MSN Weather web parts

Knapp och Call to Action web parts

Dokumentbibliotek och File viewer web parts

Embed, Kindle, and YouTube web parts

Events, Group calendar, and Countdown timer web parts

Highlighted content web part

Image and Image gallery web parts

Hero, Link, och Snabblänkar

List och List properties web parts

Microsoft Forms web part

News web part

Page properties web part

People web part

Planner web part

Power BI-webbdel

PowerApps-webbdel

Recenta dokument och webbdelarna Webbplatsaktivitet

Snabbt diagram

webbdel Webbplatser

Stream- och Office 365-video-webbdelarna

Text, Markdown, Code Snippet, Divider och Spacer web parts

Twitter web part

Yammer Conversations and Highlights web parts

Web parts require an Office 365 connector

Lightning Tools Modern web parts

Lämna ett svar

Din e-postadress kommer inte publiceras.