6
Von Sandy Ussia Blog SharePoint 19. Juni 2019

Microsoft hat das „Moderne“ Seitenerlebnis für Teamseiten in SharePoint Online im Herbst 2016 und vor kurzem für SharePoint Server 2019 veröffentlicht. Das moderne Seitenerlebnis beinhaltet die Möglichkeit, Webparts direkt auf der Seite hinzuzufügen. Zum Zeitpunkt des Verfassens dieses Artikels im Juni 2019 gibt es 55 integrierte Webparts, die einer modernen SharePoint-Seite hinzugefügt werden können, und weitere werden regelmäßig hinzugefügt.

Eine Übersicht über die Modern Webparts finden Sie auf dieser Microsoft-Seite, die auch Links für weitere Informationen zu jedem Webpart enthält. Dieser Artikel ist der erste in einer wöchentlichen Serie, die jeden Mittwoch veröffentlicht wird und in der wir Ihnen zusätzliche Details zu jedem Webpart und Beispiele für ihre Verwendung geben werden. Doch zunächst ein wenig über SharePoint Modern-Seiten…

Arbeiten mit einer Modern SharePoint-Seite

Um eine Modern-Seite in SharePoint anzupassen, versetzen Sie die Seite zunächst in den Bearbeitungsmodus, indem Sie den Link Bearbeiten auf der rechten Seite der Aktionsmenüleiste verwenden…

Anpassen der Seitenkopfzeile

Im Titelbereich der Seite können Sie die standardmäßige generische Kopfzeile ersetzen, indem Sie auf das Bildsymbol klicken und Ihr eigenes Bild hochladen.

Seitenkopfzeilenbild ändern
Seitenkopfzeilenbild ändern

Alternativ können Sie auch im Web nach geeigneten Bildern suchen. Es gibt eine recht gute Auswahl an allgemeinen Bildern in der richtigen Größe in verschiedenen Kategorien, oder Sie können einen Suchtext eingeben, um Bilder von allem, was Ihnen gefällt, aus dem Internet zu erhalten. Beachten Sie jedoch, dass Sie den Filter „Creative Commons Only“ verwenden sollten, um sicherzustellen, dass Sie keine Urheberrechte an Bildern verletzen.

Bildsuche im Internet
Bildsuche im Internet

Nach dem Hochladen des Bildes erscheint in der Mitte der Kopfzeile ein Symbol, mit dem Sie den Schwerpunkt Ihres Bildes verschieben können, da der Kopfzeilenbereich recht breit und kurz ist.

Sie können auch den Stil des Titelbereichs ändern – zum Beispiel ein Titelblock in der Mitte anzeigen und Text über dem Titel hinzufügen.

Titelbereich ändern
Titelbereich ändern

Das sind einige großartige Möglichkeiten, eine Seite zu gestalten! Im Screenshot unten habe ich ein Bild aus dem Werbevideo für die SharePoint-Konferenz 2019 verwendet und den Farbblock-Titelstil ausgewählt.

Beispiel für den Seitentitelbereich
Beispiel für den Seitentitelbereich

Moderne SharePoint-Seitenabschnitte

Abschnitte auf einer modernen SharePoint-Seite ermöglichen es Ihnen, Bereiche mit einer Vielzahl von Layouts zu erstellen, in denen Sie Webparts hinzufügen können. Wenn Sie eine Seite zum ersten Mal bearbeiten, sehen Sie ein + in der linken unteren Ecke des Überschriftenbereichs – damit können Sie einen neuen Abschnitt zusätzlich zum Standardbearbeitungsbereich hinzufügen, der die Breite der Seite ausmacht. Wenn Sie auf das + klicken, öffnet sich ein Dialogfeld „Abschnittslayout“, in dem Sie die Anzahl und Anordnung der Spalten für diesen Abschnitt auswählen können.

Abschnittslayout wählen
Abschnittslayout wählen

Sie werden feststellen, dass manche Inhalte besser in das eine oder andere Layout passen; wir werden einige dieser Überlegungen im Laufe dieser Serie erwähnen. Wenn sich Ihre Seite auf einer Kommunikationsseite befindet, sehen Sie ein zusätzliches Layout namens Volle Breite, das sich über die gesamte Breite der Seite einschließlich der Ränder erstreckt.

Aktualisierung vom August 2019: Ein neuer Abschnittstyp, Vertikal, ist jetzt verfügbar. Damit erhalten Sie eine vertikale Spalte auf der rechten Seite der Seite. Die Höhe der Spalte richtet sich nach der Menge der anderen Inhalte auf der Seite. Dies könnte ein guter Platz sein, um eine Reihe kleinerer Webparts hinzuzufügen, wie z.B. Ihre Wetter- oder Uhr-Webparts – alles, was Sie getrennt vom Rest der Seite stapeln möchten.

Vertikaler Abschnitt
Vertikaler Abschnitt

Nach der Auswahl eines Layouts sehen Sie links neben dem Abschnitt neue Icons erscheinen. Mit diesen Symbolen können Sie den Abschnitt bearbeiten, verschieben oder löschen.

