Mettre à niveau les thèmes personnalisés et CSS pour SharePoint
Découvrez les problèmes de mise à niveau avec les personnalisations de thèmes, telles que les feuilles CSS personnalisées et les pages maîtres personnalisées, et comment mettre à jour les personnalisations pour qu’SharePoint.
Introduction aux personnalisations de thèmes et aux sites SharePoint mis à niveau
L’expérience de conception de SharePoint a été repensée pour simplifier le processus de personnalisation des sites en modifiant la disposition du site, la palette de couleurs, le modèle de polices et l’image d’arrière-plan. L'interface utilisateur des thèmes a été reconçue et un ensemble de nouveaux formats de fichier liés aux thèmes a été ajouté. Les thèmes personnalisés qui ont été créés SharePoint 2010 ne peuvent pas être utilisés sur SharePoint sites, vous devez les re-créer. Les fichiers CSS personnalisés peuvent ne pas fonctionner correctement sur les sites SharePoint tant qu’ils n’ont pas été mis à jour pour fonctionner avec les nouvelles pages maîtres, les emplacements de couleur et d’autres modifications de theming.
Cet article décrit les problèmes qui peuvent se produire lorsque vous essayez d'utiliser des thèmes personnalisés SharePoint 2010, SharePoint 2010 CSS et CSS personnalisés avec nouveaux thèmes. Il explique également les modifications que vous devez apporter à vos thèmes SharePoint 2010 personnalisés, SharePoint 2010 CSS et CSS personnalisés si vous souhaitez les utiliser dans des sites SharePoint.
Notes
[!REMARQUE] thèmes de SharePoint 2010 peuvent être utilisées sur des collections de sites qui sont en cours d'exécution en mode 2010. Pour plus d’informations sur les modes de collection de sites, voir Plan for site collection upgrades in SharePoint or Plan for upgrade to SharePoint.
Pour plus d’informations sur les thèmes, voir Vue d’ensemble des thèmes SharePoint.
Thèmes SharePoint 2010 personnalisés SharePoint
Dans SharePoint 2010, thèmes ont été stockées dans les fichiers THMX. Dans SharePoint, il existe un ensemble de nouveaux formats de fichiers liés aux thèmes. Palettes de couleurs et les jeux de polices sont stockés dans des fichiers XML distincts (.spcolor et .spfont de fichiers, respectivement).
Vous ne pouvez pas mettre à niveau un fichier THMX SharePoint 2010 vers SharePoint. Si vous avez appliqué un thème personnalisé à votre site SharePoint 2010, lors de la mise à niveau vers SharePoint, les fichiers de thème restent en place, mais le thème n’est plus appliqué au site et le site revient au thème par défaut. Si vous souhaitez utiliser vos personnalisations de thèmes SharePoint 2010 sur des sites SharePoint, vous devez les créer à l’aide des instructions SharePoint thèmes.
Pour plus d’informations sur la création de personnalisations de thèmes, voir How to: Deploy a custom theme in SharePoint and Color palettes and fonts in SharePoint. You can also use the SharePoint color palette tool to help you create SharePoint designs. You can download the SharePoint color palette tool from the Microsoft Download Center.
Conseil : Vous pouvez ouvrir un fichier THMX dans PowerPoint pour voir comment les couleurs sont définies dans le thème personnalisé, puis utiliser l’outil de palette de couleurs pour re-créer les couleurs en tant que fichier de palette de couleurs (fichier .spcolor). Une palette de couleurs représente la combinaison de couleurs qui sont utilisées dans un site SharePoint.
Vous pouvez également décider d’utiliser l’un des thèmes SharePoint préinstallés. Pour plus d’informations, consultez Choisir un thème pour votre site de publication sur Office.com.
Mise à niveau des pages maîtres personnalisées
Lorsque vous mettre à niveau un site SharePoint 2010 vers SharePoint, le site est configuré pour utiliser la page maître par défaut pour SharePoint. Si vous avez une page maître personnalisée pour votre site SharePoint 2010, elle réside toujours dans le site et vous pouvez l’appliquer au site SharePoint site. You can use the SharePoint user interface or the SPWeb class to apply the custom master page to the upgraded site. Pour plus d’informations sur la modification de la page maître, voir How to: Apply a master page to a site in SharePoint.
Prenons les décisions suivantes avant de décider s’il faut appliquer la page maître personnalisée SharePoint 2010 au site SharePoint mis à niveau :
Si la page maître personnalisée dépend des fichiers CSS personnalisés : Appliquer la page maître personnalisée pour le site mis à niveau, le site doit renvoyer à son expérience 2010 d'origine. Toutefois, vous ne serez pas en mesure d’appliquer SharePoint thème au site.
Si vous souhaitez utiliser la page maître personnalisée et les fichiers CSS personnalisés avec l’expérience de conception de theming SharePoint, vous devez mettre à jour les fichiers CSS pour utiliser les nouveaux emplacements de couleur SharePoint. If you want to access the custom master page from the themes user interface, you also have to create a master page preview file. Pour plus d’informations, voir How to: Create a master page preview file in SharePoint.
Si la page maître personnalisée dépend de SharePoint CSS 2010 : Les fichiers CSS ont considérablement changé depuis SharePoint 2010 vers SharePoint. In many cases, you will have to rework the master page so that it can work with new classes before you can successfully apply it to the upgraded site. For more information about CSS classes, see the Using the host web CSS in apps for SharePoint section in Conseils pour la conception de l'expérience utilisateur des compléments pour SharePoint.
SharePoint 2010 CSS et fichiers CSS personnalisés
Les fichiers CSS SharePoint 2010 et les fichiers CSS personnalisés ne peuvent pas être utilisés sur SharePoint sites. L’article suivant décrit SharePoint modifications qui s’appliquent SharePoint CSS 2010 et aux fichiers CSS personnalisés :
Color slots. Le nombre d’emplacements de couleur disponibles a considérablement augmenté dans SharePoint. You must update the color slots in SharePoint 2010 CSS files before they can be used in the new theming experience. Pour plus d’informations, voir la section Mappage des emplacements de couleur dans les palettes de couleurs et les polices SharePoint.
Font slots. Vous devez consulter la liste des emplacements de police disponibles et vérifier que les fichiers CSS que vous souhaitez utiliser dans SharePoint utilisent les emplacements de police corrects. Pour plus d’informations, voir la section Emplacements de police dans les palettes de couleurs et les polices SharePoint.
New annotation. SharePoint a une nouvelle annotation qui vous permet de remplacer l’image d’arrière-plan. Pour plus d’informations, voir How to: Make custom CSS files themable in SharePoint.
New classes. Vous de devez peut-être mettre à jour les fichiers CSS pour qu’ils fonctionnent avec les nouvelles classes SharePoint. For more information about CSS classes (also referred to as CSS styles), see the Using the host web CSS in apps for SharePoint section in Conseils pour la conception de l'expérience utilisateur des compléments pour SharePoint.