Branding Ihrer SharePoint-WebsiteBranding your SharePoint site

In der modernen SharePoint-Umgebung können sie leicht das Aussehen und Verhalten Ihrer Website, sodass sie dem Markenbild Ihres Unternehmens oder Ihrer Organisation entsprechen.In the modern SharePoint experience, you can easily change the look and feel of your site to match your company or organizational brand. Sie können das Logo, die Farben und die Navigation anpassen – oft ohne eine einzige Zeile Code zu schreiben.You can customize the logo, colors, and navigation – often without writing a single line of code. Branding kann auf Websiteebene, auf eine Gruppe von Websites oder auf alle Websites innerhalb Ihrer Organisation angewendet werden.Branding can be applied at the site level, to a group of sites, or to all sites within your organization.

Brandingwebsite

Hinweis

Durch das Branding Ihrer SharePoint-Website wird nicht das Gesamterscheinungsbild Ihres Microsoft 365-Diensts geändert.Branding your SharePoint site will not change the overall look of your Microsoft 365 service. Weitere Informationen zum Branding von Microsoft 365 finden Sie unter Anpassen des Microsoft 365-Designs für Ihre Organisation.For more info about branding Microsoft 365, see Customize the Microsoft 365 theme for your organization.

Websitebranding in der klassischen UmgebungSite branding in the classic experience

In der klassischen SharePoint-Benutzeroberfläche gibt es eine Reihe von Standarddesigns, bei denen unter Umständen umfangreiche Anpassungen erforderlich sind, um sie an das Markenbild Ihrer Organisation anzupassen.In the classic SharePoint experience, there are a set of default themes that can require a considerable amount of customization to get them to match your organization's brand. Zudem sind diese Designs nicht sehr dynamisch, wodurch die Benutzeroberfläche auf verschiedenen Geräten inkonsistent wird.Also, they aren't very responsive, making the experience on different devices inconsistent. Beim Großteil des Websitebrandings müssen benutzerdefinierte Masterseiten oder alternative CSS-Konfigurationen eingesetzt werden.Most site branding requires the use of custom master pages or alternate CSS configurations. Gestaltungsvorlagen bieten ein hohes Maß an Flexibilität, können aber problematisch sein.Master pages provide a great deal of flexibility, but they can be problematic. Wenn beispielsweise Updates an SharePoint vorgenommen werden, könnten Anpassungen der Gestaltungsvorlagen nicht mehr funktionieren oder sie funktionieren nicht so, wie Sie sie erwarten.For example, anytime updates are made to SharePoint, any customizations made to the master page may no longer work or may not work the way you expect them to. SharePoint ignoriert diese Anpassungen, es sei denn, sie werden im Modus der klassischen Umgebung ausgeführt, da sie nicht mit der modernen Benutzeroberfläche kompatibel sind.SharePoint ignores these customizations unless you're running in classic experience mode because they're incompatible with the modern user interface. Um dies zu vermeiden, verwenden Sie nur die empfohlenen modernen Vorgehensweisen zum Branding Ihrer SharePoint-Websites.To avoid this, use only the recommended modern approaches to brand your SharePoint sites.

WebsitebrandingModern site branding

SharePoint bietet einen aktualisierten Satz von Standarddesigns für Websites, die dynamisch sind und auf jedem Gerät großartig aussehen.SharePoint includes an updated set of default site themes that are responsive and look great on any device. Mit Websitedesigns können Sie das Logo und die Farben Ihrer Website an Ihr Markenbild anpassen.With site themes, you can customize your site's logo and colors to match your brand. Websitedesigns bieten spezifische Layouts und andere Funktionen für Ihre Website.Site designs provide specific layouts and other functionality for your site. Zusätzliches Branding kann mit benutzerdefinierten Websitedesigns erzielt werden, ohne sich Sorgen machen zu müssen, dass Komponenten nach der Aktualisierung von SharePoint nicht mehr funktionieren.Additional branding can be achieved using custom themes or site designs without worrying about something breaking when SharePoint is updated. Mit benutzerdefinierten Designs können Sie weitere Farbschemen erstellen, die über den Standard hinaus gehen.Custom themes let you create additional color schemes beyond the defaults. Mit benutzerdefinierten Websitedesigns können Sie das Websitedesign, wie auch weitere Anpassungen wie die Websitenavigation, Standardanwendungen und andere Einstellungen steuern.Custom site designs let you control the site theme and other customizations like the site navigation, default applications, and other settings. Benutzerdefinierte Designs können bei Erstellen einer neuen Website angewendet werden, oder auf eine einzelne oder eine Gruppe bestehender Websites.Custom themes or designs can be applied to a new site when it's created or applied to an existing site or group of sites.

Branding-Hub-WebsitesBranding hub sites

