Anpassen der Gestaltungsvorlage für "Meine Website"

Hinweis:  Wir möchten Ihnen die aktuellsten Hilfeinhalte so schnell wie möglich in Ihrer eigenen Sprache bereitstellen. Diese Seite wurde automatisiert übersetzt und kann Grammatikfehler oder Ungenauigkeiten enthalten. Unser Ziel ist es, Ihnen hilfreiche Inhalte bereitzustellen. Teilen Sie uns bitte über den Link am unteren Rand dieser Seite mit, ob die Informationen für Sie hilfreich sind. Hier finden Sie den englischen Artikel als Referenz.

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 werden die zum Erstellen und ändern eine Kopie der vorhandenen Gestaltungsvorlage für Meine Website aus, und wenden Sie dann die neue oder geänderte Gestaltungsvorlage für alle Seiten in der Websitesammlung für Meine Website, die sie zugeordnet sind. Wenn Sie Ihre Gestaltungsvorlage für "Meine Website" ändern, werden alle Benutzer die Änderungen auf ihre eigene Profilseite angezeigt.

Weitere Informationen zu Gestaltungsvorlagen Einführung in SharePoint-Gestaltungsvorlagen.

Hinweis: Um die Verfahren in diesem Thema folgen, müssen Sie die entsprechende Berechtigungen verfügen. Standardmäßig müssen Sie Mitglied der Gruppe der Websitebesitzer, Gruppe "Designer" oder ein Websitesammlungsadministrator zum Öffnen einer SharePoint Online-Website mit SharePoint Designer 2010 und Anpassen der Masterseiten sein. Wenn Sie ein Mitglied einer dieser Gruppen sind, aber in diesem Artikel genannten Optionen nicht angezeigt, möglicherweise die Implementierung von SharePoint Online angepasst werden, um einzuschränken, die SharePoint Designer verwenden können. Wenden Sie sich an Ihren Websiteadministrator, um herauszufinden.

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 Sie 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 einer benutzerdefinierten 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 Titel der Website 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.

Die Gestaltungsvorlage für "Meine Website" zeigt die beständigen Elemente und das Layout, während Sie den inhaltseiten den eindeutigen, 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 eine benutzerdefinierte Gestaltungsvorlage für Meine Website auf Ihren SharePoint 2010-Websites verwenden, können Sie folgende Aktionen ausführen:

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

  • Erstellen einer neuen benutzerdefinierten Gestaltungsvorlage von Grund auf neu, und machen Sie es mit der Gestaltungsvorlage für Meine Website für Ihre Website.

Dieser Artikel befasst sich der erste Ansatz: 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 Inhaltsplatzhalter finden Sie unter Arbeiten mit Inhaltsplatzhalter-Steuerelemente.

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 Sie Gestaltungsvorlagen im Navigationsbereich angezeigt werden, sie möglicherweise in SharePoint deaktiviert wurde. Weitere Informationen wenden Sie sich an den Administrator der Website. Weitere Informationen finden Sie in der Verwaltung 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: Eigenschaften für das Tag für diesen Platzhalter festgelegt sind, dass Visible = False standardmäßig. In der geteilten Ansicht in SharePoint Designer 2010 können Sie wählen Sie die Kategorie aus, der rechten Maustaste darauf, und wählen Kategorie Eigenschaften im Kontextmenü, das angezeigt wird, 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

Die Gestaltungsvorlage für Meine Website in SharePoint 2010 wird mit DIV-Tags blockieren Linie Elemente und Abschnitte auf der Seite definiert. DIV-Tags bieten eine Reihe von Vorteilen über Table-Tags, die in früheren Versionen verwendet wurden. Mit DIV-Tags haben Sie folgende Aktionen ausführen:

  • 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'.

Ihre Office-Fähigkeiten erweitern
Schulung erkunden
Neue Funktionen als Erster erhalten
An Office Insider teilnehmen

War diese Information hilfreich?

Vielen Dank für Ihr Feedback!

Vielen Dank für Ihr Feedback. Es klingt, als ob es hilfreich sein könnte, Sie mit einem unserer Office-Supportmitarbeiter zu verbinden.

×