Exemplarische Vorgehensweise: Erstellen einer Giving-Website für Ihre Organisation

Exemplarische Vorgehensweise: Erstellen einer Giving-Website für Ihre Organisation

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

Beispiel für eine moderne Giving-Website in SharePoint Online

Nummer 1 machen Sie Ihre Website einfach zu erreichen

Passen Sie die Navigation an, damit andere Personen wichtige Inhalte auf Ihrer Website leichter entdecken können. So wird's gemacht

Nummer 2 mit Bildern und Informationen inspirieren

Verwenden Sie auffällige und inspirierende Bilder, die mit dem Inhalt oben auf der Seite verknüpft sind. So wird's gemacht

Nummer 3 Erstellen einer Anweisung

Erstellen Sie professionellen, konsistenten Text mit mehreren Formatierungsoptionen. So wird's gemacht

Nummer 4 Anruf zur Aktion

Machen Sie es den Menschen einfach, Sofortmaßnahmen zu ergreifen. So wird's gemacht

Nummer 5 die News zu verbreiten

Tauschen Sie Ideen und Geschichten aus, die Ihre Nachricht verbessern. So wird's gemacht

Nummer 6 Abrufen von Ereignissen im Kalender

Fügen Sie einen Veranstaltungskalender hinzu, um Personen über verwandte Ereignisse auf dem Laufenden zu halten.  So wird's gemacht

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

Befehl "Website erstellen"

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.

Erstellen einer SharePoint-Kommunikationswebsite

Weitere Informationen finden Sie unter Erstellen einer Kommunikationswebsite in SharePoint Online.

Nach oben

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.

Die Option ' bearbeiten ' am oberen Rand einer modernen SharePoint-Seite beim Arbeiten an einer Website

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

Nach oben

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 Schaltfläche "Webpart verschieben" verschieben " auf der linken Seite, um die Kacheln innerhalb des Hero-Webparts neu anzuordnen.

Layout-Optionen für das Hero-Webpart beim Bearbeiten einer modernen Seite in SharePoint

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.

Der Bereich "Held" beim Bearbeiten einer modernen Seite in SharePoint

Weitere Informationen zur Verwendung des Hero-Webparts finden Sie unter Verwenden des Hero-Webparts.

Nach oben

Handlungsaufforderung

In diesem Beispiel enthält die Giving-Website einen Abschnitt, in dem ein dreispaltiges Layout mit Bildern und Links im Abschnitt verwendet wird.

Bereich ' Abschnitts Layout ' in der Beispielseite ' moderne Giving ' in SharePoint Online

Hier wird das Bildwebpart mit einem Text Webpart kombiniert, um einen Aktionsaufruf zu erstellen.

Beispiel für eine Bildwebpart-Eingabe für die moderne Giving-Website in SharePoint Online

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.

Schaltfläche ' bearbeiten ' auf der oberen Leiste der Seite

Mit dem Symbol + vor oder nach einem Abschnitt wird ein Abschnitt mit einem von mehreren Layouts hinzugefügt.

Abschnitts Layouts

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.

Steuerelement zum Hinzufügen eines Abschnitts

Arbeiten mit Webparts

Klicken Sie auf das Pluszeichen SPO – 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.

Webpart-Toolbox

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.

Die Bearbeitungstools für Webparts beim Bearbeiten einer modernen Seite in SharePoint

Wenn Ihre Seitenaktualisierungen fertig sind, klicken Sie auf veröffentlichen , um Sie für Ihre Zielgruppe sichtbar zu machen.

Schaltfläche "veröffentlichen" auf der oberen Leiste der Seite

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.

Nach oben

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.

Der Bereich "Neuigkeiten" beim Bearbeiten des News-Webparts auf einer modernen SharePoint-Seite

Weitere Informationen zur Verwendung des News-Webparts finden Sie unter Verwenden des News-Webparts auf einer SharePoint-Seite.

Nach oben

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.

Formatierungsoptionen für das Webpart "Text" beim Bearbeiten einer modernen Seite in SharePoint

Weitere Informationen zur Verwendung des Text-Webparts finden Sie unter Hinzufügen von Text und Tabellen zu einer Seite mit dem Text Webpart .

Nach oben

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.

Beispiel Ereignisse-Webparts-Eingabe für moderne Giving-Website in SharePoint Online

Weitere Informationen zur Verwendung des Events-Webparts finden Sie unter Verwenden des Events-Webparts.

Nach oben

Weitere Tipps gefällig?

Lassen Sie sich durch weitere Beispiele und die Möglichkeit zum Hinzufügen einer Beispielsite mit dem SharePoint-Look-Buchinspirieren.

Ihre Office-Fähigkeiten erweitern
Schulungen erkunden
Neue Funktionen als Erster erhalten
Office Insider werden

War diese Information hilfreich?

Vielen Dank für Ihr Feedback!

Vielen Dank für Ihr Feedback. Es klingt, als ob es hilfreich sein könnte, Sie mit einem unserer Office-Supportmitarbeiter zu verbinden.

×