Anpassen der Gestaltungsvorlage für "Meine Website"

Wichtig :  Dieser Artikel wurde maschinell übersetzt. Bitte beachten Sie den Haftungsausschluss. Die englische Version des Artikels ist als Referenz hier verfügbar: hier.

Durch Gestaltungsvorlagen wird das Erscheinungsbild bestimmt, das alle Seiten der Website aufweisen sollen. Durch Ändern der Formatvorlagen oder des Inhalts der Gestaltungsvorlage können Sie die Darstellung einer vollständigen Website schnell ändern.

In diesem Artikel wird gezeigt, wie Sie eine Kopie der vorhandenen Gestaltungsvorlage für Meine Website erstellen und ändern und dann die neue oder geänderte Gestaltungsvorlage für Meine Website auf alle Seiten Ihrer Websitesammlung vom Typ Meine Website anwenden, die an sie angefügt sind. Wenn Sie die Gestaltungsvorlage für Meine Website ändern, ist die Änderung für alle Benutzer auf deren Seite vom Typ Mein Profil sichtbar.

Weitere Informationen zu Gestaltungsvorlagen finden Sie unter Einführung in SharePoint-Gestaltungsvorlagen.

Hinweis : Zum Ausführen der Verfahren in diesem Artikel müssen Sie über die entsprechenden Berechtigungen verfügen. Standardmäßig müssen Sie Mitglied der Gruppe Websitebesitzer oder der Gruppe Designer oder Websitesammlungsadministrator sein, um eine SharePoint Online-Website mit SharePoint Designer 2010 öffnen und die Gestaltungsvorlagen anpassen zu können. Wenn Sie Mitglied einer dieser Gruppen sind, aber die in diesem Artikel genannten Optionen Ihnen nicht angezeigt werden, ist Ihre Implementierung von SharePoint Online möglicherweise angepasst worden, um die Gruppe der Personen, die SharePoint Designer nutzen können, einzuschränken. Erkundigen Sie sich beim Websiteadministrator.

Inhalt dieses Artikels

Übersicht: Durch Gestaltungsvorlagen wird das Seitenlayout definiert

Anzeigen der Gestaltungsvorlage für "Meine Website"

Anpassen oder neu erstellen?

Anpassen der Gestaltungsvorlage für "Meine Website"

Erstellen einer Kopie der Gestaltungsvorlage für "Meine Website"

Arbeiten mit Inhaltsplatzhalter-Steuerelementen

Suchen und Ändern eines Inhaltsplatzhalter-Steuerelements

Arbeiten mit Formatvorlagen

DIV-Tags für eine optimierte Arbeit mit CSS

Bearbeiten von Formatvorlagen in der Gestaltungsvorlage oder Erstellen von benutzerdefiniertem CSS-Code

Übersicht: Durch Gestaltungsvorlagen wird das Seitenlayout definiert

Gestaltungsvorlagen definieren das gemeinsame Layout und die Benutzeroberfläche für SharePoint-Seiten.

Gestaltungsvorlage für Meine Website zeigt die beständigen Elemente, die angezeigt werden, wenn Sie über mehrere Seiten auf Ihrer Website Meine wie Steuerelemente am oberen Rand der Seite oder den Websitetitel navigieren.

Diese Elemente werden alle in der Gestaltungsvorlage für Meine Website gespeichert.

Die Seiten von Meine Website und Mein Profil in SharePoint werden als Inhaltsseiten der Website behandelt. Wenn diese Seiten in einem Browser angezeigt werden, werden sie mit der Gestaltungsvorlage für Meine Website kombiniert, um eine einzelne, durchgängige Webseite zu erzeugen.

Von der Gestaltungsvorlage für Meine Website werden die beständigen Elemente und das Layout angezeigt, während von den Inhaltseiten der eindeutige, seitenabhängige Inhalt angezeigt wird.

