Microsoft heeft in het najaar van 2016 de “Modern” pagina-ervaring uitgebracht voor teamsites in SharePoint Online, en meer recent voor SharePoint Server 2019. De Modern pagina-ervaring omvat de mogelijkheid om webonderdelen direct binnen de pagina toe te voegen. Vanaf juni 2019, wanneer dit artikel wordt geschreven, zijn er 55 ingebouwde webonderdelen beschikbaar om toe te voegen aan een moderne SharePoint-pagina, met meer die regelmatig worden toegevoegd.
U kunt een overzicht van de Modern Web Parts zien op deze Microsoft-pagina, die links bevat voor meer informatie over elk webonderdeel. Dit artikel is het eerste in een wekelijkse serie die elke woensdag wordt gepubliceerd, waarin we u meer informatie geven over elk webonderdeel en voorbeelden geven van het gebruik ervan. Maar eerst iets over SharePoint Modern-pagina’s…
Om een Modern-pagina in SharePoint aan te passen, plaatst u de pagina eerst in de bewerkingsmodus, met de koppeling Bewerken aan de rechterkant van de actiemenubalk. .
De koptekst van de pagina aanpassen
In het titelgedeelte van de pagina kunt u de standaard algemene koptekst vervangen door op het pictogram Afbeelding te klikken en uw eigen afbeelding te uploaden.
U kunt ook op internet zoeken naar geschikte afbeeldingen. Er is echt een vrij aardige selectie van generieke afbeeldingen van juiste grootte in verschillende categorieën, of u kunt zoektekst invoeren om afbeeldingen van wat u maar wilt van het web te halen. Let er wel op dat u wellicht het filter Creative Commons Only wilt gebruiken om er zeker van te zijn dat u geen auteursrechten schendt.
Nadat u de afbeelding hebt geüpload, verschijnt er een pictogram in het midden van de koptekst waarmee u het middelpunt van de focus voor uw afbeelding kunt verplaatsen, aangezien de koptekstruimte vrij breed en kort is.
U kunt ook de stijl van het titelgebied aanpassen – bijvoorbeeld om een titelblok in het midden te tonen, en tekst boven de titel toe te voegen.
Dit zijn een paar geweldige manieren om een pagina helemaal eigen te maken! In de onderstaande schermafbeelding heb ik een afbeelding uit de promotievideo van de SharePoint-conferentie 2019 gebruikt en de titelstijl color block geselecteerd.
Met secties op een moderne SharePoint-pagina kunt u gebieden met verschillende lay-outs maken waarin u webonderdelen kunt toevoegen. Wanneer u een pagina voor het eerst bewerkt, ziet u een + in de linkerbenedenhoek van het koptekstgebied – hiermee kunt u een nieuwe sectie toevoegen in aanvulling op het standaard bewerkingsgebied dat de breedte van de pagina is. Als u op de + klikt, wordt het dialoogvenster Sectie-indeling geopend waarin u het aantal en de indeling van de kolommen voor deze sectie kunt selecteren.
U zult merken dat sommige inhoud beter in de ene of de andere indeling past; we zullen een aantal van deze overwegingen in deze reeks bespreken. Merk op dat als uw pagina zich op een Communicatiesite bevindt, u een extra lay-out ziet met de naam Volledige breedte, die de volledige breedte van de pagina beslaat, inclusief randen.
Augustus 2019 update: Een nieuw sectietype, Verticaal, is nu beschikbaar. Hiermee krijgt u een verticale kolom aan de rechterkant van de pagina. De hoogte van de kolom is gebaseerd op de hoeveelheid andere inhoud op de pagina. Dit kan een mooie plek zijn om een aantal kleinere webonderdelen toe te voegen, zoals uw weer- of klok-webonderdelen – alles wat u apart van de rest van de pagina wilt stapelen.
Nadat u een lay-out hebt geselecteerd, ziet u links van de sectie nieuwe pictogrammen verschijnen. Met deze pictogrammen kunt u de sectie bewerken, verplaatsen of verwijderen.
Als u de sectie wilt bewerken, verschijnt rechts een deelvenster sectie, waarin u de lay-out kunt wijzigen of achtergrondschaduw kunt toevoegen om de sectie te onderscheiden van de rest van de pagina.
Augustus 2019 update: Er is nu een optie om een sectie te dupliceren, waarmee letterlijk de hele sectie, inclusief de inhoud, wordt gekopieerd, net onder de huidige sectie. Hierdoor kunt u eenvoudig een set webonderdelen repliceren en vervolgens alleen de configuratie van elk webonderdeel wijzigen om andere inhoud weer te geven.
Een SharePoint-pagina zou niets zijn zonder webonderdelen; ze geven inhoud weer aan mensen die de pagina bekijken. Als paginadesigner kunt u deze webonderdelen direct in de paginalay-out toevoegen en rangschikken om de informatie te presenteren die u wilt dat mensen zien.
Nadat u op Bewerken op de pagina hebt geklikt, ziet u een klein +-pictogram in het midden van de pagina onder de paginakoptekst…
Als u op het + klikt, wordt een dialoogvenster geopend waarin u een webonderdeel kunt selecteren dat u wilt toevoegen.
Elk webonderdeel heeft zijn eigen configuratie-instellingen, die we in deze blogserie zullen behandelen. Maar elk webonderdeel heeft altijd ten minste de opties om het te bewerken, verplaatsen of verwijderen.
In het algemeen wordt door Bewerken te selecteren rechts een deelvenster geopend met configuraties die specifiek zijn voor dat webonderdeel. Als u Verplaatsen selecteert, kunt u het webonderdeel naar een andere sectie of kolom op de pagina slepen, of de webonderdelen binnen een sectie anders rangschikken. En Delete zal u natuurlijk vragen om er zeker van te zijn dat dat is wat u bedoelt te doen.
August 2019 update: Naast de functies Edit, Move en Delete, kunt u nu ook een individueel webonderdeel Dupliceren. Hiermee kopieert u het webonderdeel, inclusief de configuratie, net onder het huidige webonderdeel. Natuurlijk kunt u het dan verplaatsen waar u maar wilt. Het idee hierachter is als u een ander webonderdeel wilt, maar met een andere inhoud of een ander bereik, enz. Dus je zou gewoon de kopie kunnen tweaken om iets anders te zijn.
Zoals u waarschijnlijk weet, veranderen er vaak dingen in SharePoint Online, dus er kunnen extra functies van Moderne pagina’s beschikbaar zijn wanneer u dit leest, maar dit zou u een idee moeten geven van de opties die voor u beschikbaar zijn.
In deze blogreeks zullen we elk van de ingebouwde SharePoint-webonderdelen doorlopen (waarbij we sommige vergelijkbare onderdelen groeperen), zodat u uiteindelijk een uitgebreide bron hebt voor het maken van nuttige en aantrekkelijke SharePoint-pagina’s zonder iets extra’s te hoeven kopen of codering te hoeven doen.
We kijken ernaar uit om u mee te nemen op deze tour!
Bing Maps en MSN Weather web parts
Button en Call to Action web parts
Document library en File viewer web parts
Embed, Kindle, en YouTube web parts
Events, Group calendar, en Countdown timer web parts
Highlighted content web part
Image en Image gallery web parts
Hero, Link, en Quick Links web parts
List en List properties web parts
Microsoft Forms web part
News web part
Page properties web part
People web part
Planner web part
Power BI web part
PowerApps web part
Recent documents en Site activity web parts
Quick chart web part
Sites web part
Stream en Office 365 Video web parts
Text, Markdown, Code Snippet, Divider en Spacer web parts
Twitter web part
Yammer Conversations en Highlights web parts
Web parts die een Office 365-connector vereisen
Lightning Tools Moderne web parts