Verwenden des Hero-Webparts

Bringen Sie mit dem Hero-Webpart Fokus und visuelles Interesse auf Ihre Seite und Ihr Video. Im Hero-Webpart können Sie bis zu fünf Elemente anzeigen und fesselnde Bilder, Texte und Links verwenden, um die Aufmerksamkeit auf die einzelnen Teile zu ziehen. Das Hero-Webpart ist standardmäßig auf Kommunikationswebsites enthalten, Sie können das Hero-Webpart aber auch anderen Seiten hinzufügen. 

Wenn die Videos im Hero-Webpart eingerichtet sind, werden sie inline wiedergegeben, während Sie bleiben und durch dieselbe Seite blättern können, anstatt zu einem neuen Fenster weitergeleitet zu werden. 

Einige Funktionen werden für Organisationen, die sich für das Targeted Release-Programm entschieden haben, schrittweise eingeführt. Das bedeutet, dass diese Funktion möglicherweise noch nicht angezeigt wird oder anders aussieht, als in den Hilfeartikeln beschrieben.

Inhaltsverzeichnis

• Das Hero-Webpart auf Kommunikationswebsites: Thema und Showcase
• Ändern des Layouts eines Hero-Webparts
• Ändern von Bildern, Texten und Links für jede Kachel oder Ebene
• Ändern des Fokuspunkts eines Bildes
• Neuanordnen von Kacheln oder Ebenen
• Platzieren des Hero-Webparts in einer Spalte
• Hinzufügen eines leeren Hero-Webparts zu einer Seite
• Bildskalierung im Hero-Webpart

Das Hero-Webpart auf Kommunikationswebsites: Thema und Showcase

Wenn Sie eine Kommunikationswebsite erstellen, können Sie mit einer leeren Website beginnen oder eine der anderen Websitevorlagen auswählen, die jeweils einen Standardsatz von Webparts enthalten. Einige dieser Kommunikationswebsitevorlagen enthalten das Hero-Webpart, z. B.:

• Standard Kommunikation: Teilen Sie Informationen wie Neuigkeiten, Ereignisse und andere Inhalte.
• Showcase: Verwenden Sie Fotos oder Bilder, um ein Produkt, ein Team oder eine Veranstaltung zu präsentieren.

In diesen Vorlagen ist das Hero-Webpart standardmäßig auf Ihrer Seite enthalten. Es ist vorab mit Standardbildern, Text und Links gefüllt, die Sie ändern, um Ihre eigenen Bilder, Texte, Seiten, Links oder Dokumente anzuzeigen.

Wenn Sie die Kommunikationsvorlage "Standard" auswählen, ist der Standardheld ein gekacheltes Layout mit fünf Kacheln (die Sie von einer auf fünf ändern können):

Wenn Sie die Showcase-Vorlage auswählen, ist der Standard-Hero ein vertikales Layout mit drei Ebenen (die Sie von einer auf fünf Ebenen ändern können):

Sie können das Layout des Hero-Webparts von einem Raster in vertikale Ebenen oder Karussells ändern, indem Sie die Schaltfläche (1) Eigenschaften bearbeiten ( ) verwenden, und Sie können die Links, Bilder und den Text für jede Kachel oder Ebene mit der Schaltfläche (2) Details bearbeiten ( ) für jede Kachel oder jeden Layer ändern.

1. Schaltfläche "Webpart bearbeiten"

2. Urheberrecht Schaltfläche "Details bearbeiten"

Ändern des Layouts eines Hero-Webparts

Wenn Sie sich auf Ihrer Seite noch nicht im Bearbeitungsmodus befinden, wählen Sie oben rechts auf der Seite Bearbeiten aus.

1. Sie können eines der drei für das Hero-Webpart verfügbaren Layouts auswählen: Karussell, Kacheln und Ebenen. Sie wählen das Layout aus, indem Sie entweder oben links im Webpart Eigenschaften bearbeiten ( ) auswählen und dann das Layout aus dem Dropdownmenü Layout auswählen:

   

   Alternativ können Sie den gewünschten Layouttyp auch im Eigenschaftenbereich des Webparts auswählen:

   