Anzeigen der Gestaltungsvorlage für "Meine Website"

  1. Öffnen Sie Ihre persönliche Stammwebsite, z. B. https://IhrDomänenname-my.sharepoint.com, in SharePoint Designer, und klicken Sie dann im Navigationsbereich auf Gestaltungsvorlagen.

  2. Klicken Sie auf mysite.master, um zusammenfassende Informationen im Gestaltungsvorlagenkatalog anzuzeigen.

  3. Klicken Sie im Menüband auf Datei bearbeiten, um die Gestaltungsvorlage zu öffnen.

Die Gestaltungsvorlage wird im Seiten-Editor von SharePoint Designer 2010 in der Vollbildansicht geöffnet.

Hier können Sie die Gestaltungsvorlage in der Entwurfsansicht, in der geteilten Ansicht oder in der Codeansicht bearbeiten. Dank der Entwurfszeitunterstützung können Sie beim Anpassen der Gestaltungsvorlage sehen, wie diese aussehen wird. Es stehen Ihnen auch Tools zum Anpassen von Tags, Formatvorlagen, Skripts und Inhaltsbereichen zur Verfügung, wie im Folgenden veranschaulicht:

Wenn Sie die Gestaltungsvorlage für 'Meine Website' öffnen, können Sie die Datei und ihre Eigenschaften bearbeiten.

AReihe von Funktionen vereinfachen das Erstellen und Anpassen von Gestaltungsvorlagen in SharePoint Designer 2010, als sie in der Vergangenheit wurde:

  • Das Navigationsmenü enthält die Kategorie Gestaltungsvorlagen, über die Sie direkt zum Gestaltungsvorlagenkatalog der Website gelangen.

  • Beim Bearbeiten von Gestaltungsvorlagen können Sie Seitenbearbeitungstools zum Einfügen und Verwalten von Ebenen oder zum Positionieren von DIV-Tags verwenden. Außerdem können Sie diese Ebenen und anderen Elemente mithilfe der Option Sammelauswahlklick, die automatisch durch überlappende Ebenen navigiert, schnell finden.

  • Wenn Sie eine neue Website und Webpartseiten erstellen, werden diese automatisch der primären Gestaltungsvorlage zugeordnet. Es ist also nicht erforderlich, sie einzeln manuell zuzuordnen.

Anpassen oder neu erstellen?

Wenn Sie auf Ihren SharePoint 2010-Websites eine benutzerdefinierte Gestaltungsvorlage für Meine Website verwenden möchten, haben Sie folgende Möglichkeiten:

  • Sie können eine Kopie der Gestaltungsvorlage für "Meine Website" (mysite.master) anpassen.

  • Alternativ können Sie von Grund auf eine neue benutzerdefinierte Gestaltungsvorlage für Meine Website erstellen und diese für Ihre Website verwenden.

In diesem Artikel liegt der Schwerpunkt auf der ersten Methode, also der Anpassung einer Kopie der Gestaltungsvorlage für Meine Website.

Beide Methoden haben Vor- und Nachteile.

Beim Anpassen einer Kopie von "mysite.master"    nutzen Sie das vorhandene Erscheinungsbild von SharePoint mit den zugehörigen Features, dem Branding und den Designelementen und passen es gemäß Ihren Anforderungen an. Es kann zwar faszinierend sein, die Funktionsweise der Gestaltungsvorlage mysite.master zu ergründen, aber besonders hilfreich ist dieser Ansatz bei minimalen Branding- oder Anpassungsbestrebungen, z. B. wenn Sie nur die Kopfzeile Ihrer SharePoint-Seiten ändern möchten.

Beim Erstellen einer leeren benutzerdefinierten Gestaltungsvorlage für "Meine Website" oder bei Verwendung der Startgestaltungsvorlage    als Basis Ihrer Gestaltungsvorlage erstellen Sie den gesamten Entwurf von Grund auf. Während dieser Ansatz anspruchsvoll sein kann, da Sie wissen müssen, wie ein Entwurf in SharePoint implementiert wird, ist er gleichsam auch flexibler, wenn Sie den zu erstellenden Entwurf kennen und Sie vorhandene Pläne und Prototypen abarbeiten. Die weitestgehend leere Seite dient als Leinwand für Ihren ersten Entwurf, und dann fügen Sie die erforderlichen SharePoint-Komponenten hinzu.

