Verwenden des Hero-Webparts

Das Hero-Webpart auf Kommunikationswebsites: Thema und Showcase

Beim Erstellen einer Kommunikationswebsite ist das Hero-Webpart standardmäßig auf der Seite enthalten. Es ist bereits mit Standardbildern, Text und Links gefüllt, die Sie ändern, um Ihre eigenen Bilder, Texte, Seiten, Links oder Dokumente zu präsentieren.

Wenn Sie Thema als Typ der gewünschten Kommunikationswebsite auswählen, umfasst das Hero-Standardlayout fünf nebeneinander angeordnete Kacheln (die Sie in eine bis fünf Kacheln ändern können):

Wenn Sie Showcase als Typ der gewünschten Kommunikationswebsite auswählen, umfasst das Hero-Standardlayout drei vertikale Ebenen (die Sie in eine bis fünf Ebenen ändern können):

Mit der Schaltfläche Webpart bearbeiten  können Sie das Layout des Hero-Webparts von einem Raster in vertikale Ebenen ändern. Mit der Schaltfläche Details bearbeiten  können Sie die Links, Bilder und Texte für jede Kachel oder Ebene ändern.

1. Schaltfläche "Webpart bearbeiten"

2. Schaltfläche "Details bearbeiten"

Ändern des Layouts eines Hero-Webparts

Schauen Sie sich dieses Video an, um zu sehen, wie das geht, oder führen Sie die Schritte unter dem Video aus.

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

2. Wählen Sie die Schaltfläche " Webpart bearbeiten" auf der linken Seite aus, und wählen Sie den gewünschten Layouttyp aus . Sie können bis zu 5 Kacheln (z. B. auf einer Themenwebsite) oder bis zu 5 Ebenen (z. B. auf einer Showcase-Website) auswählen.

   

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

Schauen Sie sich dieses Video an, um zu sehen, wie das geht, oder führen Sie die Schritte unter dem Video aus.

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

2. Wählen Sie "Details bearbeiten " unten rechts auf der Kachel oder Ebene aus, die Sie ändern möchten.

3. Wählen Sie in der Toolbox "Ändern" aus, und wählen Sie dann einen Speicherort aus, von dem aus Sie Ihren Link abrufen können:

   

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

   • Stockbilder Aktienbilder werden von Microsoft bereitgestellt. Sie sind qualitativ hochwertig und passen genau zu Ihrem Einsatz. 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, die die Creative Common-Lizenz verwenden. Sie sind für die Überprüfung der Lizenzierung für ein Bild verantwortlich, bevor Sie es auf Ihrer Seite einfügen. SharePoint nur in Microsoft 365.

   • Ihre Organisation: Wenn Ihre Organisation eine Reihe genehmigter Ressourcen angegeben hat, können Sie hier eine Auswahl treffen.  Wenn Sie ein SharePoint-Admin sind und erfahren möchten, wie Sie eine Objektbibliothek für Ihre Organisation erstellen, lesen Sie "Erstellen einer Organisationsressourcenbibliothek".

   • OneDrive: Sie können einen Link für ein Dokument oder Bild abrufen, das Sie auf OneDrive gespeichert haben. SharePoint nur 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 Bild von OneDrive oder SharePoint in Microsoft 365 ein.

     Hinweis: Links außerhalb Ihrer Website zeigen keine Bildvorschau in DER U.S. Government GCC High und DoD sowie Office 365, die von 21Vianet betrieben werden.

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

5. Wählen Sie in der Toolbox unter "Bild" nur "Benutzerdefiniertes Bild " oder " Farbe" aus (Farbe ist nur für das Kachellayout verfügbar, und die Farbe entspricht ihrer Websitedesignfarbe).

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

6. Geben Sie Alternativtext für das Bild ein.

7. Unter Optionen:

   • Sie können einen Link zu einer Handlungsaufforderung anzeigen, indem Sie die entsprechende 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.

   • Bei einem Ebenenlayout können Sie auch eine Themenüberschrift für jede Ebene anzeigen, indem Sie den Umschalter für Themenüberschrift auf Ja setzen. Fügen Sie dann Ihren Text für die Themenüberschrift hinzu.

Ändern des Fokus eines Bilds

In SharePoint in Microsoft 365 können Sie den Fokus auf einem ausgewählten Bild innerhalb des Hero-Webparts ändern, um den wichtigsten Teil Ihres Bilds im Frame abzurufen.

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