Symbolleiste für Abschnitte
Symbolleiste für Abschnitte

Wenn Sie den Abschnitt bearbeiten möchten, erscheint rechts ein Abschnittsfenster, in dem Sie das Layout ändern oder eine Hintergrundschattierung hinzufügen können, um den Abschnitt vom Rest der Seite abzuheben.

Bearbeitungsfenster für Abschnitte
Bearbeitungsfenster für Abschnitte

Aktualisierung vom August 2019: Es gibt jetzt eine Option zum Duplizieren eines Abschnitts, die buchstäblich den gesamten Abschnitt, einschließlich seines Inhalts, direkt unter den aktuellen Abschnitt kopiert. Auf diese Weise können Sie ganz einfach eine Reihe von Webparts replizieren und dann einfach die Konfiguration jedes Webparts ändern, um andere Inhalte anzuzeigen.

Abschnitt duplizieren
Abschnitt duplizieren

Hinzufügen von SharePoint Modern Webparts zu einer Seite

Eine SharePoint-Seite wäre nichts ohne Webparts; sie zeigen den Personen, die die Seite betrachten, Inhalte an. Als Seitendesigner können Sie diese Webparts direkt in das Seitenlayout einfügen und anordnen, um die Informationen zu präsentieren, die die Besucher sehen sollen.

Nachdem Sie auf der Seite auf „Bearbeiten“ geklickt haben, sehen Sie ein kleines +-Symbol in der Mitte der Seite unter dem Seitenkopfbereich…

Webpart hinzufügen
Webpart hinzufügen

Klicken Sie auf das +, um ein Dialogfeld zu öffnen, in dem Sie ein Webpart zum Hinzufügen auswählen können.

Dialog zum Hinzufügen eines Webparts
Dialog zum Hinzufügen eines Webparts

Jedes Webpart hat seine eigenen Konfigurationseinstellungen, die wir in dieser Blog-Serie behandeln werden. Aber jedes Webpart hat zumindest die Möglichkeit, es zu bearbeiten, zu verschieben oder zu löschen.

Symbolleiste für Webparts
Symbolleiste für Webparts

Wenn Sie Bearbeiten wählen, öffnet sich in der Regel ein Fenster auf der rechten Seite, das spezifische Konfigurationen für dieses Webpart enthält. Wenn Sie Verschieben wählen, können Sie das Webpart in einen anderen Abschnitt oder eine andere Spalte auf der Seite ziehen oder die Webparts innerhalb eines Abschnitts einfach neu anordnen. Und beim Löschen werden Sie natürlich aufgefordert, sich zu vergewissern, dass es das ist, was Sie vorhaben.

August 2019 Update: Zusätzlich zu den Funktionen Bearbeiten, Verschieben und Löschen können Sie jetzt auch ein einzelnes Webpart duplizieren. Dabei wird das Webpart inklusive seiner Konfiguration direkt unter das aktuelle Webpart kopiert. Natürlich können Sie es dann an eine beliebige Stelle verschieben. Die Idee dahinter ist, dass Sie ein weiteres Webpart mit anderem Inhalt oder anderem Umfang usw. haben möchten.

Wie Sie wahrscheinlich wissen, ändern sich die Dinge in SharePoint Online häufig, so dass möglicherweise zusätzliche Funktionen von Modern Pages verfügbar sind, wenn Sie dies lesen, aber dies sollte Ihnen eine Vorstellung von den verfügbaren Optionen geben.

In dieser Blogserie werden wir jedes der eingebauten SharePoint-Webparts durchgehen (und einige ähnliche zusammenfassen), so dass Sie am Ende eine umfassende Ressource für die Erstellung nützlicher und attraktiver SharePoint-Seiten haben, ohne etwas zusätzlich kaufen oder programmieren zu müssen.

Wir freuen uns darauf, Sie auf dieser Tour mitzunehmen!

Artikel in dieser SharePoint Modern Web Parts Serie

Bing Maps und MSN Weather Web Parts

Button und Call to Action Web Parts

Dokumentenbibliothek und File Viewer Web Parts

Embed, Kindle und YouTube Webparts

Events, Gruppenkalender und Countdown-Timer Webparts

Hervorgehobener Inhalt Webpart

Bild und Bildergalerie Webparts

Hero, Link, und Quick Links Webparts

Liste und Listeneigenschaften Webparts

Microsoft Forms Webpart

Nachrichten Webpart

Seiteneigenschaften Webpart

Personen Webpart

Planner Webpart

Power BI-Webpart

PowerApps-Webpart

Webparts „Aktuelle Dokumente“ und „Website-Aktivitäten“

Webpart „Schnelles Diagramm“

Webpart „Websites“

Webparts „Stream“ und „Office 365 Video“

Text, Markdown-, Code Snippet-, Divider- und Spacer-Webparts

Twitter-Webpart

Yammer Conversations- und Highlights-Webparts

Webparts, die einen Office 365-Connector erfordern

Lightning Tools Modern-Webparts

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.