Anpassen der Gestaltungsvorlage für "Meine Website"

Sie müssen zuerst SharePoint Designer 2010 über die Website oder über das Startmenü öffnen, um Gestaltungsvorlagen in SharePoint Designer 2010 anpassen zu können. Klicken Sie auf der in SharePoint Designer 2010 geöffneten Website im Navigationsbereich auf Gestaltungsvorlagen.

Für die meisten Websites in SharePoint Online für Unternehmen werden vier Gestaltungsvorlagen im Gestaltungsvorlagenkatalog angezeigt, nämlich v4.master, minimal.master, default.master und, sofern Meine Websites aktiviert ist, auch die Gestaltungsvorlage mysite.master.

Liste der SharePoint 2010-Gestaltungsvorlagen

Erstellen einer Kopie der Gestaltungsvorlage für "Meine Website"

  1. Öffnen Sie Ihre Website in SharePoint Designer, und klicken Sie im Navigationsbereich auf Gestaltungsvorlagen.

  2. Klicken Sie mit der rechten Maustaste auf mysite.master, und drücken Sie dann STRG+P, um eine Kopie in den Gestaltungsvorlagenkatalog einzufügen.

  3. Klicken Sie auf mysite_Kopie(1).master, um zusammenfassende Informationen im Gestaltungsvorlagenkatalog anzuzeigen.

  4. Klicken Sie im Menüband auf Datei bearbeiten, um die Gestaltungsvorlage anzuzeigen.

Dadurch wird die Gestaltungsvorlage im Seiten-Editor von SharePoint Designer 2010 in der Vollbildansicht geöffnet. Hier können Sie die Gestaltungsvorlage in der Entwurfsansicht, in der geteilten Ansicht oder in der Codeansicht bearbeiten. Dank der Entwurfszeitunterstützung können Sie beim Anpassen der Gestaltungsvorlage sehen, wie diese aussehen wird. Es stehen Ihnen auch Tools zum Navigieren und Anpassen von Tags, Formatvorlagen, Skripts und Inhaltsbereichen zur Verfügung, wie hier veranschaulicht.

Arbeiten mit Inhaltsplatzhalter-Steuerelementen

Master- und Inhaltsseiten arbeiten unter Verwendung einer Reihe auswechselbarer Bereiche oder Inhaltsplatzhalter-Steuerelemente zusammen. Jeder Inhaltsplatzhalter (der im Seitencode als ContentPlaceHolder angezeigt wird) repräsentiert Inhalte, die auf der Gestaltungsvorlage außer Kraft gesetzt werden können. Jede Seite der Website kann den Inhalt des Inhaltsplatzhalters ersetzen, indem ein entsprechendes Inhaltssteuerelement bereitgestellt wird. Dieses Inhaltssteuerelement kann sogar leer sein, wodurch das Element vollständig von der gerenderten Seite entfernt wird.

Wichtig :  Vermeiden Sie beim Anpassen von Gestaltungsvorlagen das Löschen von Inhaltsplatzhaltern. Ansonsten kann die Verbindung einiger Seiten oder sogar von Websites zu den zugeordneten Gestaltungsvorlagen unterbrochen werden. Es ist daher ratsam, diese Steuerelemente einfach auszublenden, anstatt sie zu löschen..

Sie können mithilfe der Funktion Inhaltsbereiche verwalten die einzelnen Inhaltsplatzhalter-Steuerelemente auf der Seite finden. Sie können ein Steuerelement sowohl in der Codeansicht als auch im WYSIWYG-Editor anzeigen.

Ein weiterer, besonders wichtiger Inhaltsplatzhalter ist PlaceHolderMain, da dieser durch die einzelnen Inhaltsseiten ersetzt wird, wenn die Seite in einem Webbrowser angezeigt wird.

