Share via

Lösungen für das Branding und die Seitenanpassung von SharePoint-Websites

  • Artikel

Sie haben zwei Möglichkeiten, um das Aussehen und Verhalten einer SharePoint-Website anzupassen:

  • Mithilfe des Designmoduls zur Erstellung von benutzerdefinierten Designs (zusammengesetzte Designs in SharePoint und SharePoint Online). In einem Designs werden mindestens Farben definiert. Ein vollständiges Design definiert Farben, Schriftarten, einer Hintergrundbild und die zugeordnete Gestaltungsvorlage sowie eine PREVIEW-Datei, in der definiert wird, wie die MASTER-Seite in der Vorschau angezeigt wird. Sie können das Remotebereitstellungsmuster zum Anwenden von Designs auf Websites verwenden.

  • Durch Erstellen von benutzerdefinierten Cascading Stylesheets (CSS), die auf SharePoint-Websites angewendet werden. Sie können ein SharePoint-Add-In und das Remotebereitstellungsmuster verwenden, um SharePoint-Websites so bereitzustellen, dass sie benutzerdefinierte CSS verwenden.

Wichtig

Diese Erweiterbarkeitsoptionen sind nur für klassische SharePoint-Oberflächen verfügbar. Sie können diese Optionen nicht mit modernen Benutzeroberflächen in SharePoint Online, wie z. B. mit Kommunikationswebsites, verwenden.

Brandingänderungen können einfach und kostengünstig, jedoch auch komplex und teuer sein. Über die Benutzeroberfläche können Benutzer zusammengesetzte Designs anwenden, die ein Hintergrundbild, eine Farbpalette, Schriftarten, eine Gestaltungsvorlage und eine PREVIEW-Datei umfassen, die der Masterseite zugeordnet ist. Mit dem Designmodul von SharePoint können Sie zusammengesetzte Designs entwerfen und Websites bereitstellen, und Sie können benutzerdefinierte CSS erstellen, um das Aussehen und Verhalten Ihrer Website und deren Elemente zu ändern.

Wichtig

Es ist zwar möglich, benutzerdefinierte Gestaltungsvorlagen und andere Strukturelemente als Teil eines benutzerdefinierten Brandingprojekts zu erstellen, die langfristigen Kosten für die Unterstützung von benutzerdefinierten Gestaltungsvorlagen und anderen benutzerdefinierten Strukturelemente sind jedoch hoch. Bei benutzerdefiniertem Branding kann das Anwenden von Upgrades und das Bereitstellen von fortlaufendem Support für Ihre Organisation teurer werden.

Dieser Abschnitt baut auf Ihren Kenntnissen im Zusammenhang mit SharePoint-Entwicklungs- und Entwurfstools und Verfahren auf und zeigt, wie Sie das Aussehen und Verhalten einer SharePoint-Website anpassen.

Wichtige Begriffe und Konzepte

Tabelle 1. Schlüsselbegriffe und Konzepte im Zusammenhang mit dem SharePoint-Branding

Begriff oder Konzept Definition Weitere Informationen
Alternative CSS-Datei Eine andere CSS-Datei als die standardmäßig verwendete Datei, die Sie auf das Aussehen und Verhalten Ihrer Website anwenden können. Verwenden Sie alternative CSS, um benutzerdefinierte CSS auf eine Website und deren Unterwebsites anzuwenden.
CSS Eine Sprache, die einem Browser mitteilt, wie die Formatvorlagen eines HTML- oder XML-Dokuments gerendert werden sollen. CSS trennt den Inhalt des Dokuments (HTML oder XML) von der Darstellung des Inhalts.
Zusammengesetztes Design Eine Kombination von Schriftarten, Farbpalette, Hintergrundbild und einer zugeordneten Gestaltungsvorlage, die auf die Website angewendet werden. Schriftartenschema und Farbbilder sind optional. Nachfolgend finden Sie den standardmäßigen Speicherort von zusammengesetzten Designs: der Ordner „Designgalerie\15“

Zusammengesetzte Designs sind praktisch, um das Aussehen und Verhalten von Websites zu ändern, ohne Änderungen an der Struktur einer Website vorzunehmen.

