Mettre à niveau les thèmes personnalisés et CSS pour SharePoint
Découvrez les problèmes de mise à niveau liés aux personnalisations de thèmes, telles que les css personnalisés et les pages maîtres personnalisées, et comment mettre à jour les personnalisations pour qu’elles fonctionnent dans SharePoint.
Présentation des personnalisations des thèmes et des sites SharePoint mis à niveau
L’expérience de thème dans SharePoint a été repensée pour simplifier le processus de personnalisation des sites en modifiant la disposition du site, la palette de couleurs, le jeu 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 créés dans SharePoint 2010 ne peuvent pas être utilisés sur les sites SharePoint, vous devez les recré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 thème.
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 les sites SharePoint.
Remarque
[!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 Planifier les mises à niveau de collection de sites dans SharePoint ou Planifier la mise à niveau vers SharePoint.
Pour plus d’informations sur les thèmes, voir Vue d’ensemble des thèmes pour SharePoint.
Thèmes SharePoint 2010 personnalisés dans SharePoint
Dans SharePoint 2010, thèmes ont été stockées dans les fichiers THMX. Dans SharePoint, il existe un ensemble de nouveaux formats de fichier 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 de SharePoint 2010 vers SharePoint. Si vous avez appliqué un thème personnalisé à votre site SharePoint 2010, lorsque vous effectuez une 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 recréer à l’aide des instructions relatives aux thèmes SharePoint.
Pour plus d’informations sur la création de personnalisations de thèmes, voir Guide pratique pour déployer un thème personnalisé dans SharePoint et Palettes de couleurs et polices dans SharePoint. You can also use the SharePoint color palette tool to help you create SharePoint designs. Vous pouvez télécharger l’outil palette de couleurs SharePoint à partir du Centre de téléchargement Microsoft.
Pointe: 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 palette de couleurs pour recré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, voir Choisir un thème pour votre site de publication sur Office.com.
Mise à niveau des pages maîtres personnalisées
Lorsque vous mettez à niveau un site SharePoint 2010 vers SharePoint, le site est configuré pour utiliser la page maître par défaut pour SharePoint. Si vous aviez 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. 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 Guide pratique pour appliquer une page maître à un site dans SharePoint.
Avant de décider d’appliquer la page maître personnalisée SharePoint 2010 au site SharePoint mis à niveau, tenez compte des points suivants :
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 pourrez pas appliquer un thème SharePoint au site.
Si vous souhaitez utiliser la page maître personnalisée et les fichiers CSS personnalisés avec l’expérience de thème 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 Guide pratique pour créer un fichier d’aperçu de page maître dans SharePoint.
Si la page maître personnalisée dépend des fichiers CSS SharePoint 2010 : Les fichiers CSS ont considérablement changé de SharePoint 2010 à 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 non modifiés et les fichiers CSS personnalisés ne peuvent pas être utilisés sur les sites SharePoint. La section suivante décrit les modifications apportées à SharePoint qui s’appliquent aux fichiers CSS sharePoint 2010 et 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, consultez la section Mappage d’emplacements de couleurs dans Palettes de couleurs et polices dans 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 appropriés. Pour plus d’informations, voir la section Emplacements de police dans Palettes de couleurs et polices dans SharePoint.
New annotation. SharePoint dispose d’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 devrez peut-être mettre à jour les fichiers CSS pour utiliser les nouvelles classes dans 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.