Das Steuerelement 'PlaceHolderMain' wird durch die einzelnen Inhaltsseiten ersetzt, wenn die Gestaltungsvorlage für 'Meine Website' in einem Browser angezeigt wird.

Sie können das Layout des Inhalts auf einer SharePoint-Website ändern, indem Sie die Position der Inhaltsplatzhalter-Steuerelemente ändern.

Weitere Informationen zum Arbeiten mit Inhaltsplatzhaltern finden Sie unter Arbeiten mit Inhaltsplatzhalter-Steuerelementen.

Ein Inhaltsplatzhalter-Steuerelement ist Code in einer Gestaltungsvorlage, der mit einem Inhaltssteuerelement auf einer Inhaltsseite zusammenwirkt. Im Inhaltsplatzhalter-Steuerelement wird Standardinhalt für den betreffenden Bereich auf der Seite angezeigt (wenn das Steuerelement leer ist, ist standardmäßig kein Inhalt vorhanden). Der Standardinhalt kann durch eindeutigen Inhalt aus einem Inhaltssteuerelement auf einer Inhaltsseite überschrieben werden.

Suchen und Ändern eines Inhaltsplatzhalter-Steuerelements

Führen Sie die folgenden Schritte aus, um das Inhaltsplatzhalter-Steuerelement PlaceHolderSiteName in einer Gestaltungsvorlage für Meine Website in SharePoint 2010 zu finden.

  1. Öffnen Sie Ihre Website in SharePoint Designer 2010, und klicken Sie im Navigationsbereich auf Gestaltungsvorlagen.

    Hinweis :  Wenn Gestaltungsvorlagen im Navigationsbereich nicht angezeigt wird, wurden diese in SharePoint möglicherweise deaktiviert. Einzelheiten hierzu erhalten Sie von Ihrem Websiteadministrator. Weitere Informationen finden Sie unter Verwalten von SharePoint Designer 2010.

  2. Klicken Sie im Gestaltungsvorlagenkatalog auf mysite.master.

  3. Klicken Sie auf der Zusammenfassungsseite für die Gestaltungsvorlage auf Datei bearbeiten.

  4. Wenn Sie aufgefordert werden, die Datei auszuchecken, klicken Sie auf Ja.

  5. Wenn die Seite in der Entwurfsansicht angezeigt wird, können Sie einfach auf einen Bereich auf der Seite klicken, um das Inhaltsplatzhalter-Steuerelement anzuzeigen, das den Inhalt bereitstellt.

  6. Wählen Sie in der Liste der Inhaltsbereiche PlaceHolderSiteName aus, und klicken Sie dann auf Gehe zu. Klicken Sie dann auf Schließen. Das Inhaltsplatzhalter-Steuerelement wird auf der Seite markiert, wie hier dargestellt.

Hinweis :  Die Tageigenschaften für diesen Platzhalter sind standardmäßig auf Visible=False festgelegt. In der geteilten Ansicht in SharePoint Designer 2010 können Sie das Tag auswählen, mit der rechten Maustaste darauf klicken und im daraufhin angezeigten Kontextmenü Tageigenschaften auswählen, um den Wert anzuzeigen.


Hier werden die Tageigenschaften für das Steuerelement 'PlaceHolderSiteName' angezeigt.

  1. Hier können Sie die Einstellungen und die Position ändern, andere Formatvorlagen anwenden usw. Speichern Sie abschließend die Gestaltungsvorlage.

  2. Wenn Sie gewarnt werden, dass durch die Änderungen die Seite gegenüber ihrer Websitedefinition angepasst wird, klicken Sie auf Ja.

Hinweis :  SharePoint-Seiten sind standardmäßig Websitedefinitionsdateien zugeordnet. Wenn eine Gestaltungsvorlage in SharePoint Designer 2010 angepasst wird, ist sie der Websitedefinition nicht mehr zugeordnet. Dies kann dazu führen, dass der Verwaltungsaufwand nach künftigen Updates oder Upgrades von SharePoint höher ist. Aus diesem Grund wird diese Meldung angezeigt. Sie können die Gestaltungsvorlage bei Bedarf jederzeit auf ihre Websitedefinition zurücksetzen.