SharePoint wird standardmäßig mit mehreren zusammengesetzten Designs ausgeliefert. Wenn ein Benutzer ein zusammengesetztes Design anwendet, wendet SharePoint alle zugehörigen Designelemente des zusammengesetzten Designs auf eine Website an.
Inhaltssuche-Webpart Rendert den Inhalt aus den Suchergebnissen auf Grundlage einer angegebenen Abfrage. Inhaltssuche-Webpart in SharePoint
corev15.css Die CSS-Datei, die den Großteil der Hauptfunktionalität für SharePoint enthält. Im Folgenden ist der Standardspeicherort der Datei angegeben: ordner _layouts\15
CSSRegistration Ein Verweis in einer Gestaltungsvorlage, z. B. seattle.master, die den Großteil der CSS lädt, die auf den Großteil der standardmäßigen Benutzeroberfläche angewendet wird. Verwenden Sie das CSSRegistration-Steuerelement in einer Gestaltungsvorlage, um die standardmäßigen CSS zu überschreiben.
Benutzerdefinierte Aktion Aktionen, die Sie zum Anpassen von und Interagieren mit Listen und dem Menüband auf der Hostwebsite verwenden können. Erstellen benutzerdefinierter Aktionen zur Bereitstellung mit SharePoint-Add-Ins
Gerätekanäle Mithilfe von eindeutigen Kanälen, die auf das Inhaltsrendering auf bestimmten Geräten abzielen, können Sie eine einzige SharePoint-Veröffentlichungswebsite auf vielfältige Weise rendern. SharePoint-Design-Manager-Gerätekanäle
Anzeigevorlagen Vorlagen, die von Such-Webparts verwendet werden, um die Ergebnisse einer Abfrage an den Suchindex anzuzeigen. Anzeigevorlagen im SharePoint-Entwurfs-Manager
Bildwiedergaben Anzeigen von unterschiedlich großen Versionen eines Bilds auf einer Veröffentlichungswebsite basierend auf demselben Quellbild. SharePoint Design Manager – Bilddarstellungen
Verwaltete Metadaten Features in SharePoint, mit deren Hilfe Sie Ausdrücke, Ausdruckssätze, Gruppen und Bezeichnungen für Ausdrücke definieren können. Auch bezeichnet als Taxonomie. In SharePoint ist das System verwalteter Metadaten die Grundlage für die verwaltete Navigation. Verwaltete Metadaten und Navigation in SharePoint
Verwaltete Navigation Navigation für Veröffentlichungswebsites, die basierend auf Metadaten erstellt wird. Die Navigation wird aus einem angegebenen Ausdruckssatz im Terminologiespeicher erstellt. Verwaltete Navigation in SharePoint
Gestaltungsvorlage Eine Seite, die das Verhalten und die Darstellung der linken und oberen Navigationsbereiche einer SharePoint-Seite standardisiert. Gestaltungsvorlagen, der Gestaltungsvorlagenkatalog und Seitenlayouts in SharePoint
Gestaltungsvorlagengalerie Eine spezielle Dokumentbibliothek in SharePoint, in der alle Brandingelemente, z. B. Gestaltungsvorlagen, Seitenlayouts, JavaScript-Dateien, CSS und Bilder, standardmäßig gespeichert werden. Jede Website besitzt einen eigenen Gestaltungsvorlagenkatalog. Bei der Erstellung von benutzerdefinierten Brandingelementen wird empfohlen, benutzerdefinierte Objekte in der standardmäßigen Dateistruktur des Gestaltungsvorlagenkatalogs zu speichern. Gestaltungsvorlagen, der Gestaltungsvorlagenkatalog und Seitenlayouts in SharePoint
Oslo.master Eine Gestaltungsvorlage in SharePoint. Verschiebt die aktuelle Navigation in dieselbe Position wie den Bereich im oberen Navigationsbereich.
Seiteninhaltssteuerelement Ein Steuerelement auf einer Veröffentlichungswebsite, zu dem ein Webpart hinzugefügt werden kann.
Seitenlayout Eine Vorlage für eine SharePoint-Veröffentlichungswebsite, auf der Benutzer das Layout von Informationen auf der Seite konsistent gestalten können.
Schnellstartleiste Verwaltet die Navigationselemente links auf der Seite einer Website für die Zusammenarbeit. Sie können Überschriftenlinks zu Elementen der Gruppennavigation hinzufügen.
REST Ein zustandsloser Architekturstil, der Architekturelemente abstrahiert und HTTP-Verben zum Lesen und Schreiben von Daten aus Webseiten verwendet, die XML-Dateien enthalten. Grundlegendes zum SharePoint-REST-Dienst
Stammwebsite Die erste Webseite in einer Websitesammlung. Die Stammwebsite wird manchmal auch als Webanwendungs-Stammverzeichnis bezeichnet.
Seattle.master Die standardmäßige MASTER-Seite für SharePoint-Teamwebsites und Veröffentlichungswebsites.
Websitelayout Siehe Gestaltungsvorlage. Das Websitelayout kombiniert die MASTER-Seite eines Design mit der entsprechenden PREVIEW-Datei.
Strukturierte Navigation Eine Navigationsstruktur für die Veröffentlichung von Websites, die auf der Websitehierarchie der Veröffentlichungswebsite basiert. Sie können Header und Links hinzufügen, um die strukturierte Navigation manuell zu ersetzen oder anzupassen, die SharePoint automatisch generiert. Vorgehensweise: Anpassen der Navigation in SharePoint Server 2010 (ECM)
Design Eine einfache Möglichkeit, um ein simples Branding auf eine SharePoint-Website anzuwenden. Der Standardspeicherort für Designs ist der Ordner „_themes“ der Website.

