Microsoft a publié l’expérience de page « Modern » pour les sites d’équipe dans SharePoint Online à l’automne 2016, et plus récemment pour SharePoint Server 2019. L’expérience de page moderne inclut la possibilité d’ajouter des webparts directement dans la page. En juin 2019, au moment de la rédaction de cet article, 55 composants Web intégrés sont disponibles pour être ajoutés à une page SharePoint moderne, et d’autres sont ajoutés régulièrement.
Vous pouvez voir un aperçu des composants Web modernes sur cette page de Microsoft, qui comprend des liens pour plus d’informations sur chaque composant Web. Cet article est le premier d’une série hebdomadaire qui sera publiée chaque mercredi, où nous vous donnerons des détails supplémentaires sur chaque partie Web et des exemples de leur utilisation. Mais d’abord, un peu d’information sur les pages modernes de SharePoint…
Pour personnaliser une page moderne dans SharePoint, placez d’abord la page en mode édition, en utilisant le lien Édition sur le côté droit de la barre de menu des actions….
Personnaliser l’en-tête de la page
Dans la zone de titre de la page, vous pouvez remplacer l’en-tête générique par défaut en cliquant sur l’icône Image et en téléchargeant votre propre image.
Alternativement, vous pouvez rechercher des images appropriées sur le Web. Il y a vraiment une sélection assez agréable d’images génériques de bonne taille dans différentes catégories, ou vous pouvez entrer un texte de recherche pour obtenir des images de tout ce que vous aimez sur le Web. Notez, cependant, que vous pouvez souhaiter utiliser le filtre Creative Commons Only pour vous assurer que vous ne violez pas les droits d’auteur des images.
Après avoir téléchargé l’image, une icône apparaîtra au centre de l’en-tête qui vous permettra de déplacer le centre de mise au point de votre image, puisque la zone d’en-tête est assez large et courte.
Vous pouvez également modifier le style de la zone de titre – par exemple pour afficher un bloc de titre au centre, et ajouter du texte au-dessus du titre.
Ce sont d’excellentes façons de s’approprier une page ! Dans la capture d’écran ci-dessous, j’ai utilisé une image de la vidéo promotionnelle de la conférence SharePoint 2019 et sélectionné le style de titre en bloc de couleur.
Les sections d’une page SharePoint moderne vous permettent de créer des zones avec une variété de mises en page dans lesquelles ajouter des composants Web. Lorsque vous modifiez une page pour la première fois, vous verrez un + dans le coin inférieur gauche de la zone d’en-tête – cela vous permet d’ajouter une nouvelle section en plus de la zone d’édition par défaut qui correspond à la largeur de la page. Cliquer sur le + ouvre une boîte de dialogue Mise en page de la section où vous pouvez sélectionner le nombre et la disposition des colonnes pour cette section.
Vous constaterez que certains contenus s’adaptent mieux à l’une ou l’autre mise en page ; nous mentionnerons certaines de ces considérations au fil de cette série. Notez que si votre page est sur un site de communication, vous verrez une mise en page supplémentaire appelée Full-width, qui s’étend sur toute la largeur de la page, y compris les bords.
Mise à jour d’août 2019 : un nouveau type de section, Vertical, est maintenant disponible. Cela vous donne une colonne verticale sur le côté droit de la page. La hauteur de la colonne est basée sur la quantité d’autre contenu sur la page. Cela pourrait être un bon endroit pour ajouter un certain nombre de parties web plus petites, comme vos parties web météo ou horloge – tout ce que vous souhaitez empiler séparément du reste de la page.
Après avoir sélectionné une mise en page, vous verrez de nouvelles icônes apparaître à gauche de la section. Ces icônes vous permettent de modifier, déplacer ou supprimer la section.
Si vous choisissez de modifier la section, un volet de section apparaît à droite, où vous pouvez modifier la mise en page ou choisir d’ajouter un ombrage de fond pour la distinguer du reste de la page.
Mise à jour d’août 2019 : Il y a maintenant une option pour dupliquer une section, qui copie littéralement la section entière, y compris son contenu, juste en dessous de la section actuelle. Cela vous permet de reproduire facilement un ensemble de parties web, puis de simplement modifier la configuration de chaque partie web pour afficher un contenu différent.
Une page SharePoint ne serait rien sans parties web ; elles affichent du contenu aux personnes qui consultent la page. En tant que concepteur de la page, vous pouvez ajouter et organiser ces éléments Web directement dans la mise en page pour présenter les informations que vous souhaitez que les gens voient.
Après avoir cliqué sur Modifier sur la page, vous verrez une petite icône + près du centre de la page sous la zone d’en-tête de la page…
Cliquer sur le + ouvre une boîte de dialogue qui vous permet de sélectionner un élément Web à ajouter.
Chaque partie web a ses propres paramètres de configuration, ce que nous allons couvrir dans cette série de blogs. Mais toute partie web aura toujours au moins les options pour la modifier, la déplacer ou la supprimer.
Généralement, sélectionner Editer ouvrira un volet sur la droite qui contiendra les configurations spécifiques à cette partie web. En sélectionnant Déplacer, vous pourrez faire glisser la partie web dans une autre section ou colonne de la page, ou simplement réorganiser les parties web au sein d’une section. Et Supprimer vous demandera bien sûr d’être sûr que c’est ce que vous voulez faire.
Mise à jour d’août 2019 : En plus des fonctions Modifier, Déplacer et Supprimer, vous pouvez aussi maintenant Dupliquer une partie web individuelle. Cela copie la partie web, y compris sa configuration, juste en dessous de la partie web actuelle. Bien entendu, vous pouvez ensuite le déplacer où vous le souhaitez. L’idée est de disposer d’un autre composant Web identique, mais avec un contenu différent, une portée différente, etc. Donc, vous pourriez simplement modifier la copie pour qu’elle soit légèrement différente.
Comme vous le savez probablement, les choses changent souvent dans SharePoint Online, donc il peut y avoir des fonctionnalités supplémentaires des pages Modernes disponibles lorsque vous lisez ceci, mais cela devrait vous donner une idée des options disponibles pour vous.
Dans cette série de blogs, nous passerons en revue chacun des composants Web intégrés de SharePoint (en regroupant certains composants similaires), de sorte que vous finirez par disposer d’une ressource complète pour créer des pages SharePoint utiles et attrayantes sans avoir besoin d’acheter quoi que ce soit d’autre ou de faire du codage.
Nous avons hâte de vous emmener dans cette visite !
Parties Web de Bing Maps et MSN Weather
Parties Web de boutons et d’appels à l’action
Bibliothèque de documents et parties Web de visualisation de fichiers
Embed, Kindle et YouTube
Parties web Événements, Calendrier de groupe et Compte à rebours
Partie web Contenu mis en évidence
Partie web Image et Galerie d’images
Partie web Héro, Lien, et Quick Links
Liste et propriétés de la liste
Microsoft Forms
Nouvelles
Propriétés de la page
Personnes
Planificateur
.
Power BI web part
PowerApps web part
Documents récents et Site activity web part
Quick chart web part
Sites web part
Stream et Office 365 Video web part
Text, Markdown, Code Snippet, Divider et Spacer
Web part Twitter
Web part Conversations et Highlights de Yammer
Web part nécessitant un connecteur Office 365
Web part Lightning Tools Modern
.