Ändern des Aussehens Ihrer SharePoint-Website

Gilt für
SharePoint Server 2019 Microsoft Office SharePoint Online Server 2016 Microsoft Office 365 Small Business Office 365, betrieben von 21Vianet – Small Business-Administrator

In diesem Artikel wird erläutert, wie Sie das Gesamtbild Ihrer SharePoint-Website als Websitebesitzer oder Benutzer mit Entwurfsberechtigungen ändern. Sie können das Aussehen Ihrer SharePoint-Website schnell und einfach anpassen, um Ihren professionellen Stil und Ihre Marke widerzuspiegeln. Welche Optionen Ihnen zur Verfügung stehen, hängt von der Version von SharePoint ab, die Sie verwenden.

Wählen Sie oben rechts auf Ihrer SharePoint-Website EinstellungenEinstellungen für das SPO-Migrationstool aus, und wählen Sie dann Aussehen ändern aus.

Hinweis

  • Wenn das Erscheinungsbild ändern nicht angezeigt wird, verfügen Sie möglicherweise nicht über die Berechtigung zum Verwalten dieser Option, oder Sie befinden sich in der klassischen Benutzeroberfläche.
  • Weitere Informationen zu Berechtigungen finden Sie unter Grundlegendes zu Berechtigungsstufen in SharePoint , oder fragen Sie Ihren Administrator.
  • Um das Aussehen für SharePoint-Websites mit klassischer Benutzeroberfläche zu ändern, besuchen Sie hier.

Verwenden eines Designs zum Ändern der Farben Ihrer SharePoint-Website

Wählen Sie Design> ändernaus.

Ändern des Designs Ihrer SharePoint-Website Wählen Sie das gewünschte Aussehen aus.

Sie sehen eine Vorschau, wie Ihre Website aussieht, wenn das ausgewählte Design angewendet wurde.

Wählen Sie ein Unternehmensdesign mit genehmigtem Branding für Ihr Unternehmen aus, oder verwenden Sie eines der klassischen Experience-Designs.

Sie können eines der SharePoint-Standarddesigns auswählen und es nach Bedarf anpassen.

Die Liste der Haupt- und Akzentfarben variiert je nach dem SharePoint-Standarddesign, das Sie anpassen möchten.

So passen Sie die Farben eines der SharePoint-Standarddesigns an:

  1. Wählen Sie das Design und dann Anpassen aus.
  2. Wählen Sie die gewünschte Haupt- und Akzentfarbe aus, und wählen Sie dann Speichern aus, um sie auf Ihre Website anzuwenden.
Wenn Ihnen das Angezeigte nicht gefällt und Sie rückgängig machen möchten, wählen Sie stattdessen Abbrechen aus.

Hinweis

  • Ihr Administrator hat möglicherweise websitedesigns so festgelegt, dass nur eine Liste von vom Unternehmen genehmigten Designs angezeigt wird. Wenn dies der Fall ist, werden keines der SharePoint-Standarddesigns angezeigt.
  • Wenn Sie das Design auf einer Unterwebsite aktualisieren oder Ihr Administrator Websites auf die klassische Benutzeroberfläche festgelegt hat, befolgen Sie die Anweisungen im Abschnitt Klassische Designs der Benutzeroberfläche.
  • Derzeit können Sie die Hintergrundfarbe für Ihre Website mit dieser Einstellung nicht ändern. SharePoint-Administratoren können Änderungen an vom Unternehmen genehmigten Designs vornehmen, wie unter SharePoint-Design beschrieben.
  • Die Schaltflächenfarbe basiert auf der Akzentfarbe des Websitedesigns und kann nicht unabhängig vom Websitedesign geändert werden.
  • Hier erfahren Sie, wie Sie den Seitentitelbereich anpassen.
  • Informationen zum Erstellen und Hochladen eines Unternehmensdesigns finden Sie unter SharePoint-Websitedesign.
  • Weitere Möglichkeiten zum Anpassen Ihrer Website finden Sie unter Anpassen Ihrer SharePoint-Website.

