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…
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.
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.
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.
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.
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.
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.
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.
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.
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.
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…
Klickar du på +:et öppnas en dialogruta där du kan välja en webbdel som ska läggas till.
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.
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!
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