2. Wählen Sie "Fokus festlegen " in der Symbolleiste unten im Hero-Bild aus, das Sie ändern möchten.

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

Neuanordnen von Kacheln oder Ebenen

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

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

2. Wählen Sie die Schaltfläche " Element verschieben " aus, halten Sie sie gedrückt, und ziehen Sie dann die Kachel oder Ebene an die gewünschte Stelle.

   

Platzieren des Hero-Webparts in einer Spalte

Das Hero-Webpart ist so entworfen, dass es die gesamte Breite der Seite einnimmt. Wenn Sie möchten, dass das Hero-Webpart nicht die volle Breite aufnimmt, können Sie es in eine Spalte verschieben, die nicht die volle Breite aufnimmt.

Schauen Sie sich dieses Video an, um zu sehen, wie das geht, oder führen Sie die Schritte unter dem Video aus.

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

2. Zeigen Sie mit der Maus direkt über das Hero-Webpart, und wählen Sie das eingekreiste + auf der linken Seite des Webparts aus.

3. Wählen Sie unter Abschnittslayout die Option für eine Spalte aus.

   

4. Verwenden Sie auf der linken Seite des Webparts die Schaltfläche Webpart verschieben, um das Hero-Webpart in die soeben hinzugefügte Spalte zu ziehen.

   

   

Hinzufügen eines leeren Hero-Webparts zu einer Seite

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

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

2. Zeigen Sie auf der Seite mit der Maus ober- oder unterhalb eines vorhandenen Webparts. Daraufhin wird eine Linie mit einem eingekreisten + angezeigt, wie hier:

   

   Wählen Sie +, und wählen Sie dann das Hero-Webpart aus.

   

3. Wählen Sie die Schaltfläche " Webpart bearbeiten " und dann den gewünschten Layouttyp aus . Es kann ein Raster von 1 bis 5 Kacheln oder 1 bis 5 vertikale Ebenen verwendet werden.

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

5. Wählen Sie für jede Kachel in der Toolbox "Auswählen" aus, und wählen Sie dann einen Speicherort aus, von dem aus Sie Ihren Link abrufen können:

   Wählen Sie in der Toolbox "Ändern" aus, und wählen Sie dann einen Speicherort aus, von dem aus Sie Ihren Link abrufen können:

   

   • 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, die die Creative Common-Lizenz verwenden. Sie sind für die Überprüfung der Lizenzierung für ein Bild verantwortlich, bevor Sie es auf Ihrer Seite einfügen. SharePoint nur in Microsoft 365.

   • Ihre Organisation: Wenn Ihre Organisation eine Reihe genehmigter Ressourcen angegeben hat, können Sie hier eine Auswahl treffen.  Wenn Sie ein SharePoint-Admin sind und erfahren möchten, wie Sie eine Objektbibliothek für Ihre Organisation erstellen, lesen Sie "Erstellen einer Organisationsressourcenbibliothek".

   • OneDrive: Sie können einen Link für ein Dokument oder Bild abrufen, das Sie auf OneDrive gespeichert haben. SharePoint nur 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 Bild aus OneDrive für 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). Farbe ist nur für das Kachellayout verfügbar, und die Farbe entspricht der Farbe Ihres Websitedesigns.

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

9. Unter Optionen ( nur in Microsoft 365SharePoint ):

   • Sie können einen Link zu einer Handlungsaufforderung anzeigen, indem Sie die entsprechende 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.

   • Bei einem Ebenenlayout können Sie auch unter Optionen auch eine Themenüberschrift für jede Ebene anzeigen, indem Sie die entsprechende Umschaltfläche auf Ja setzen. Anschließend fügen Sie Ihren Text für die Themenüberschrift hinzu.

Bildskalierung im Hero-Webpart

Wenn Sie passende Bilder für das Hero-Webpart auswählen möchten, sollten Sie Folgendes berücksichtigen:

• Das Webpart ist so konzipiert, dass es die Breite des Bildschirms in einem vollbeschnittenen Layout einpasst.

• Im Kachellayout wird die Höhe des Webparts so skaliert, dass sie einem Seitenverhältnis von 8:3 entspricht, und Bilder innerhalb des Webparts werden auf ein Seitenverhältnis von 4:3 skaliert.

• Im Layout "Ebenen " 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.