Personnalisation

Résumé

Il existe différentes raisons pour lesquelles vous souhaiterez faire des personnalisations sur un site SharePoint. Que ce soit pour inclure une identité d’entreprise, ou pour des questions de convivialité ou de marketing, les sites SharePoint Online prennent en charge la personnalisation, mais les options sont légèrement différentes de celles des déploiements SharePoint en local.

Les ressources indiquées dans cet article vous permettront d’envisager l’impact à court et à long terme d’une personnalisation, du point de vue des opérations et de la maintenance. Les conseils relatifs aux analyses d’impact à long terme ne s’appliquent pas uniquement à SharePoint. Il s’agit plutôt de règles d’ordre général applicables à n’importe quelle solution informatique, indépendamment de sa plateforme de développement.

Instructions et règles générales

  • Office 365 est mis à jour fréquemment. Pour pouvoir profiter des dernières fonctionnalités, utilisez uniquement les approches recommandées pour appliquer votre identité de marque sur SharePoint Online.
  • Lors de la personnalisation de l’expérience utilisateur SharePoint via la manipulation DOM, les CSS personnalisés ou les pages maîtres et mises en pages personnalisées, après avoir appliqué chaque mise à jour de SharePoint, vérifiez que vos personnalisations fonctionnent toujours comme prévu et n’entrent pas en conflit avec les modifications introduites par les mises à jour installées.

Expériences modernes

S’applique à : Office 365

En 2016, l’équipe SharePoint Online a publié des sites de collaboration « modernes ». Ces sites d’équipe « modernes » sont intégrés aux groupes Office 365 et offrent à l’utilisateur final une expérience considérablement améliorée. Les sites d’équipe « modernes » sont conçus pour être réactifs, et sont beaucoup plus rapides à créer et à maîtriser pour l’utilisateur final. Voici certains des principaux avantages des sites d’équipe « modernes » :

  • Conçus pour s’adapter à n’importe quel appareil sans personnalisation pour une expérience entièrement réactive.
  • Contiennent des fonctionnalités natives d’actualités, de liens rapides et d’activité.
  • Intégrés aux groupes Office 365.
  • Création considérablement plus rapide que celle des sites d’équipe « classiques ».
  • Incluent des listes et bibliothèques « modernes » avec prise en charge de Microsoft Flow et PowerApps.
  • Contiennent des fonctionnalités de modification de pages « modernes ».
  • Incluent une page de contenu de site mise à jour, avec des informations supplémentaires sur l’utilisation du site.

Les sites « modernes » disposent d’un niveau d’options de personnalisation différent de celui des sites d’équipe « classiques ». Au fil du temps, nous introduirons des options de personnalisation supplémentaires, principalement axées sur l’extensibilité et la personnalisation. La liste suivante présente un aperçu rapide des fonctionnalités prises en charge pour les sites d’équipe « modernes ». Vous pouvez :

  • Appliquer un thème personnalisé ou modifier le logo.
  • Appliquer un thème prédéfini.
  • Créer des colonnes (champs) de site et types de contenu personnalisés.
  • Créer des listes et bibliothèques.
  • Configurer les paramètres du site, tels que les paramètres régionaux, les langues et les paramètres d’audit.
  • Utiliser des extensions SharePoint Framework pour fournir des contrôles et des composants d’interface utilisateur.
  • Utiliser la fonctionnalité de site hub pour permettre la navigation entre collection de sites.

Articles

Solutions

Vidéos

Expériences classiques

S’applique à : Office 365 | SharePoint Server 2016 | SharePoint Server 2013

L’interface utilisateur SharePoint classique repose sur des pages maîtres et des mises en pages ASP.NET. Si elle vous donne davantage de contrôle et de flexibilité en matière de personnalisation, elle nécessite plus d’efforts pour être maintenue opérationnelle. Les pages maîtres et les mises en pages dans SharePoint contiennent des références à des ressources SharePoint. Chaque fois que vous appliquez des correctifs à votre batterie de serveurs SharePoint ou que SharePoint Online est mis à jour, vous devez vous assurer que vos pages maîtres personnalisées contiennent toutes les références nécessaires pour vous permettre d’utiliser pleinement les dernières fonctionnalités de SharePoint.

Articles

Solutions

Vidéos

Thèmes modernes

S’applique à : Sites modernes