2. Wählen Sie im Eigenschaftenbereich des Webparts Folgendes aus:

   • Hinzufügen einer Folie für das Karusselllayout
      

     Tipp

     • Für das Karusselllayout können Sie die automatische Wiedergabe aktivieren/deaktivieren, um den automatischen Folienübergang zu aktivieren/deaktivieren.
     • 

   • Kachel für Kachellayout hinzufügen

   • Hinzufügen eines Layers für das Ebenenlayout
     

• Hinweis

  Sie können bis zu 5 Kacheln (wie auf einer Standard Kommunikationswebsite), oder bis zu 5 Ebenen (wie auf einer Showcase-Website) oder bis zu 5 Bilder im Karussell auswählen. 

Ändern von Bildern, Texten und Links für jede Kachel oder Ebene

Wenn Sie sich auf Ihrer Seite noch nicht im Bearbeitungsmodus befinden, wählen Sie oben rechts auf der Seite Bearbeiten aus.

1. Wählen Sie Details bearbeiten ( ) unten rechts auf der Kachel oder dem Layer aus, die Sie ändern möchten.

2. Wählen Sie im Eigenschaftenbereich die Option Ändern aus, und wählen Sie dann einen Speicherort aus, von dem Sie Ihren Link abrufen möchten:

   • Zuletzt verwendet: Wenn Sie kürzlich Bilder, Seiten oder Dokumente geöffnet haben, sind diese hier aufgelistet.

   • Archivbilder Stockbilder werden von Microsoft bereitgestellt. Sie sind von hoher Qualität und haben genau die richtige Größe für Ihren Gebrauch. Wenn Sie ein SharePoint-Administrator sind, empfehlen wir, ein Content Delivery Network (CDN) zu aktivieren, um die Leistung beim Abrufen von Bildern zu verbessern.

   • Websuche: Sie können Bilder von Bing finden, für die die Creative Common-Lizenz verwendet wird. Sie sind dafür verantwortlich, die Lizenzierung für ein Bild zu überprüfen, bevor Sie es auf Ihrer Seite einfügen. Nur SharePoint in Microsoft 365.

   • Ihre organization: Wenn Ihre organization eine Reihe genehmigter Ressourcen angegeben hat, können Sie hier aus dieser Gruppe auswählen.  Wenn Sie SharePoint-Admin sind und erfahren möchten, wie Sie eine Objektbibliothek für Ihre organization erstellen, lesen Sie Erstellen einer organization asset-bibliothek.

   • OneDrive: Sie können einen Link für ein Dokument oder Bild abrufen, das Sie auf OneDrive gespeichert haben. Nur SharePoint in Microsoft 365.

   • Website: Sie können einen Link für ein Dokument, ein Bild oder eine Seite von einer von Ihnen angegebenen Website abrufen.

   • Hochladen: Sie können ein Dokument oder Bild von einem persönlichen Gerät hochladen.

   • Über einen Link: Geben Sie einen Link für Ihre Seite, Ihr Dokument oder Ihr Bild von OneDrive oder SharePoint in Microsoft 365 ein.

     Hinweis

     Links außerhalb Ihrer Website zeigen in U.S. Government GCC High und DoD sowie in Office 365, das von 21Vianet betrieben wird, keine Bildvorschau an.

3. Wählen Sie Ihr Bild, Ihre Seite oder Ihr Dokument aus, und wählen Sie Öffnen aus.

4. Wählen Sie im Eigenschaftenbereich unter Hintergrundbild die Option Benutzerdefiniertes Bild oder Nur Farbe (nur Farbe ist nur für das Kachellayout verfügbar, und die Farbe entspricht der Farbe Ihres Website-Designs).
   Mit der Option Automatisch ausgewählt wird automatisch ein Bild von der Seite oder dem Dokument ausgewählt, mit dem Sie eine Verknüpfung herstellen (sofern verfügbar).

5. Geben Sie den Header für das Bild ein.

   • Sie können einen Link zum Handlungsaufruf anzeigen, indem Sie die Umschaltfläche auf Ja setzen. Fügen Sie dann Ihren Text für die Handlungsaufforderung hinzu (z. B. "Weitere Informationen"). Der Link zur Handlungsaufforderung steht in einem Ebenenlayout für jede Ebene zur Verfügung, in einem Kachellayout jedoch nur für die größte Kachel.

     Hinweis

     Das Karusselllayout hat drei neue Formatvorlagen. Sie können für jede Folie unterschiedliche Formatvorlagen (Bildüberlagerung, Textblock, diagonale Teilung) festlegen, um die Inhaltspräsentation zu variieren.

     

