Technologie

Wie erstellt man und wendet ein individuelles Seiten-Theme in SharePoint an?

Melden
  1. Einführung
  2. Vorbereitung des Themes
  3. Erstellung des Theme JSON
  4. Hochladen und Registrieren des Themes in SharePoint
  5. Anwenden des Themes auf eine SharePoint-Seite
  6. Zusammenfassung

Einführung

Ein individuelles Seiten-Theme in SharePoint ermöglicht es, das Aussehen und die Farbgestaltung einer SharePoint-Website genau an die eigenen Unternehmensfarben oder Designvorgaben anzupassen. Dadurch wirkt die Seite professioneller und konsistenter mit anderen Unternehmensmaterialien. Im Folgenden wird beschrieben, wie Sie ein solches persönliches Theme erstellen und anschließend auf Ihre SharePoint-Seite anwenden können.

Vorbereitung des Themes

Das Erstellen eines individuellen Seiten-Themes in SharePoint erfolgt im Allgemeinen über die Verwendung von Farbpaletten und JSON-Dateien, die die Farbdefinitionen enthalten. Zunächst sollten Sie die gewünschten Farben definieren, die Ihre Website verwenden soll. Diese basieren auf verschiedenen Elementen wie dem Hintergrund, Textfarben, Hervorhebungen, Links und dem akzentuierten Farbton.

Um diese Farben zu definieren, können Sie entweder die Farbwerte Ihres Corporate Designs nutzen oder Farben mit einem Farbauswahl-Tool bestimmen. SharePoint-Themes verwenden typischerweise Farbvariablen wie primary, background, neutralPrimary und weitere, die Sie in einer JSON-Konfiguration hinterlegen.

Erstellung des Theme JSON

Ein SharePoint-Theme wird als JSON-Datei geschrieben, die die Farbwerte bestimmten Schlüsselwörtern zuweist. Ein einfaches Theme könnte folgendermaßen aussehen:

{ "themePrimary": "#0078d4", "themeSecondary": "#005a9e", "themeTertiary": "#004578", "neutralPrimary": "#333333", "neutralSecondary": "#666666", "background": "#ffffff", "error": "#d13438", "success": "#107c10"}

Diese Datei können Sie lokal erstellen oder direkt in PowerShell bzw. dem SharePoint Online Management Shell verwenden.

Hochladen und Registrieren des Themes in SharePoint

Für das Hochladen und Anwenden eines eigenen Themes auf einer SharePoint Online-Seite benötigen Sie Administratorrechte und Zugriff auf die SharePoint Online Management Shell. Zunächst müssen Sie die SharePoint Online Management Shell installieren bzw. öffnen und sich mit Ihren Administrator-Zugangsdaten verbinden.

Mittels PowerShell verwenden Sie das Cmdlet Add-SPOTheme, um Ihr Theme zu importieren. Dabei übergeben Sie den Namen des Themes sowie den JSON-Inhalt oder einen Pfad zur JSON-Datei.

Beispielhafter Befehl:

Add-SPOTheme -Name "MeinCustomTheme" -Palette $jsonPalette -IsInverted $false

Hierbei ist $jsonPalette eine Variable, die Ihre Farbdefinitionen enthält. Alternativ können Sie auch das SharePoint Online Admin Center verwenden, um Themes hochzuladen und zu verwalten.

Anwenden des Themes auf eine SharePoint-Seite

Nachdem das Theme erfolgreich registriert wurde, können Sie es auf beliebige moderne SharePoint-Seiten anwenden. Gehen Sie dazu zu der gewünschten Website und öffnen die Einstellungen über das Zahnrad-Symbol oben rechts. Wählen Sie anschließend den Menüpunkt Design ändern oder Change the look aus.

Im darauf folgenden Bereich werden Ihnen verschiedene bereitgestellte Themes angezeigt. Ihr eigenes, hochgeladenes Theme sollte ebenfalls sichtbar sein. Wählen Sie es aus und klicken Sie auf Speichern, um die Farbgestaltung der Seite entsprechend anzupassen.

Die Anwendung erfolgt sofort und ist für alle Besucher der Website sichtbar. Sollten Sie das Design später anpassen wollen, können Sie entweder ein neues Theme erstellen oder das bestehende Theme in PowerShell aktualisieren.

Zusammenfassung

Die Erstellung eines individuellen Seiten-Themes in SharePoint umfasst das Definieren der gewünschten Farbkombinationen in einer JSON-Struktur, das Hochladen und Registrieren des Themes per PowerShell oder Admin Center und schließlich die Anwendung des Themes auf die gewünschte Seite im SharePoint. Diese Anpassung sorgt für ein konsistentes und professionelles Erscheinungsbild, das zu Ihrem Unternehmens-Branding passt.

0
0 Kommentare