In diesem Artikel zeigen wir Ihnen Elemente einer Beispielsite, die Ihnen helfen soll, Sie zu inspirieren, und Sie erfahren, wie Sie ähnliche Websites für Ihre eigene Organisation erstellen können. In diesem Beispiel bietet die Giving-Website ein Beispiel dafür, wie eine Seite mit durch dachtem Design und Messaging Ihre Organisation inspirieren kann. Diese Beispielseite wird auch als Teil einer Human Resources Hub-Website bereitgestellt.
Wenn Sie zuvor noch keine Kommunikationswebsite erstellt haben, lesen Sie den Abschnitt Erstellen Ihrer Website in diesem Artikel.
Nachdem Sie Ihre Website erstellt und wissen, wie Seiten bearbeitet werden, können Sie die folgenden Schritte verwenden, um die angezeigten Elemente hinzuzufügen.
Beispiel für eine Website
|
|
Erstellen Ihrer Website
Um eine Website wie die hier angezeigte zu gestalten, erstellen Sie eine Kommunikationswebsite. Klicken Sie dazu auf der SharePoint Startseite auf Website erstellen (oder, wenn Sie dieser Website eine vorhandene Hub-Website zuordnen möchten, navigieren Sie zur Hub-Website, und klicken Sie auf Website dort erstellen , damit die Kommunikationswebsite automatisch dieser Hub-Website zugeordnet wird).
Wählen Sie als nächstes Kommunikationswebsiteund dann das Thema Layout aus. Füllen Sie den Websitenamen, die Beschreibung und weitere Informationen aus, und klicken Sie auf Fertig stellen. Dann erhalten Sie eine Vorlage mit dem gleichen Layout wie im Beispiel in diesem Artikel.
Weitere Informationen finden Sie unter Erstellen einer Kommunikationswebsite in SharePoint Online.
Vereinfachen der Navigation in Ihrer Website
Sie können die Organisation und Navigation ihrer SharePoint Website schnell und einfach anpassen, damit Ihre Besucher auf der Website einfach navigieren und die benötigten Informationen finden können.
-
Hinzufügen und Bearbeiten des Hauptmenüs Bearbeiten Sie das obere Menü ganz einfach, um die Seite mit anderen SharePoint Seiten oder im Internet zu verknüpfen.
-
Mega-Menüs Wenn eine Website als Teil einer Hub-Website bereitgestellt wird, können Sie leistungsstarke Mega-Menüserstellen.
Ausführlichere Informationen zum Arbeiten mit der Navigation finden Sie unter Anpassen der Navigation auf Ihrer SharePoint-Website.
Inspirieren mit Bildern und Informationen
Lassen Sie Ihr Team wissen, was am wichtigsten ist, wenn Sie sich mit Helden Bildern, einem Firmenbranding und wichtigen Neuigkeiten vertraut machen. Die anfängliche Auswirkung der Startseite der Giving-Website wird durch große und auffällige Bilder des Hero-Webparts erstellt. Bei dem in diesem Beispiel verwendeten Layout handelt es sich um vier Kacheln.
Hero-Layout
Beim Bearbeiten des Webparts werden Layoutoptionen dargestellt. Mit der Option " Kacheln ", beispielsweise dem oben gezeigten, werden Layouts für ein bis fünf Kacheln dargestellt. Mit der Option Layers wird jedes Bild als Layer mit dem Bild neben dem Titel festgelegt. Es sind bis zu fünf Ebenen möglich, sodass Sie das Webpart verwenden können, um die gesamte Seite auszufüllen.
In diesem Beispiel befindet sich das Hero-Webpart in einem Abschnitt mit voller Breite.
Verwenden Sie die Schaltfläche " Element
verschieben " auf der linken Seite, um die Kacheln innerhalb des Hero-Webparts neu anzuordnen.
Anpassen der einzelnen Kacheln
Wenn Sie auf eine Kachel klicken, wird unten auf der Kachel eine Symbolleiste angezeigt, auf der Sie auf Details bearbeiten klicken können, um den verwendeten Link und das Bild zu ändern. Mit der größeren Kachel können Sie auch den Text und den Link für die anrufaktion einstellen. Auf der gleichen Symbolleiste können Sie den Fokuspunkt für die Hover-Animation sowie die Zoomfunktion und das Verkleinern des Bilds einstellen.
Weitere Informationen zur Verwendung des Hero-Webparts finden Sie unter Verwenden des Hero-Webparts.
Handlungsaufforderung
In diesem Beispiel enthält die Giving-Website einen Abschnitt, in dem ein dreispaltiges Layout mit Bildern und Links im Abschnitt verwendet wird.
Hier wird das Bildwebpart mit einem Text Webpart kombiniert, um einen Aktionsaufruf zu erstellen.
Weitere Informationen zum Verwenden des Bild-Webparts finden Sie unter Verwenden des BildWebparts.
Arbeiten mit Abschnitten
Wenn Sie Abschnitte erstellen möchten, beginnen Sie mit der Bearbeitung, indem Sie oben rechts auf der Seite auf Bearbeiten klicken.
Mit dem Symbol + vor oder nach einem Abschnitt wird ein Abschnitt mit einem von mehreren Layouts hinzugefügt.
Abschnitte bilden Ihre Seite, und Sie platzieren ein oder mehrere Webparts. Beim Bearbeiten der Seite werden in jedem Abschnitt Steuerelemente angezeigt, um das Layout zu bearbeiten, die Abschnitte zu verschieben oder zu löschen. Informationen zum Arbeiten mit Abschnitten finden Sie unter Hinzufügen oder Entfernen von Abschnitten und Spalten auf einer Seite.
Arbeiten mit Webparts
Klicken Sie auf das Pluszeichen
in einem Abschnitt, der möglicherweise vor oder nach einem Webpart in einem Abschnitt angezeigt wird, um die vielen Typen von Webparts anzuzeigen, die verfügbar sind. Weitere Informationen zu allen Webparts finden Sie unter Verwenden von Webparts auf SharePoint-Seiten.
Webparts können in Abschnitten bearbeitet, verschoben oder gelöscht werden. Das Symbol " Webpart bearbeiten " öffnet detaillierte Steuerelemente, die für die einzelnen Webpart-Typen eindeutig sind.
Wenn Ihre Seitenaktualisierungen fertig sind, klicken Sie auf veröffentlichen , um Sie für Ihre Zielgruppe sichtbar zu machen.
Tipp: Um alle Ihre Seiten auf der Website zu verwalten, klicken Sie im oberen Menü auf Seiten .
Weitere Informationen zur Verwendung von Seiten finden Sie unter Erstellen und Verwenden von modernen Seiten auf einer SharePoint-Website.
Verbreiten Sie die Nachrichten mit dem News-Webpart
Das News-Webpart bietet Steuerelemente zum Auswählen der Nachrichtenquelle und des Layoutssowie zum organisieren und Filtern des Inhalts. Unter Layoutsind fünf Optionen zum Anpassen der Darstellung von Nachrichtenelementen verfügbar. In diesem Beispiel verwenden Nachrichten die Website als Quelle und das Layout des obersten Abschnitts . Die Geschichten werden nebeneinander mit einem größeren Bild und zwei kleineren Bildern dargestellt, da nur drei Nachrichten auf der Website veröffentlicht werden.
In diesem Beispiel befindet sich das Webpart in einem Abschnitt mit einer Spalte.
Weitere Informationen zur Verwendung des News-Webparts finden Sie unter Verwenden des News-Webparts auf einer SharePoint-Seite.
Erstellen einer Anweisung mit dem Webpart "Text"
Eine einheitliche, professionell aussehende Typografie ist ein Feature dieser Website, und das Webpart "Text" enthält Tools, mit denen die Auswirkungen von Text, der an verschiedenen Speicherorten auf dieser Seite verwendet wird, optimiert werden können. In diesem Beispiel verwendet das Webpart "Text" die Formatvorlage " Normal ". Wenn Sie auf die Auslassungszeichen (...) am rechten Ende der Formatsymbolleiste klicken, werden weitere Optionen angeboten.
In diesem Beispiel für eine Website, die unten gezeigt wird, befindet sich das Webpart in einem Abschnitt mit einer Spalte.
Weitere Informationen zur Verwendung des Text-Webparts finden Sie unter Hinzufügen von Text und Tabellen zu einer Seite mit dem Text Webpart .
Hinzufügen eines Kalenders mit Ereignissen mit dem Ereignis Webpart
Mit dem Ereignis Webpart können Sie auf einfache Weise bevorstehende Ereignisse auf der Seite "Giving" anzeigen. Sie können dieses Webpart verwenden, um auf Giving-bezogene Ereignisse aufmerksam zu machen, von Planungssitzungen bis zu den eigentlichen Ereignissen, und die Betrachter können einfach auf das Ereignis klicken, um es ihren Kalendern hinzuzufügen.
In diesem Beispiel für eine Website verwendet dieses Webpart das Filmstreifen Layout.
Weitere Informationen zur Verwendung des Events-Webparts finden Sie unter Verwenden des Events-Webparts.
Möchten Sie mehr erfahren?
Lassen Sie sich durch weitere Beispiele und die Möglichkeit zum Hinzufügen einer Beispielsite mit dem SharePoint-Look-Buchinspirieren.