Die von Ihnen vorgenommenen Änderungen sind auf allen an diese Gestaltungsvorlage angefügten Seiten sichtbar, es sei denn, diese Seiten wurden direkt angepasst.

Arbeiten mit Formatvorlagen

Die einfachste und schnellste Methode zum Ändern der Formatvorlagen in der Gestaltungsvorlage besteht darin, ein vordefiniertes Design auf diese anzuwenden. Zum Anzeigen und Anwenden verfügbarer Designs klicken Sie in SharePoint Designer auf der Registerkarte Websiteeinstellungen unter Anpassung auf den Link Design der Website ändern.

Wenn Sie jedoch unternehmensspezifische Farben, Grafiken, Textformatierungen oder sonstige Formatattribute verwenden müssen, ist es sinnvoll, entweder eigene benutzerdefinierte Formatvorlagen zu erstellen und diese der Gestaltungsvorlage direkt hinzuzufügen oder sie in externe Cascading Stylesheets (CSS) einfügen, die Sie an die Gestaltungsvorlage anfügen.

DIV-Tags für eine optimierte Arbeit mit CSS

In der Gestaltungsvorlage für Meine Website in SharePoint 2010 werden DIV-Tags verwendet, um Blocklinienelemente und Abschnitte auf der Seite zu definieren. DIV-Tags bieten eine Reihe von Vorteilen gegenüber Tabellentags, die in früheren Versionen verwendet wurden. Diese Vorteile sind im Einzelnen:

  • Größere Flexibilität beim Entwerfen der Seite mit CSS

  • Weniger Markups

  • Schnellere Downloads

  • Verbesserte Suchmaschinenoptimierung

  • Verbesserte Unterstützung für Barrierefreiheit

  • Verbesserte Browserunterstützung

HTML-Tabellen werden weiterhin verwendet, z. B. beim Einfügen von Webparts und anderen SharePoint-Inhalten auf der Seite. Beim Anpassen von Gestaltungsvorlagen können Sie jedoch hauptsächlich mit DIV-Tags arbeiten, um den Inhalt zu strukturieren.

Verwendung von DIV-Tags beim Anpassen der Gestaltungsvorlage für 'Meine Website'

Bearbeiten von Formatvorlagen in der Gestaltungsvorlage oder Erstellen von benutzerdefiniertem CSS-Code

Klicken Sie zum Bearbeiten von Formatvorlagen auf das Menü Formatvorlage, und wählen Sie dann eine Option im Menüband aus, um auf die gewünschte Weise mit CSS zu arbeiten.

Sie können mithilfe der Befehle im Menüband neue Formatvorlagen erstellen und anwenden oder ein Stylesheet anfügen. Verwenden Sie den Befehl Formatvorlagen verwalten, um Formatvorlagen nach Element, Reihenfolge oder Typ zu kategorisieren, um nur die aktuell für die Seite oder das Element verwendeten Formatvorlagen anzuzeigen und um Formatvorlagen in der Vorschau anzuzeigen.

Dialogfeld 'Neue Formatvorlage' für die Gestaltungsvorlage für 'Meine Website'.

Hinweis : Haftungsausschluss für maschinelle Übersetzungen: Dieser Artikel wurde mithilfe eines Computersystems und ohne jegliche Bearbeitung durch Personen übersetzt. Microsoft bietet solche maschinellen Übersetzungen als Hilfestellung für Benutzer ohne Englischkenntnisse an, damit Sie von den Informationen zu Produkten, Diensten und Technologien von Microsoft profitieren können. Da es sich bei diesem Artikel um eine maschinelle Übersetzung handelt, enthält er möglicherweise Fehler in Bezug auf (Fach-)Terminologie, Syntax und/oder Grammatik.

Teilen Facebook Facebook Twitter Twitter E-Mail E-Mail

War diese Information hilfreich?

Sehr gut. Noch anderes Feedback?

Was können wir verbessern?

Vielen Dank für Ihr Feedback!

×