Les propriétaires de sites SharePoint disposent de nouvelles options pour appliquer des styles et couleurs personnalisés, ce qui facilite la définition et la gestion des thèmes au sein des collections de sites. Ces nouvelles fonctionnalités comprennent :

  • La possibilité de définir des thèmes personnalisés et de les rendre accessibles aux propriétaires de sites. Les thèmes sont définis dans un schéma JSON qui enregistre les paramètres de couleurs et les métadonnées associées pour chaque thème.
  • Un outil Générateur de thèmes en ligne pour définir de nouveaux thèmes personnalisés.
  • Un jeu simplifié de thèmes par défaut, avec six thèmes clairs et deux thèmes foncés actuellement disponibles.
  • Une palette de couleurs mise à jour, avec 12 couleurs claires et 6 couleurs foncées, ainsi que 16 thèmes supplémentaires.
  • Vérifiez quels thèmes sont disponibles pour une utilisation dans les pages de vos sites. Par exemple, vous pouvez définir des thèmes personnalisés en fonction de l’identité de votre organisation et faire de ces thèmes les seuls disponibles au sein de vos sites.

Ces fonctionnalités sont disponibles pour les administrateurs via les cmdlets PowerShell, et pour les développeurs via le modèle d’objet côté client CSOM de SharePoint ou l’API REST de SharePoint.

Articles

Apparences composées (thèmes SharePoint classiques)

S’applique à : Sites classiques

Les apparences composées sont des thèmes préconçus inclus dans SharePoint 2013 et SharePoint Online. Pour appliquer une apparence composée à un site SharePoint, sélectionnez Paramètres du site > Apparence > Modifier l’apparence. Vous pouvez ensuite utiliser l’assistant de modification d’apparence pour personnaliser les couleurs, les polices, la page maître et l’image d’arrière-plan d’une apparence composée. L’assistant de modification d’apparence copie, transforme et stocke le CSS dans la base de données de contenu SharePoint. Il recolore également les images et les stocke dans la base de données de contenu.

Articles

Gestionnaire de conception et packages de conception

S’applique à : Sites classiques

Le Gestionnaire de conception est une fonctionnalité de SharePoint qui facilite la création d’une conception entièrement personnalisée et parfaite en pixels tout en utilisant les outils de conception web que vous connaissez déjà. Le Gestionnaire de conception est une fonctionnalité de publication disponible dans les sites de publication classiques dans SharePoint et Office 365.

Le Gestionnaire de conception vous permet de créer une conception visuelle pour votre site web à l’aide de l’outil de conception web ou de l’éditeur HTML de votre choix, en utilisant uniquement les langages HTML et CSS, puis de charger cette conception dans SharePoint. Le Gestionnaire de conception fait office d’interface et de hub central, à partir desquelles vous pouvez gérer tous les aspects d’une conception personnalisée.

Articles

Pages maîtres et mises en pages personnalisées

S’applique à : Sites classiques

Les pages maîtres définissent l’apparence et le comportement standard que vous souhaitez pour toutes les pages de votre site. Avec les pages de contenu, elles produisent un résultat qui associe la disposition de la page maître aux éléments de la page de contenu.

Étant donné que Microsoft SharePoint repose sur Microsoft ASP.NET, il prend en charge les pages maîtres pour définir des éléments communs à toutes les pages. Vous pouvez spécifier tous les éléments partagés de votre site dans la ou les pages maîtres, et ajouter des éléments spécifiques à la page aux pages de contenu.

Articles

Vidéos

Solutions

Styles CSS personnalisés

S’applique à : Sites classiques

La feuille de style en cascade (CSS) joue un rôle important dans la personnalisation SharePoint. Pour personnaliser la conception de site dans SharePoint 2013 et SharePoint Online, il est utile de bien connaître la façon dont SharePoint utilise CSS.

Articles

Vidéos

Solutions

Exemples

Manipulation de l’incorporation de script et du DOM

S’applique à : Sites classiques

L’incorporation de script est un modèle dans lequel un JavaScript personnalisé est ajouté à la page, laquelle change ensuite les expériences utilisateur en modifiant la structure DOM html. Les approches classiques pour ce modèle consistent à utiliser des actions utilisateur personnalisées, ou bien JSLink, un composant WebPart d’éditeur de contenu ou un composant WebPart d’éditeur de script. La difficulté du modèle lié à la manipulation DOM est sa dépendance vis-à-vis de la structure de page. Ce type de personnalisations est délicat et peut facilement être affecté par la publication de nouvelles fonctionnalités dans SharePoint Online.

Articles

Vidéos

Exemples