SharePoint Site Branding

Um das Erscheinungsbild Ihrer Intranet-Website besser an das Branding Ihres Unternehmens oder Ihrer Organisation anzupassen, lassen sich Design und Handhabung im modernen SharePoint-Design bequem ändern und Navigation, Farbgebung und Logo personalisieren, ohne eine einzige Zeile Code eingeben zu müssen. Dies lässt sich sowohl auf einzelne als auch auf Gruppen oder alle Intranet-Websites Ihres Unternehmens anwenden.

Übersicht

Microsoft bietet mehrere Möglichkeiten, Intranet-Websites selektiv oder unternehmensweit im Einklang mit ihrer Corporate Identity zu gestalten. Mit den neuen Websitebranding-Funktionen können Website-Betreiber nun ihre eigenen Schriftarten und Designs hinzufügen und IT-Administratoren über den neuen Brand-Center-Service Schriftarten und Designs unternehmensweit festlegen, die dann auf allen SharePoint-Websites angezeigt werden. Zudem lässt sich das Aussehen der Kopf- und Fußzeile, die Navigation und vieles mehr konfigurieren. Damit stehen Ihnen jetzt zahlreiche Tools zur Verfügung, mit denen Sie dafür sorgen können, dass sich Ihre Intranet-Benutzer besser mit dem Unternehmen identifizieren.

Websitebranding („Site branding“)

Die Gestaltung Ihrer Intranetseite lässt sich an Ihren Unternehmensstil und Ihre Corporate Identity anpassen, indem Sie als Website-Eigner Brand-Optionen erstellen und verwalten.

Durch das Branding Ihrer Website ist es möglich, neue Designelemente oder Schriftarten hinzuzufügen oder von einer anderen Website zu kopieren.

Die Funktion Site branding finden Sie unter Settings in der rechten oberen Ecke Ihrer SharePoint-Website. Für ein einheitliches Erscheinungsbild Ihrer Organisation können Sie das Websitebranding-Tool gemeinsam mit dem Branding Ihrer Organisation verwenden.

Hinweis: Das Websitebranding hebt die Einstellungen für eine mit einem Hub verknüpfte Website nicht auf..

1.    Neue Designs erstellen:

Die Möglichkeit, Ihr eigenes Design („Theme“) für Ihre Websites und Erlebniswelten zu entwerfen und zu verwalten, wird über das Websitebranding ermöglicht. Unter „Change the look“ können Website-Betreiber aus vorentwickelten, standortspezifischen Designs auswählen.

1. Wählen Sie auf Ihrer Zielseite Settings und dann Site branding > Theme aus.

2. Wählen Sie + New theme, um den Theme-Designer zu starten.

3. Wählen Sie nun Ihre bevorzugten Primär-, Text-, Hintergrund- und Akzentfarben für Ihr Design.

• Primärfarbe: Die Primärfarbe ist die Grundfarbe Ihrer Markenidentität. Diese Farbe wird hauptsächlich in Ihren Websites und Umgebungen verwendet
• Textfarbe: Diese Farbe wird für den Text in Ihrem Design verwendet. Überlegen Sie, wie diese Farbe mit den ausgewählten Primär- und Hintergrundfarben harmoniert.
• Hintergrundfarbe: Die Hintergrundfarbe wird hinter allen Inhalten (wie Texten und Bildern) Ihrer Websites und Umgebungen angezeigt.
• Akzentfarbe: Diese Farbe ergänzt die Primärfarbe, um besondere Inhalte hervorzuheben.
  Akzentfarben werden, wie im unteren Beispiel (in Rot), hauptsächlich für Textüberlagerungen und Schattierungen verwendet.

Hinweis: Das Branding Ihrer Organisation definiert vermutlich eine Reihe vordefinierter Markenfarben, die Sie bei diesen Settings beachten sollten:

4. Beachten Sie die Einstellung „Dunkles Design“, wenn Sie die Hintergrundfarbe Ihres Designs angepasst haben. Die Einstellung sollte deaktiviert bleiben, wenn Sie eine helle Hintergrundfarbe für Ihr Design festgelegt haben. Anderenfalls sollten Sie bei einer dunklen bzw. dunkleren Hintergrundfarbe diese Einstellung aktivieren.

Hinweis: Die Einstellung „Dunkles Design“ wählt für den Text und andere Menüelemente automatisch hellere Farben, um den Kontrast und damit die Lesbarkeit zu verbessern. Diese Option wird hauptsächlich für Designs mit dunklem Hintergrund verwendet.

5. Schließen Sie den Prozess der Designgestaltung ab, indem Sie Ihrem Design einen eindeutigen Namen zuweisen und speichern. Der von Ihnen gewählte Name wird in der Ansicht „Change the look“ angezeigt.

Sie erhalten nun eine kurze Vorschau des erstellten Website-Designs. Achten Sie darauf, dass Ihre Website alle Richtlinien zur Barrierefreiheit erfüllt und ausreichende Kontrastwerte aufweist.

2.    Schriftartenpakete:

Einer der Vorteile des Websitebrandings ist es, Ihre Website mit Ihrem eigenen Schriftartenpaket individuell gestalten zu können. Diese Schriftartenpakete stehen für Website-Eigentümer unter der Option „Change the look“ zur Auswahl bereit, aber nur auf der Website, auf der sie erstellt wurden.

Hinweis: Diese Schriftarten stehen nur für Mandanten zur Verfügung, für die das SharePoint Brand Center eingerichtet wurde und die Zugriff auf benutzerdefinierte Schriftarten haben.

Hinweis: Nur Schriftarten, die über das SharePoint Brand Center festgelegt wurden, können zum Erstellen von Schriftartenpaketen verwendet werden.

1. Wählen Sie auf Ihrer Website Settings und dann Site branding > Font packages.
2. Wählen Sie jetzt + New font package aus, um den Font-Paket-Designer zu starten.
   • Schritt 1: Verwenden Sie die Schriftartauswahl, um Schriftartfamilien für die Anzeige und den Inhaltstext festzulegen. Sie können bis zu zwei individuelle Schriftartfamilien auswählen und bei Bedarf dieselbe Schriftartfamilie sowohl für die Anzeige als auch für die Inhaltskomponenten zuweisen.

• Schritt 2: Wählen Sie eine Schriftartfamilie und einen Schriftstil für jede der vier Schriftarten-Zuordnungen aus: Titel, Überschrift, Text und Interaktiv. Nutzen Sie die Vorschaufunktion, um die Änderungen nachzuvollziehen.
• Schritt 3: Geben Sie Ihrem Schriftpaket einen Namen. Anschließend können Sie es in verschiedenen Einstellungen anzeigen. Sobald Sie diesen speziellen Schriftpaketnamen auf Ihrer Website anwenden, wird er im Abschnitt „Change the look“ angezeigt.

Alle erstellten Schriftartenpakete können Sie unter Site branding ansehen und bearbeiten:

3.    Websitebranding kopieren:

Microsoft ermöglicht nicht nur, individuelle Branding-Elemente innerhalb der Benutzeroberfläche für das Websitebranding zu erstellen, es enthält jetzt auch eine Funktion, mit der Benutzer das Branding einer anderen Website replizieren und selbst implementieren können.

Hinweis: Zurzeit ist die Funktion zum Suchen und Replizieren von Websitebrandings nur in einigen geografischen Regionen verfügbar.

Hinweis: Um die Branding-Elemente kopieren zu können, muss der Website-Eigentümer, der den Kopiervorgang einleitet, Besuchern den Zugriff auf die Zielwebsite gewähren.

1. Wählen Sie Copy from another site, um den Kopiervorgang einzuleiten.

2. Bevor Sie den Kopiervorgang starten, müssen Sie zunächst die Quellwebsite ermitteln. Geben Sie dazu relevante Schlüsselwörter in Bezug auf den Seitentitel oder die URL der betreffenden Seite in das Suchfeld ein.

​​​​​​​Wählen Sie dann die gewünschte Seite aus den Suchergebnissen sorgfältig aus und überprüfen Sie die Vorschau, um sicherzustellen, dass Sie die richtige Website markiert haben.

3. Nach der Auswahl wird diese angezeigt und es erscheinen alle verfügbaren Websitebranding-Elemente in den Design- bzw. Schriftpaketen unterhalb der Websiteauswahl.

4. Wählen Sie die Branding-Elemente aus, die Sie duplizieren möchten, und weisen Sie ihnen auf Wunsch neue Namen zu. Der Name, den Sie während dieses Vorgangs eingeben, wird direkt im Branding-Menü der Website angezeigt und bleibt in der Benutzeroberfläche „Change the look“ unverändert, sofern er nicht ausdrücklich geändert wird.

5. Klicken Sie auf Save copy, um den Kopiervorgang in Ihrer Websitebranding-Zielumgebung zu starten.

Aussehen ändern und Design anwenden

Sie können Ihre Design- und Schriftpakete über die „Change the look“-Einstellungen anpassen, die Sie unter Settings in der oberen rechten Ecke Ihrer SharePoint-Website finden.

Teamwebsites ermöglichen Änderungen am optischen Design und an den Kopfzeilenelementen. Im Gegensatz dazu bieten Kommunikationssites mehr Anpassungsfunktionen, mit denen Benutzer Navigationsstrukturen verändern und eine seitenweite Fußzeile implementieren können.

Die erstellten Designs erscheinen unter „From this site“, wenn Sie auf Theme klicken:

Erstellte Schriftartenpakete werden auch unter Font angezeigt:

Neu erstellte Schriftpakete erscheinen unter „From this site“:

Fazit

Dank der neuen Funktionen für das Websitebranding können Website-Eigentümer das Erscheinungsbild ihrer SharePoint-Websites nach Belieben personalisieren. Mit der Verwendung der Farb- und Schriftgestaltung nach den Corporate-Identity-Richtlinien Ihrer Organisation hinterlassen Sie bei Ihren Benutzern einen harmonischen Eindruck und positionieren Ihre Marke.