Het webonderdeel Hero gebruiken

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):

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):

U kunt de indeling van het webonderdeel Hero wijzigen van een raster in verticale lagen met behulp van Eigenschappen bewerken (), en u kunt de koppelingen, afbeeldingen en tekst voor elke tegel of laag wijzigen met details bewerken () voor elke tegel of laag.

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.

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

2. Selecteer Eigenschappen bewerken () linksboven in het webonderdeel 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.

   

De afbeelding, tekst en koppelingen voor elke tegel of laag wijzigen

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

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

2. Selecteer Details bewerken () rechtsonder in de tegel of laag die u wilt wijzigen.

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

   

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

   • Stockafbeeldingen Stockafbeeldingen worden geleverd door Microsoft. Ze zijn van hoge kwaliteit en maat precies geschikt voor uw gebruik. Als u een SharePoint-beheerder bent, raden we u aan een Content Delivery Network (CDN) in te schakelen om de prestaties van het ophalen van afbeeldingen te verbeteren.

   • 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 uit OneDrive of SharePoint in Microsoft 365.

     Opmerking: Koppelingen buiten uw site geven geen voorbeeld van afbeeldingen weer in U.S. Government GCC High en DoD, en Office 365 beheerd door 21Vianet.

4. Selecteer uw afbeelding, pagina of document en selecteer Openen.

5. Selecteer in de werkset onder Afbeeldingde optie Aangepaste afbeelding of Alleen kleur (Alleen kleur is beschikbaar voor de indeling Tegels en de kleur komt overeen met de kleur van uw sitethema).

   Met de optie Automatisch geselecteerd wordt er automatisch een afbeelding geselecteerd vanaf de pagina of het document waarnaar u een koppeling maakt, indien beschikbaar.

6. Typ alternatieve tekst voor de afbeelding.

7. Onder Opties:

   • 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.

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 in de werkbalk onderaan de Hero-afbeelding die u wilt wijzigen.

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

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.

   

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.

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.

   

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.

   

   

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. Zoek de werkset () aan de rechterkant.

2. Selecteer Alle webonderdelen weergeven en selecteer of sleep hero in de lijst met webonderdelen.

   

3. Selecteer Eigenschappen bewerken () 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:

   

   • 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.