Designs stellen eine einfache Möglichkeit dar, um benutzerdefiniertes Branding auf SharePoint-Websites anzuwenden.


- Übersicht über Designs für SharePoint
- Bereitstellen eines benutzerdefinierten Designs in SharePoint
Designmodul Eine Reihe von Dateien und Funktionen, die das Aussehen, Verhalten und die Dateizuordnungen von zusammengesetzten Designs definieren.
Zeichenfolge des Benutzer-Agenten Informationen, die ein Browser an eine Website übergibt, die die Software identifiziert, die die Anforderung an den Server sendet. SharePoint Design Manager – Branding- und Designfunktionen
Benutzerdefinierte Aktion Eine CSOM-Eigenschaft, die die Auflistung von benutzerdefinierten Aktionen für eine Website, Liste oder Websitesammlung zurückgibt. Der standardmäßige Speicherort ist: 15\TEMPLATE\FEATURES

Beispiel:
<HideCustomAction GroupId="Galleries"
   HideActionId="Themes"
   Location="Microsoft.SharePoint.SiteSettings">
 - UserCustomAction class
- Erstellen benutzerdefinierter Aktionen zur Bereitstellung mit SharePoint-Add-Ins
- Gewusst wie: Verwenden benutzerdefinierter Aktionen von Benutzern
- Standorte und IDs für benutzerdefinierte Standardaktionen

Inhalt dieses Abschnitts

Artikel Zeigt, wie...
Verwenden zusammengesetzter Designs für das Branding von SharePoint Websites Zusammengesetzte Designs, einschließlich Farben, Schriftarten und Hintergrundbild, auf SharePoint- und SharePoint Online-Websites angewendet werden.
Verwenden der Remotebereitstellung zum Branding von SharePoint-Seiten Die Remotebereitstellung zur Interaktion mit Designs in SharePoint verwendet wird.
Verwenden von CSS zum Branding von SharePoint-Seiten Die Remotebereitstellung zur Interaktion mit Designs in SharePoint verwendet wird.
Anpassen einer SharePoint-Seite mithilfe von Remotebereitstellung und CSS Mithilfe von CSS können Sie Rich-Text-Felder und Webpartzonen in SharePoint anpassen.
Aktualisieren des Brandings vorhandener SharePoint-Websites und Seitenregionen Passen Sie das Branding von vorhandenen SharePoint-Websites oder Bereichen von SharePoint-Seiten, einschließlich des Menübands, der Websitenavigation, dem Einstellungsmenü, der Strukturansicht und des Seiteninhalts, an, und aktualisieren Sie es dann.
Anpassen einer OneDrive for Business-Website Passen Sie das Branding für OneDrive for Business-Websites je nach den Anforderungen Ihres Unternehmens in Office 365 oder mithilfe des Add-Ins-Modells an.

Siehe auch