Ändern des Fokuspunkts eines Bildes

In SharePoint in Microsoft 365 können Sie den Fokuspunkt auf einem ausgewählten Bild innerhalb des Hero-Webparts ändern, um den wichtigsten Teil Ihres Bilds in den Rahmen zu bekommen.

1. Wenn Sie sich auf Ihrer Seite noch nicht im Bearbeitungsmodus befinden, wählen Sie oben rechts auf der Seite Bearbeiten aus.

2. Wählen Sie die Schaltfläche "Fokuspunkt festlegen" in der Symbolleiste am unteren Rand des Hero-Bildes, das Sie ändern möchten.

3. Ziehen Sie den Fokuspunkt im Bild an die gewünschte Stelle.

   

Neuanordnen von Karussellbildern, -kacheln oder -ebenen

Sie können Karussellbilder, Kacheln oder Ebenen neu anordnen, indem Sie sie an die gewünschte Position verschieben.

1. Wenn Sie sich auf Ihrer Seite noch nicht im Bearbeitungsmodus befinden, wählen Sie oben rechts auf der Seite Bearbeiten aus.
2. Wählen Sie im Eigenschaftenbereich die drei Punkte mit den Auslassungspunkten neben dem Bild, der Kachel oder dem Layer und dann nach oben oder Nach unten verschieben, um die Position neu anzuordnen. Bei Kacheln und Ebenen können Sie auch einfach das Bild auswählen und dann die Kachel oder den Layer gedrückt halten und an die gewünschte Stelle ziehen.

Fügen Sie das Hero-Webpart in eine von zwei oder drei Spalten ein

Das Hero-Webpart ist so entworfen, dass es die gesamte Breite der Seite einnimmt. Wenn Sie möchten, dass das Hero-Webpart nicht die gesamte Breite einnimmt, können Sie dies tun, indem Sie das Layout des Abschnitts ändern.

1. Wenn Sie sich noch nicht im Bearbeitungsmodus befinden, wählen Sie oben rechts auf der Seite Bearbeiten aus.
2. Bewegen Sie den Mauszeiger direkt über das Hero-Webpart, und wählen Sie das eingekreiste + links neben dem Webpart aus
3. Wählen Sie unter "Abschnittlayout" die Option "Zwei Spalten" oder "Drei Spalten" aus.
4. Ihr Hero-Webpart befindet sich jetzt in der linken Spalte der zwei oder drei Spalten im Abschnitt. 
5. Um das Hero-Webpart zu verschieben, wählen Sie das Bild aus, halten Sie es gedrückt und ziehen Sie es in die gewünschte Spalte.

Hinzufügen eines leeren Hero-Webparts zu einer Seite

Sie können ein Hero-Webpart zu einer Seite auf einer Teamwebsite oder einer Kommunikationswebsite hinzufügen. Gehen Sie wie folgt vor:

1. Wenn Sie sich auf Ihrer Seite noch nicht im Bearbeitungsmodus befinden, wählen Sie oben rechts auf der Seite Bearbeiten aus. Die Toolbox ( ) finden Sie auf der rechten Seite.

2. Wählen Sie Alle Webparts anzeigen und dann Hero aus der Liste der Webparts aus, oder ziehen Sie es per Drag-and-Drop.

3. Wählen Sie Eigenschaften bearbeiten ( ) und dann den gewünschten Layouttyp aus – es kann ein Raster mit 1 bis 5 Kacheln oder 1 bis 5 vertikale Ebenen verwendet werden.

4. Wählen Sie für jede Kachel, die Sie ändern möchten, Link auswählen aus.