Wenn Sie eine SharePoint Hubwebsite einrichten, können Sie sie so festlegen, dass das Websitebranding auf alle Websites angewendet wird, die dieser zugeordnet sind.When you brand a SharePoint hub site, you can set it so the site branding is applied to any sites that associate with it. Dies betrifft alle Websitedesigns die von der Hub-Website verwendet werden.This includes any site theme or site design used by the hub site. Auf diese Weise können Sie einheitliche Navigation und Branding für eine Reihe Websites anwenden und Akzentfarben verwenden, um Elemente hervorzuheben, die ins Auge fallen müssen.This allows you to apply common navigation and branding across a set of sites and use accent colors to emphasize elements that need to stand out.

Klassische Umgebung im Vergleich zur modernen UmgebungClassic experience vs. modern experience

Im Folgenden finden Sie eine Zusammenfassung der Unterschiede zwischen dem Branding einer Website in der klassischen Umgebung im Vergleich mit dem Branding in der modernen SharePoint-Umgebung.Below is a summary of the differences between branding a site in the classic experience vs. branding in the modern SharePoint experience.

Klassische UmgebungClassic experience Moderne UmgebungModern experience
Nicht dynamisch, OOB-Designs, die Sie anpassen könnenUnresponsive, OOB themes that you can customize Dynamische Designs, die auf jedem Gerät hervorragend aussehen und Ihrem Markenbild entsprechend angepasst werden könnenResponsive themes that look great on any device and can be customized to match your brand
Verwenden von benutzerdefinierten Gestaltungsvorlagen und CSS, die in der modernen Umgebung ignoriert werden.Use custom master pages and CSS that are ignored in the modern experience Verwenden Sie das SharePoint-Framework zum Hinzufügen von Kopf- und Fußzeilen, dem Anpassen von Designfarben, usw.Use the SharePoint Framework to add header and footer, customize theme colors, etc.

Bevor Sie beginnenBefore you begin

Einige Dinge, die zu berücksichtigen sind, bevor Sie das Branding Ihrer Websites mit klassischer Umgebung in SharePoint durchführen:Some things to consider before branding your classic experience sites in SharePoint are:

  • Benötigen Sie ein konstantes Markenbild für alle Websites, oder haben unterschiedliche Bereiche, Abteilungen und Gruppen innerhalb Ihrer Organisation ihr eigenes?Do you need a consistent brand across all sites or will different divisions, departments, or groups in your organization have their own?

  • Sie sollten eine Liste aller aktuellen Websites, inklusive der Websitevorlagen, die sie verwenden, jeglicher Anpassungen die an den Gestaltungsvorlagen oder im CSS vorgenommen wurden, erstellen und entscheiden, welche dieser Anpassungen Sie behalten müssen.You should compile a list of all current sites, what site templates they use, any customizations that have been made to the master pages or CSS, and decide which of these customizations you need to keep. Sie können den Benutzeroberflächen-Scanner von SharePoint „Modern“ ausführen, der eine detaillierte Analyse aller Websites in Ihrer Organisation durchführt und Berichte erstellt, die Ihnen Details zu Websites mit inkompatiblen Gestaltungsvorlagen oder alternativen CSS-Einstellungen haben.You can run the SharePoint "Modern" user interface experience scanner which will do a deep analysis of all the sites in your organization and create reports that give you details about sites that have incompatible master pages or alternate CSS settings. SharePoint behandelt Branding anders für klassische Websitevorlagen wie die Veröffentlichungswebsite.SharePoint handles branding differently for classic site templates such as the publishing site. Sie sollten alle Probleme bezüglich benutzerdefinierter Designs beheben, die auftreten.You'll want to troubleshoot any custom theme issues you run into.

  • Welche Bereiche möchten Sie anpassen (Logo, Farben, Schriftarten, Kopf-/Fußzeile, Navigation)?What areas do you want to customize (logo, colors, fonts, header/footer, navigation)?

  • Wer in Ihrer Organisation kann ein Website-Branding durchführen?Who in your organization can brand a site? Sie müssen sicherstellen, dass diese über Berechtigungen für Website-Designer oder höher verfügen, um diese Änderungen vorzunehmen.You will need to make sure that they have site designer permissions or above to make these changes.

Sind Sie bereit, Ihre klassische SharePoint Website mit der modernen Umgebung zu versehen?Ready to brand your classic SharePoint site using the modern experience?

Lesen sie die folgenden Quellen, in denen weitere Informationen zur Verwendung der modernen SharePoint-Umgebung zum Branding Ihrer Website bereitgestellt werden.Check out the below resources that provide more details about how to use the modern SharePoint experience to brand your site.

Branding von SharePoint: Der neue StandardBranding SharePoint: The New Normal

Ändern des Erscheinungsbilds Ihrer SharePoint-WebsiteChange the look of your SharePoint site

SharePoint-WebsitedesignSharePoint site theming

Modernisieren Ihres WebsitebrandingsModernize site branding

Modernisieren Ihrer klassischen SharePoint-WebsitesModernize your classic SharePoint sites

JSON-SchemaJSON schema

Design-GeneratorTheme generator