In praktisch jedem Projekt kommt früher oder später die Frage nach der optischen Anpassung einer SharePoint Oberfläche. Wobei damit nicht die Neupositionierung oder Neuanlage von Seitenelementen gemeint ist, sondern die Anpassung der Farben von Beschriftung und der Darstellung von Hintergrundbildern. Ein Set aus Farben und Bildern wird Theme genannt. Es gibt schon eine ganze Reihe vordefinierter Themes, Sie können aber relativ einfach auch selber welche erstellten. Ob Sie dabei SharePoint lokal betreiben oder in der Cloud, spielt keine Rolle. Wichtig ist nur, wenn Sie diesen Artikel nutzen möchten, müssen Sie in der klassischen Ansicht arbeiten, da die moderne Ansicht Themes auf andere Weise verwendet. Wenn Sie modern Sites anpassen möchten, geht es hier weiter: https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/site-theming/sharepoint-site-theming-overview. Dieser Artikel erläutert Ihnen die Themeanpassung von klassischen SharePoint Sites ab SharePoint 2013.

Arbeiten mit vorhandenen Themes

Um ein vorhandenes Theme auszuwählen, klicken Sie auf das Zahnrad oben rechts und dann auf Site Settings. Im Abschnitt Look and Feel klicken Sie auf den Link Change the look. Abhängig von Ihrer Konfiguration findet sich dieser Link auch direkt im Menü des Zahnrades. Sie erhalten eine Übersicht aller bisher vorhandenen Themes. Klicken Sie auf das, welches Sie nutzen möchten. Sie erhalten eine Vorschau, in welcher Sie noch das Farbset und das Hintergrundbild ändern können. Außerdem ist es auch möglich die Masterpage und den Font auszuwählen. Wenn Sie mit Ihrer Auswahl zufrieden sind, klicken Sie oberhalb der Abbildung auf Try it out.
2018-11-14_07h55_15

SharePoint benötigt einige Zeit und Sie sehen eine Vorschau Ihrer Auswahl zusammen mit Ihrem Inhalt. Wenn Sie diese Auswahl behalten möchten, klicken Sie oben rechts auf Yes, keep it. Beachten Sie, dass keine Elemente verschoben wurden, sie wurden nur farblich angepasst.

Ein neues Theme erstellen

Oftmals reichen die mitgelieferten Themes nicht aus und man möchte gern einen neues erstellen. Da sich ein Theme auf Dateiebene schwer bearbeiten läßt, stellt Microsoft dafür das Werkzeug SharePoint Color Palette Tool kostenfrei zur Verfügung. Sie können dies unter https://www.microsoft.com/en-us/download/details.aspx?id=38182 herunterladen. Starten Sie nach der Installation das Programm. Beim ersten Mal macht das Tool einen etwas verwirrenden Eindruck, die folgende Abbildung sollte dabei etwas helfen.

2018-11-14_08h07_35

  1. In diesem Dropdown können Sie die Masterpage auswählen, welche in der Vorschau verwendet wird. Außerdem sind noch zwei Tests möglich.
  2. Die Vorschau, wo Sie prüfen können welche Auswirkungen Ihre Änderungen haben.
  3. Hier können Sie ein Hintergrundbild hochladen oder ändern.
  4. Verschiedene Einstellungen für die Vorschau.
  5. Hier können Sie eine primäre Farbe auswählen und mit einem Klick auf Recolor diese auf alle Elemente anwenden.
  6. Dies ist tatsächlich ein Dropdown und legt Ihnen fest, wie die einzelnen Seitenelemente die Sie ändern können in der Anzeige gruppiert werden. Ich wähle immer UI Groups, da mir dies eine schnellere Arbeit erlaubt.
  7. Die einzelnen Oberflächenelemente, welche Sie ändern können. Wenn Sie auf eine Gruppe oder auf ein einzelnes Element klicken, können Sie die Farbe ändern.
  8. Wenn Sie alle Einstellungen vorgenommen haben, können Sie ein Theme hier als spcolor Datei speichern.

Experimentieren Sie ruhig damit herum in der schönen Gewissheit: Sie können nichts zerstören.

Wenn Sie das neue Theme als spcolor Datei gespeichert haben, gehen Sie wieder in die Siteeinstellung von SharePoint. Dort wieder in die Web Designer Galleries auf den Punkt Themes und dann in den Ordner 15.  Laden Sie die neue spcolor Datei in diesen Ordner hoch und notieren Sie sich den Namen. Gehen Sie wieder in die Web Designer Galleries und dann in Composed looks. Erstellen Sie hier ein neues Element und geben Sie dazu den Titel und den Namen ein. Wichtig ist die Theme URL, welche mit dem ganzen Pfad eingegeben werden muss. In meinem Fall, da ich die gespeicherte Datei red.spcolor genannt habe, ist der Pfad also https://<URL der Site>/_catalogs/theme/15/red.spcolor. Speichern Sie den neuen Eintrag, wenn Sie jetzt wieder ein Theme auswählen, sollten Sie dies auch verwenden können. Haben Sie dem Theme ein Bild oder eine Schriftart mitgegeben, dann müssen Sie diese natürlich auch noch angeben.
Haben Sie diese Anforderung schon einmal gehabt? Oder eine andere Frage? Dann schreiben Sie einen Kommentar!

 

Vielen Dank für Ihr Interesse an meinem Blogeintrag.
Gerne beantworte ich Ihnen persönlich weitergehende Fragen zu diesem Thema.
Kontaktieren Sie mich einfach über mein Kontaktformular oder schreiben Sie einen Kommentar.

Sie wollen mehr über meine Leistungen erfahren? Dann klicken Sie hier.

 

Kommentar verfassen

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.