Het webonderdeel Hero gebruiken

Het webonderdeel Hero op communicatiesites: Onderwerp en showcase

Wanneer u een communicatiesite maakt, kunt u beginnen met een lege site of een van de andere sitesjablonen kiezen, die elk worden geleverd met een standaardset webonderdelen. Sommige van deze sjablonen voor communicatiesite worden geleverd met het webonderdeel Hero, zoals:

• Standaardcommunicatie: informatie zoals nieuws, gebeurtenissen en andere inhoud delen.

• Showcase: foto's of afbeeldingen gebruiken om een product, team of gebeurtenis te presenteren.

In deze sjablonen is het webonderdeel Hero standaard opgenomen op uw 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.

Wanneer u de standaardcommunicatiesjabloon selecteert, is de standaard hero een tegelindeling met vijf tegels (die u kunt wijzigen van één in vijf):

Wanneer u de sjabloon Showcase selecteert, is de standaard hero een verticale indeling met drie lagen (die u kunt wijzigen van één in vijf lagen):

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

1. Knop Webonderdeel bewerken

2. Knop Details bewerken

De indeling van het webonderdeel Hero wijzigen

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

1. U kunt een van de drie indelingen selecteren die beschikbaar zijn voor het webonderdeel Hero: Carrousel, Tegels en Lagen. U selecteert de indeling door Eigenschappen bewerken () linksboven in het webonderdeel te selecteren en vervolgens de indeling te selecteren in de vervolgkeuzelijst indeling:
   
   
   
   U kunt ook het gewenste type indeling selecteren in het eigenschappenvenster van het webonderdeel:
   
   

2. Kies in het eigenschappenvenster van het webonderdeel:

   • Een dia toevoegen voor de indeling Carrousel
      

     Tips: 

     • Als u de overgang van automatische dia's wilt in- of uitschakelen voor de indeling carrousel, kunt u de wisselknop Automatisch afspelen in- of uitschakelen.

     • 

   • Een tegel toevoegen voor de indeling Tegels

   • Een laag toevoegen voor de indeling
     Lagen

• Opmerking: u kunt maximaal 5 tegels (zoals die op een Standard-communicatiesite ) of maximaal 5 lagen (zoals die op een Showcase-site) of maximaal 5 afbeeldingen in de carrousel selecteren. 

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

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

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

2. Selecteer wijzigen in het eigenschappenvenster 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.

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

4. Selecteer in het eigenschappenvenster onder Achtergrondafbeelding de 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.

5. Voer Koptekst in voor de afbeelding.

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

     Opmerking: De carrouselindeling heeft 3 nieuwe stijlen. U kunt voor elke dia verschillende stijlen (Afbeeldingsoverlay, Tekstblok, Diagonaal splitsen) instellen om de inhoudspresentatie te variëren.

     

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.
   
   

Carrouselafbeeldingen, tegels of lagen opnieuw ordenen

U kunt carrouselafbeeldingen, tegels of lagen opnieuw ordenen door ze naar de gewenste positie te verplaatsen.

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

2. Selecteer in het eigenschappenvenster het beletselteken van de drie puntjes naast de afbeelding, tegel of laag en selecteer vervolgens Omhoog of Omlaag om de volgorde te wijzigen. Voor tegels en lagen kunt u ook gewoon de afbeelding selecteren en vervolgens de tegel of laag naar de gewenste positie slepen.

Het webonderdeel Hero in een van de twee of drie kolommen 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 dit doen door de indeling van de sectie te wijzigen.

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 onder Sectie-indelingde optie Twee kolommen of Drie kolommen.

4. Het webonderdeel Hero bevindt zich nu in de linkerkolom van de twee of drie kolommen in de sectie. 

5. Als u het webonderdeel Hero wilt verplaatsen, selecteert u de afbeelding, houdt u deze ingedrukt en sleept u deze naar de gewenste kolom.

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. 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 Aanroep-actie is beschikbaar voor elke laag in een gelaagde indeling, maar alleen voor de grootste tegel in een tegelindeling

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.

Wanneer is de carrouselindeling beschikbaar?

Algemene beschikbaarheid (Wereldwijd, GCC, GCC High en DoD): de implementatie begint half januari 2025 en zal aan het einde van de maand zijn voltooid.

Wat gebeurt er met de bestaande indelingen nadat de carrouselindeling is toegevoegd?

Als onderdeel van de updates voor het webonderdeel Hero zijn de volgende wijzigingen aangebracht:

• Itembeheer Updates

  De manier waarop u items in het webonderdeel Hero beheert, is gewijzigd. In plaats van het aantal items (1-5) in te stellen, kunt u nu rechtstreeks items toevoegen of verwijderen met behulp van de nieuwe intuïtieve dia-interface . Dit vereenvoudigt het proces van het aanpassen van het hero-webonderdeel aan uw specifieke behoeften.

• Eigenschappenvenster Aanpassen

  Hoewel de gebruikersinterface in het eigenschappenvenster voor de indelingenTegels en Lagen is vernieuwd voor een modernere ervaring, blijft de functionaliteit van deze indelingen ongewijzigd.

•  Geen invloed op bestaande indelingen

  Als u momenteel de indeling Tegels of Lagen gebruikt, kunt u er zeker van zijn dat deze ongewijzigd blijven. Er wordt geen automatische conversie uitgevoerd naar de nieuwe carrouselindeling , zodat uw bestaande pagina's er blijven uitzien en functioneren zoals verwacht.