5. Wählen Sie in der Toolbox für jede Kachel die Option Auswählen aus, und wählen Sie dann einen Speicherort aus, von dem Sie den Link abrufen möchten:
   Wählen Sie in der Toolbox "Ändern" und dann einen Speicherort aus, von dem Sie Ihren Link abrufen möchten:

   • Zuletzt verwendet: Wenn Sie kürzlich Bilder, Seiten oder Dokumente geöffnet haben, sind diese hier aufgelistet.
   • Websuche: Sie können Bilder von Bing finden, für die die Creative Common-Lizenz verwendet wird. Sie sind dafür verantwortlich, die Lizenzierung für ein Bild zu überprüfen, bevor Sie es auf Ihrer Seite einfügen. Nur SharePoint in Microsoft 365.
   • Ihre organization: Wenn Ihre organization eine Reihe genehmigter Ressourcen angegeben hat, können Sie hier aus dieser Gruppe auswählen.  Wenn Sie SharePoint-Admin sind und erfahren möchten, wie Sie eine Objektbibliothek für Ihre organization erstellen, lesen Sie Erstellen einer organization asset-bibliothek.
   • OneDrive: Sie können einen Link für ein Dokument oder Bild abrufen, das Sie auf OneDrive gespeichert haben. Nur SharePoint in Microsoft 365.
   • Website: Sie können einen Link für ein Dokument, ein Bild oder eine Seite von einer von Ihnen angegebenen Website abrufen.
   • Hochladen: Sie können ein Dokument oder Bild von einem persönlichen Gerät hochladen.
   • Über einen Link: Geben Sie einen Link für Ihre Seite, Ihr Dokument oder Ihr Bild von OneDrive for SharePoint in Microsoft 365 ein.

6. Wählen Sie das Bild, die Seite oder das Dokument aus, und klicken Sie auf Öffnen.

7. Wählen Sie in der Toolbox unter Bild die Option Benutzerdefiniertes Bild oder Nur Farbe aus. Mit der Option Automatisch ausgewählt wird automatisch ein Bild von der Seite oder dem Dokument ausgewählt, mit dem Sie eine Verknüpfung herstellen (sofern verfügbar). Nur Farbe ist nur für das Kachellayout verfügbar, und die Farbe entspricht der Farbe Ihres Website-Designs.

8. Geben Sie einen Alternativtext für das Bild ein.

9. Sie können einen Link zum Handlungsaufruf anzeigen, indem Sie die Umschaltfläche auf Ja setzen. Fügen Sie dann Ihren Text für die Handlungsaufforderung hinzu (z. B. "Weitere Informationen"). Der Link "Handlungsaufruf" ist für jede Ebene in einem Layer-Layout verfügbar, aber nur für die größte Kachel in einem gekachelten Layout

Bildskalierung im Hero-Webpart

Berücksichtigen Sie Folgendes, um Bilder mit passender Größe für das Hero-Webpart auszuwählen:

• Das Webpart ist so konzipiert, dass es in die Breite des Bildschirms in einem randlosen Layout passt.
• Im Kachellayout wird die Höhe des Webparts auf ein Seitenverhältnis von 8:3 skaliert, und Bilder innerhalb des Webparts werden auf ein Seitenverhältnis von 4:3 skaliert.
• Im Ebenenlayout wird eine einzelne Ebene auf ein Seitenverhältnis von 8:3 skaliert, und Bilder innerhalb jeder Ebene werden auf ein Seitenverhältnis nahe 9:16 skaliert.

Wann wird das Karussell-Layout verfügbar sein?

Allgemeine Verfügbarkeit (weltweit, GCC, GCC High und DoD): Das Rollout beginnt Mitte Januar 2025 und wird bis Ende des Monats abgeschlossen sein.

Was geschieht mit den vorhandenen Layouts, nachdem das Karusselllayout hinzugefügt wurde?

Im Rahmen der Updates am Hero-Webpart wurden die folgenden Änderungen vorgenommen:

• Updates für die Elementverwaltung
  Die Art und Weise, wie Sie Elemente im Hero-Webpart verwalten, hat sich geändert. Anstatt die Anzahl der Elemente (1-5) festzulegen, können Sie Elemente jetzt direkt über die neue intuitive Folienoberfläche hinzufügen oder löschen. Dies vereinfacht die Anpassung des Hero-Webparts an Ihre spezifischen Anforderungen.
• Anpassungen des Eigenschaftenbereichs
  Während die Benutzeroberfläche im Eigenschaftenbereich für die Kachel - und Ebenenlayouts für ein moderneres Erlebnis aktualisiert wurde, bleibt die Funktionalität dieser Layouts unverändert.
•   Keine Auswirkungen auf vorhandene Layouts
  Wenn Sie derzeit die Layouts "Kacheln " oder "Ebenen " verwenden, können Sie sicher sein, dass sie unverändert bleiben. Es findet keine automatische Konvertierung in das neue Karusselllayout statt, sodass sichergestellt wird, dass Ihre vorhandenen Seiten weiterhin wie erwartet aussehen und funktionieren.