Anpassen des Websiteheaders

  1. Wählen Sie Look-Header> ändern aus.

    Hinweis

    Die minimalen und erweiterten Headerlayouts werden vorübergehend aus dem Bereich Aussehen ändern für Kunden von GCC, GCC High, DoD, Gallatin und Sovereign Clouds entfernt. Websites, die den minimalen Header verwenden, werden automatisch in den kompakten Header übergehen, und Websites, die das erweiterte Headerlayout verwenden, werden automatisch auf den Standardheader umgestellt.

    Headerlayout

  2. Wählen Sie ein Layout aus: (Kompaktes Layout ist die Standardeinstellung für alle modernen Websites):

    1. Minimales Layout: Reduzierte Höhe mit allen Inhalten in einer einzigen Zeile, einschließlich kleinem Websitelogo, Websitetitel, Websitenavigation und Websiteaktionen und -bezeichnungen.
      Minimaler Header

    2. Kompaktes Layout: Ein Layout mit größerer Höhe, bei dem das Websitelogo in voller Größe verwendet wird, während der Inhalt in einer einzelnen Zeile beibehalten wird.
      Compact-Header

    3. Standard Layout: Ein Layout mit dem Websitelogo in voller Größe und dem Inhalt, der auf 2 Zeilen aufgeteilt ist.
      Standard-Header

    4. Erweitertes Layout: Unser größtes Layout mit Inhalten, die in 2 Inhaltsbereiche unterteilt sind, mit Websitelogo, Websitetitel und einem optionalen Hintergrundbild, das von den anderen Inhalten unten getrennt ist.
      Erweitertes Layout

      Hinweis

      Wenn Sie die erweiterte Kopfzeile auf einer Hubwebsite verwenden, die als Start bezeichnet wird, wird die Websitenavigation durch die Navigationsleiste des Hubs ersetzt.

  3. Wechseln Sie zur Registerkarte Entwurf, und wählen Sie im Abschnitt Hintergrund eine Designfarbe aus, um die Hintergrundfarbe Ihrer Websitekopfzeile zu ändern. Oder laden Sie ein Bild als Hintergrund hoch, und passen Sie die Überlagerung, Deckkraft und den Fokuspunkt für das Hintergrundbild an.
    Headerhintergrund

  4. Ändern Sie im Abschnitt Typografie die Schriftart des Websitetitels, indem Sie aus der Liste der verfügbaren Schriftartenpakete auswählen:
    Header-Typografie

  5. Führen Sie im Abschnitt Anzeige die folgenden Schritte aus:

    1. Wählen Sie die Umschaltfläche aus, um die Sichtbarkeit Ihres Websitetitels festzulegen.
    2. Wählen Sie Ändern aus, um eine Miniaturansicht des Websitelogos hinzuzufügen (muss ein quadratisches Logo für die Standardverwendung in Umgebungen sein, die ein quadratisches Seitenverhältnis erfordern).
    3. Wählen Sie Ändern aus, um ein Websitelogo hinzuzufügen. Wenn Sie erweitertes Layout verwenden, wählen Sie Standortlogoausrichtung aus.

    Hinweis

    Um sicherzustellen, dass Ihr Symbol ordnungsgemäß gerendert wird, wählen Sie ein Symbol aus, das in den Bereich von 64 x 64 Pixel bis 192 x 64 Pixel (Breite x Höhe) passt.

    website-header-logo

  6. Wählen Sie abschließend Speichern aus.

Ändern des Navigationsstils

  1. Wählen Sie Aussehen> ändernNavigation aus.

  2. Wählen Sie unter Ausrichtungdie Option Horizontal oder Vertikal aus. Wenn Sie Horizontal auswählen, können Sie eine der folgenden Optionen auswählen:
    Megamenu
    SharePoint-Megamenü
    Cascading
    SharePoint-Beispiel für kaskadierendes Menü

    Hinweis

    • Megamenu wird auf Websites mit aktivierten klassischen Veröffentlichungsfeatures nicht unterstützt.
    • Informationen zum Ändern der Navigationslinks finden Sie unter Anpassen der Navigation auf Ihrer SharePoint-Website.
    • Links, die der dritten Ebene hinzugefügt werden, wenn die Megamenu-Formatvorlage nur als einzelne vertikale Liste angezeigt wird.
  3. Wechseln Sie zur Registerkarte Entwurf, und ändern Sie im Abschnitt Typografie die Schriftart für Navigationslinks, indem Sie aus der Liste der verfügbaren Schriftartenpakete auswählen:
    Websitenavigationsschriftart

  4. Wählen Sie Speichern aus, um Ihre Änderungen zu übernehmen.

  1. Klicken Sie auf Ihrer Website auf EinstellungenOffice 365 Schaltfläche Einstellungen und dann auf Fußzeile ändern>.

    Hinweis

    • Wenn im Menü Einstellungen die Option Aussehen ändern nicht angezeigt wird, sind Sie möglicherweise nicht berechtigt, diese Option zu verwalten. Weitere Informationen finden Sie unter Grundlegendes zu Berechtigungsstufen in SharePoint, oder bitten Sie Ihren Administrator um Hilfe.
    • Die Websitefußzeilenfunktion ist nur auf Kommunikationswebsiteseiten verfügbar. Sie sind für Listenseiten, Bibliotheksseiten oder andere Seiten auf Ihrer Website nicht verfügbar.

    Fußzeilenausrichtung

  2. Schalten Sie den Schalter Fußzeilensichtbarkeit auf Ein um, um Ihrer Website eine Fußzeile hinzuzufügen.

  3. Wählen Sie ein Layout aus:

    1. Einfaches Layout: Zeigen Sie eine Ebene von Links und Bezeichnungen an, die bis zu acht Spalten breit sind.

      Einfaches Fußzeilenlayout

    2. Erweitertes Layout: Zeigen Sie zwei Ebenen von Links und Bezeichnungen an, die bis zu acht Spalten breit sind.
      Erweiterte Fußzeile

4. Ändern Sie die Linkausrichtung der Fußzeile.

5. Wählen Sie Hochladen aus, um ihr Logobild der Fußzeile hinzuzufügen. Die Größe des Bilds wird automatisch geändert.

6. Um einen Namen für die Fußzeile hinzuzufügen, geben Sie einen Anzeigenamen ein.

7. Wechseln Sie zur Registerkarte Entwurf, wählen Sie eine Hintergrundfarbe aus, oder fügen Sie ein Bild hinzu.
Fußzeilenhintergrund

8. Ändern Sie im Abschnitt Typografie den Namen der Fußzeile und die Linksschriftart, indem Sie aus der Liste der verfügbaren Schriftartenpakete auswählen:

Fußzeilenschriftarten

9. Wählen Sie Speichern aus, um Ihre Änderungen zu speichern.

Nachdem Sie Ihrer Website eine Fußzeile hinzugefügt haben, können Sie der Fußzeile Links oder Bezeichnungen hinzufügen. Wählen Sie bearbeiten in der Fußzeile auf der linken Seite der Menübeschriftungen und -links aus.

Bearbeitungsoption für die erweiterte Fußzeile

Ausführliche Informationen zum Hinzufügen oder Bearbeiten von Links und Bezeichnungen finden Sie unter Anpassen der Navigation auf Ihrer SharePoint-Website. Sie können eine Ebene mit bis zu acht Links oder Bezeichnungen hinzufügen.