Aktualisieren benutzerdefinierter Designs und CSS-Dateien auf SharePoint
Informationen zu Problemen beim Upgrade von Designanpassungen, z. B. benutzerdefinierten CSS-Dateien und benutzerdefinierten Gestaltungsvorlagen, und zum Aktualisieren von Anpassungen für die Verwendung in SharePoint.
Einführung in Designanpassungen und aktualisierte SharePoint-Websites
Die Designoberfläche in SharePoint wurde neu gestaltet, um das Anpassen von Websites durch Ändern des Websitelayouts, der Farbpalette, des Schriftartenschemas und des Hintergrundbilds zu vereinfachen. Die Benutzeroberfläche für Designs wurde neu gestaltet, und es gibt eine Reihe neuer Dateiformate im Zusammenhang mit Designs. Benutzerdefinierte Designs, die in SharePoint 2010 erstellt wurden, können nicht auf SharePoint-Websites verwendet werden. Sie müssen sie neu erstellen. Benutzerdefinierte CSS-Dateien funktionieren auf SharePoint-Websites möglicherweise erst erfolgreich, nachdem sie aktualisiert wurden, um mit den neuen Gestaltungsvorlagen, Farbslots und anderen Designänderungen zu arbeiten.
Dieser Artikel beschreibt die Probleme, die beim Verwenden benutzerdefinierter SharePoint 2010-Designs, SharePoint 2010 CSS-Dateien und benutzerdefinierter CSS-Dateien mit der neuen Designerfahrung auftreten können. Darüber hinaus werden Änderungen erläutert, die Sie an Ihren benutzerdefinierten SharePoint 2010-Designs, SharePoint 2010 CSS-Dateien und benutzerdefinierten CSS-Dateien vornehmen müssen, um sie auf SharePoint-Websites zu verwenden.
Hinweis
SharePoint 2010-Designs können auf Websitesammlungen angewendet werden, die im 2010-Modus ausgeführt werden. Weitere Informationen zu Websitesammlungsmodi finden Sie unter Planen von Websitesammlungsupgrades in SharePoint oder Planen des Upgrades auf SharePoint.
Weitere Informationen zu Designs finden Sie unter Übersicht über Designs für SharePoint.
Benutzerdefinierte SharePoint 2010-Designs in SharePoint
Designs wurden in SharePoint 2010 als THMX-Dateien gespeichert. In SharePoint, gibt es im Zusammenhang mit Designs eine Reihe neuer Dateiformate. Farbpaletten und Schriftartschemas werden in separaten XML-Dateien gespeichert (SPCOLOR- und SPFONT-Dateien).
Sie können kein Upgrade einer THMX-Datei von SharePoint 2010 auf SharePoint durchführen. Wenn Sie ein benutzerdefiniertes Design auf Ihre SharePoint 2010-Website angewendet haben, bleiben beim Upgrade auf SharePoint, die Designdateien erhalten, das Design wird jedoch nicht mehr auf die Website angewendet und die Website wird auf das Standarddesign zurückgesetzt. Wenn Sie Ihre SharePoint 2010-Designanpassungen auf SharePoint-Websites verwenden möchten, müssen Sie sie mithilfe der Anleitung zur SharePoint-Designerstellung neu erstellen.
Weitere Informationen zum Erstellen von Designanpassungen finden Sie unter Vorgehensweise: Bereitstellen eines benutzerdefinierten Designs in SharePoint und Farbpaletten und Schriftarten in SharePoint. Sie können auch das SharePoint-Farbpalettentool zum Erstellen von SharePoint-Designs verwenden. Sie können das SharePoint-Farbpalettentool aus dem Microsoft Download Center herunterladen.
Tipp: Sie können THMX-Dateien in PowerPoint öffnen, um die Farbdefinitionen des benutzerdefinierten Designs zu sehen. Anschließend können Sie die Farben mithilfe des Farbpalettentools als Farbpalettendatei (.spcolor-Datei) kopieren. Eine Farbpalette ist die Kombination aller Farben, die auf einer SharePoint-Website verwendet werden.
Sie können auch eins der vorinstallierten der SharePoint-Designs verwenden. Weitere Informationen finden Sie unter Auswählen eines Designs für Ihre Veröffentlichungswebsite auf Office.com.
Aktualisieren angepasster Gestaltungsvorlagen
Bei einem Upgrade einer SharePoint 2010-Website auf SharePoint wird die Website zum Verwenden der Standardgestaltungsvorlage für SharePoint konfiguriert. Wenn Sie eine benutzerdefinierte Gestaltungsvorlage für Ihre SharePoint 2010-Website verwendet haben, ist die weiterhin auf der Website vorhanden, und Sie können sie auf die SharePoint-Website anwenden. Sie können die SharePoint-Benutzeroberfläche oder die SPWeb-Klasse verwenden, um die benutzerdefinierte Gestaltungsvorlage auf die aktualisierte Website anzuwenden. Weitere Informationen zum Ändern von Gestaltungsvorlagen finden Sie unter Vorgehensweise: Anwenden einer Gestaltungsvorlage auf eine Website in SharePoint.
Beachten Sie Folgendes, bevor Sie sich zum Anwenden der benutzerdefinierten SharePoint 2010Gestaltungsvorlage auf die aktualisierte SharePoint-Website entscheiden:
Wenn die benutzerdefinierte Gestaltungsvorlage von benutzerdefinierten CSS-Dateien abhängig ist: Beim Anwenden der benutzerdefinierten Gestaltungsvorlage auf die aktualisierte Website, wird die Website auf das standardmäßige 2010-Design zurückgesetzt. Sie können jedoch ein SharePoint-Design auf die Website anwenden.
Wenn Sie die benutzerdefinierte Gestaltungsvorlage und die benutzerdefinierten CSS-Dateien mit der SharePoint-Designerfahrung verwenden möchten, müssen Sie die CSS-Dateien aktualisieren, um die neuen SharePoint-Farbmodule zu verwenden. Wenn Sie über die Design-Benutzeroberfläche auf die benutzerdefinierte Gestaltungsvorlage zugreifen möchten, müssen Sie auch eine Gestaltungsvorlagen-Vorschaudatei erstellen. Weitere Informationen finden Sie unter Vorgehensweise: Erstellen einer Vorschaudatei für Gestaltungsvorlagen in SharePoint.
Wenn die benutzerdefinierte Gestaltungsvorlage von SharePoint 2010-CSS-Dateien abhängig ist: Die CSS-Dateien wurden in SharePoint im Vergleich zu SharePoint 2010 erheblich geändert. In vielen Fällen müssen Sie die Gestaltungsvorlage für die Verwendung mit den neuen Klassen überarbeiten, bevor Sie erfolgreich auf die aktualisierte Website angewendet werden kann. Weitere Informationen zu CSS-Klassen finden Sie im Abschnitt Verwenden von Hostweb-CSS-Dateien in Apps für SharePoint in den Designrichtlinien für die Benutzerfreundlichkeit von Add-Ins für SharePoint.
SharePoint 2010-CSS- und benutzerdefinierte CSS-Dateien
Unveränderte SharePoint 2010-CSS-Dateien und benutzerdefinierte CSS-Dateien können auf SharePoint-Websites nicht verwendet werden. Im Folgenden werden die Änderungen in SharePoint beschrieben, die für SharePoint 2010-CSS- und benutzerdefinierte CSS-Dateien gelten:
Farbmodule. Die Anzahl der verfügbaren Farbmodule wurde in SharePoint wesentlich erhöht. Sie müssen die Farbmodule in SharePoint 2010-CSS-Dateien aktualisieren, bevor sie in der neuen Designerfahrung verwendet werden können. Weitere Informationen finden Sie im Abschnitt Farbslotzuordnung in Farbpaletten und Schriftarten in SharePoint.
Schriftartmodule. Sie sollten die Liste der verfügbaren Schriftartmodule prüfen und sicherstellen, dass die CSS-Dateien, die Sie in SharePoint verwenden möchten, die richtigen Schriftartmodule verwenden. Weitere Informationen finden Sie im Abschnitt Schriftartenplätze in Farbpaletten und Schriftarten in SharePoint.
Neue Anmerkung. SharePoint verfügt über eine neue Anmerkung, mit der Sie das Hintergrundbild ersetzen können. Weitere Informationen finden Sie unter How to: Make custom CSS files themable in SharePoint.For more information, see How to: Make custom CSS files themable in SharePoint.
Neue Klassen. Möglicherweise müssen Sie die CSS-Dateien für die Verwendung mit den neuen Klassen in SharePoint aktualisieren. Weitere Informationen zu CSS-Klassen (auch CSS-Formatvorlagen genannt) finden Sie im Abschnitt Verwenden von Hostweb-CSS-Dateien in Apps für SharePoint in den Designrichtlinien für die Benutzerfreundlichkeit von Add-Ins für SharePoint.