Applies ToSharePoint Server-abonnementseditie SharePoint Server 2019 SharePoint in Microsoft 365 Office voor bedrijven SharePoint-beheercentrum SharePoint beheerd door 21Vianet

Breng de focus en visuele interesse in uw pagina en video met het webonderdeel Hero. In het webonderdeel Hero kunt u maximaal vijf items weergeven en overtuigende afbeeldingen, tekst en koppelingen gebruiken om de aandacht te trekken. Het webonderdeel Hero is standaard opgenomen op communicatiesites, maar u kunt het ook aan andere pagina's toevoegen.

Als de video's zijn ingesteld in hero-webonderdeel, worden ze inline afgespeeld terwijl u kunt blijven en door dezelfde pagina kunt bladeren in plaats van naar een nieuw venster te worden geleid. Sommige functionaliteit wordt geleidelijk geïntroduceerd bij organisaties die zich hebben aangemeld voor het Targeted Release-programma. Dit betekent mogelijk dat u deze functie nog niet kunt zien of dat de functie er anders uitziet dan beschreven in de Help-artikelen.

Notities: 

  • U moet machtigingen voor bewerken hebben om pagina's te maken. Als u eigenaar bent, maar geen pagina kunt toevoegen, is deze functie mogelijk uitgeschakeld door de beheerder.

Inhoud

Het webonderdeel Hero op communicatiesites: Onderwerp en showcase

Wanneer u een communicatiesite maakt, wordt het webonderdeel Hero standaard opgenomen op de pagina. Het is vooraf ingevuld met standaardafbeeldingen, tekst en koppelingen die u wijzigt om uw eigen afbeeldingen, tekst, pagina's, koppelingen of documenten weer te geven.

Als u Onderwerp selecteert voor het gewenste type communicatiesite, bestaat de standaard-Hero-indeling uit vijf tegels die naast elkaar worden weergegeven (die u kunt wijzigen in één tot vijf tegels):

Webonderdeel Hero op communicatiesite

Als u Showcase selecteert voor het gewenste type communicatiesite, is de standaard-Hero-indeling een verticale indeling met drie lagen (die u kunt wijzigen in één tot vijf lagen):

Hero presenteren

U kunt de indeling van het webonderdeel Hero wijzigen van een raster in verticale lagen met de knop Webonderdeel bewerken Web part edit button en u kunt de koppelingen, afbeeldingen en tekst voor elke tegel of laag wijzigen met de knop Details bewerken Edit details voor elke tegel of laag.

Knoppen Bewerken in Hero

1. Knop Webonderdeel bewerken

2. Knop Details bewerken

De indeling van het webonderdeel Hero wijzigen

Bekijk deze video om te zien hoe het werkt of volg de stappen onder de video.

Uw browser biedt geen ondersteuning voor video. Installeer Microsoft Silverlight, Adobe Flash Player of Internet Explorer 9.
  1. Als u nog niet in de bewerkingsmodus op uw pagina bent, selecteert u Bewerken in de rechterbovenhoek van de pagina.

  2. Selecteer de knop Webonderdeel bewerken Web part edit button aan de linkerkant en selecteer het gewenste type indeling. U kunt maximaal 5 tegels (zoals die op een onderwerpsite) of maximaal 5 lagen (zoals die op een Showcase-site) selecteren.

    Indelingsopties voor Hero Indelingsopties voor Hero

Het brandpunt van een afbeelding wijzigen

In SharePoint in Microsoft 365 kunt u het brandpunt op een geselecteerde afbeelding in het webonderdeel Hero wijzigen om het belangrijkste deel van uw afbeelding in het kader te krijgen.

  1. Als u nog niet in de bewerkingsmodus op uw pagina bent, selecteert u Bewerken in de rechterbovenhoek van de pagina.

  2. Selecteer Brandpunt instellen Knop Focuspunt instellen in de werkbalk onderaan de Hero-afbeelding die u wilt wijzigen.

  3. Sleep het brandpunt naar de gewenste positie in de afbeelding.Brandpunt

Tegels of lagen opnieuw indelen

U kunt tegels of lagen opnieuw indelen door deze te verplaatsen naar de gewenste locatie.

  1. Als u nog niet in de bewerkingsmodus op uw pagina bent, selecteert u Bewerken in de rechterbovenhoek van de pagina.

  2. Selecteer de knop Item verplaatsen en houd deze ingedrukt en sleep de tegel of laag naar de gewenste positie.

    Item verplaatsen in Hero

Het webonderdeel Hero in één kolom plaatsen

Het webonderdeel Hero is ontworpen voor weergave over de volle breedte van de pagina. Als u wilt dat het webonderdeel Hero niet de volledige breedte inneemt, kunt u het verplaatsen toevoegen aan een kolom die niet de volledige breedte heeft.

Bekijk deze video om te zien hoe het werkt of volg de stappen onder de video.

Uw browser biedt geen ondersteuning voor video. Installeer Microsoft Silverlight, Adobe Flash Player of Internet Explorer 9.
  1. Als u nog niet in de bewerkingsmodus bent, selecteert u Bewerken in de rechterbovenhoek van de pagina.

  2. Beweeg de muisaanwijzer net boven het webonderdeel Hero en selecteer het omcirkelde + aan de linkerkant van het webonderdeel

  3. Selecteer één kolom onder Sectie-indeling.

    Eén kolom
  4. Links van het webonderdeel gebruikt u de knop Webonderdeel verplaatsen om het webonderdeel Hero te slepen naar de kolom die u zojuist hebt toegevoegd.

    Knop Webonderdeel verplaatsen

    Hero verplaatsen

Een leeg webonderdeel Hero toevoegen aan een pagina

U kunt een hero-webonderdeel toevoegen aan een pagina in een teamsite of een communicatiesite . Dit doet u als volgt:

  1. Als u nog niet in de bewerkingsmodus op uw pagina bent, selecteert u Bewerken in de rechterbovenhoek van de pagina.

  2. Als u de muisaanwijzer boven of onder een bestaand webonderdeel op de pagina plaatst, ziet u een lijn met een omcirkelde +, zoals deze:

    Selecteer + en kies vervolgens het webonderdeel Hero .

    Webonderdeel Hero met een lege status
  3. Selecteer de knop Bewerken van het webonderdeel Web part edit button en selecteer het gewenste type indeling: er kan een raster van 1 tot 5 tegels worden gebruikt of 1 tot 5 verticale lagen.

  4. Selecteer Koppeling selecteren voor elke tegel die u wilt wijzigen.

  5. Selecteer selecteren voor elke tegel in de werkset en kies vervolgens een locatie van waaruit u de koppeling wilt ophalen:

    Selecteer wijzigen in de werkset en kies vervolgens een locatie van waaruit u de koppeling wilt ophalen:

    Afbeelding van opties voor bestandskiezer.
    • Recent: Als u onlangs afbeeldingen, pagina's of documenten hebt geopend, worden deze hier weergegeven.

    • Zoeken op het web: U kunt afbeeldingen van Bing vinden die gebruikmaken van de Creative Common-licentie. U bent verantwoordelijk voor het controleren van licenties voor een afbeelding voordat u deze op uw pagina invoegt. SharePoint alleen in Microsoft 365.

    • Uw organisatie: als uw organisatie een set goedgekeurde assets heeft opgegeven, kunt u hier kiezen uit die set.  Als u een SharePoint-Beheer bent en meer wilt weten over het maken van een activabibliotheek voor uw organisatie, raadpleegt u Een bibliotheek voor organisatieassets maken.

    • OneDrive: U kunt een koppeling downloaden voor documenten of afbeeldingen die u hebt opgeslagen in OneDrive. SharePoint alleen in Microsoft 365.

    • Site: U kunt u de koppeling downloaden voor een document, afbeelding of pagina van een site die u opgeeft.

    • Uploaden: U kunt een document of een afbeelding uploaden vanaf een persoonlijk apparaat.

    • Via een koppeling: voer een koppeling in voor uw pagina, document of afbeelding van OneDrive voor SharePoint in Microsoft 365.

  6. Selecteer uw afbeelding, pagina of document en klik op Openen.

  7. Selecteer in de werkset onder Afbeelding de optie Aangepaste afbeelding of Alleen kleur. Met de optie Automatisch geselecteerd wordt er automatisch een afbeelding geselecteerd vanaf de pagina of het document waarnaar u een koppeling maakt, indien beschikbaar. Kleur is alleen beschikbaar voor de indeling Tegels en de kleur komt overeen met de kleur van uw sitethema.

  8. Typ alternatieve tekst voor de afbeelding.

  9. Onder Opties (SharePoint alleen in Microsoft 365):

    • U kunt een aanroep-actiekoppeling weergeven door de wisselknop op Ja te zetten. Voeg vervolgens uw tekst voor Actie ondernemen toe (bijvoorbeeld 'Meer informatie'). De koppeling Actie ondernemen is beschikbaar voor elke laag in een gelaagde indeling, maar alleen voor de grootste tegel in een indeling met tegels die naast elkaar worden weergegeven.

    • Voor een gelaagde indeling kunt u ook een onderwerpkop voor elke laag weergeven door de wisselknop voor onderwerpkop in te schakelen op Ja. Voeg vervolgens de tekst voor de onderwerpkop toe.

Afbeelding schalen in het webonderdeel Hero

Als u afbeeldingen met een passend formaat wilt kiezen voor het webonderdeel Hero, moet u rekening houden met het volgende:

  • Het webonderdeel is ontworpen om de breedte van het scherm in een volledige lay-out te passen.

  • In de indeling Tegels wordt de hoogte van het webonderdeel geschaald volgens een hoogte-breedteverhouding van 8:3 en afbeeldingen binnen het webonderdeel worden geschaald naar een hoogte-breedteverhouding van 4:3.

  • In de indeling Lagen wordt een afzonderlijke laag geschaald naar een hoogte-breedteverhouding van 8:3 en afbeeldingen in elke laag worden geschaald naar een hoogte-breedteverhouding van 9:16.

Opmerking: U kunt een koppeling naar een video toevoegen of een video uploaden naar het webonderdeel Hero. Video's worden nu ondersteund in het webonderdeel Hero met de integratie van Stream. 

Meer hulp nodig?

Meer opties?

Verken abonnementsvoordelen, blader door trainingscursussen, leer hoe u uw apparaat kunt beveiligen en meer.

Community's helpen u vragen te stellen en te beantwoorden, feedback te geven en te leren van experts met uitgebreide kennis.