L'essentiel de SharePoint 2016

Insérer des composants WebParts

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Modifiez le contenu et l'apparence des pages en insérant des composants WebParts. Vous apprendrez également à personnaliser les paramètres de ces composants.
10:49

Transcription

Nous avons vu précédemment comment modifier le contenu d'une page par l'intermédiaire d'adjonction de textes, de visuels. Nous avons parlé également des composants WebParts Cela va être le sujet de cette vidéo. Déjà, avant même de commencer, je vous rappelle que je vous ai expliqué que les pages qui étaient, ne serait-ce que les pages d'accueil de vos sites, comportaient des composants web par défaut, ne serait-ce que celui-ci, qui est le composant WebPart mis en route, et le Composant WebPart qui présente l'aperçu de la bibliothèque de documents créée par défaut avec le modèle de site. Maintenant, voyons voir un petit peu, ce que je pourrais également rajouter dans une nouvelle page. Alors pour ça, je vous ai fait un petit condensé de ce qu'il est possible de faire, j'ai créé une liste de tâches, ici, avec plusieurs tâches qui sont assignées à différentes personnes. Et bien évidemment, j'ai créé différents affichages qui me permettent de visualiser ne serait-ce que mes propres tâches. Après, nous avons créer ensemble un Wiki, j'ai créé une liste de liens utiles un peu plus dynamique avec un modèle qui s'appelle les liens promus. Nous avons également ici, je vous le rappelle, créé une liste des ventes, avec les résultats de nos commerciaux et différents affichages également. Bref, j'ai matière à mettre en place une page dans mon site avec ces différents composants WebPart. Donc je reviens ici, sur la page que je veux continuer à modifier, je suis en modification, je me place à l'endroit où je souhaite insérer mes composants WebParts et je n'ai plus qu'à faire «Iinsérer». Maintenant, vous allez trouver deux types d'entrées appelées composants. Vous avez Composant d'application et Composant WebPart. Il faut savoir que les composants d'application sont les WebParts qui pointent sur les bibliothèques et les listes. A savoir que vous allez retrouver ici, tout ce qui a été créé sur le site en tant que bibliothèque et liste. Si j'étais venu sur les Composants WebParts, je trouverais tous les Composants WebParts installés à l'heure actuelle sur ma plateforme, bien évidemment, à savoir toutes les catégories; la communication, les communautés, la collaboration sociale, tout ce qui est média et contenu, et bien évidemment, une catégorie qui s'appelle «Application», où je retrouvverai tous les contenus liste et bibliothèque. Donc, pour bien vous expliquer, composant d'application, c'est ni plus ni moins qu'un filtre sur une catégorie des composants WebParts, qui sont applications. Alors, une fois que vous avez choisi Composant d'application ou Composant WebPart, peu importe, il ne vous reste plus qu'à choisir la bibliothèque ou la liste qui vous intéresse. Nous allons commencer par les liens utiles, les petits pavés dynamiques que je vous ai montré, et je n'ai plus qu'à faire «Ajouter». J'ai mon composant WebPart qui est arrivé ici, un Composant WebPart a toujours un menu d' accès aux paramètres. A savoir que si vous vous placez dans le coin supérieur droit, vous allez trouver ici, un petit menu déroulant, qui vous permettra bien évidemment de supprimer le Composant WebPart si vous n'en aviez pas besoin, mais également d'accéder ici, à ses paramètres, qui vont apparaître systématiquement sur le côté droit de votre écran. Ces paramètres sont nombreux, ils sont à prendre du haut vers le bas, c'est-à-dire que en haut on a généralement les actions que l'on fait régulièrement, et plus on va aller vers le bas, plus ce seront des actions qui seront certainement utiles, mais un peu plus facultatives on va dire. Donc, dans un tout premier temps, j'ai insérer ce Composant WebPart, je ne fais aucune modification au niveau des paramètres. Je continue, je me place en dessous, je viens à nouveau chercher un composant WebPart, alors, d'application, ou ici, en faisant le filtre sur les composants d'application dans un tout premier temps, et je voudrais cette fois-ci, avoir ce qui correspond ici, à ma liste d'actions à faire. Donc, je prends la fameuse liste qui s'appelle « A faire », et je l'ajoute. J'ai ici, donc, sur lapage qui va devenir ma page d'accueil, la liste de toutes les tâches. Mais moi, ce que j'aimerais, c'est que chaque personne, quand elle va venir se connecter, ici, je vous rappelle, je suis Sabine, ne voit, dans cette liste, que les tâches qu'elle a à réaliser. Donc, je vais venir modifier le Composant WebPart, de manière à venir sélectionner un affichage basé sur un filtre, et un filtre qui est dynamique, qui s'appelle « Mes tâches » ici, et qui va, en fin de compte, faire en sorte de ne montrer que les tâches de l'utilisateur qui est connecté. Voilà qui est fait. En plus, je ne veux pas afficher ce qui s'appelle la chrologie en haut, donc je vais la décocher, je viens ici, valider le Composant WebPart et l'affichage je désirais. Je continue. Je voudrais maintenant mettre les résultats que j'ai dans ma liste différente, je vais chercher mon Composant WebPart, toujours pareil, je choisis le composant, je l'ajoute. Rappelez-vous que par défaut, voilà ce que j'ai en terme d'affichage, c'est pas très très joli sur ma page d'accueil, donc je vais venir ici dès que ma barre d'outils me le permet, voilà, pour me positionner sur le coin supérieur droit, pour avoir accès ici, c'est pareil, modification du paramétrage. Voilà. Et ici, ce qui m'intéresse, à nouveau, c'est d'avoir l'affichage qui s'appelle « Résultats» qui est beaucoup plus condensé, et qui va me permettre d'avoir ce type d'affichage. Bien évidemment, j'aurais pu continuer à rajouter des informations, en terme de composants WebPart. Voilà, dans un tout premier temps, les composants WebParts, liés à ce que l'on appelle « des Composants d'application ». Mais il existe également d'autres types de composants WebParts. Alors, je vais juste refaire ici, une petite modification ici, sur le format de ma page, pour lui dire que je voudrais ici, deux colonnes. Vous avez vu que même si j'ai du contenu à l'intérieur, le contenu s'est adapté. Et ici, sur le coté, je voudrais maintenant, insérer un autre Composant WebPart, qui n'est plus dans la catégorie Application, mais qui est dans la catégorie Média et Contenu. Alors j'ai une bibliothèque, quelque part, dans mon site, qui contient des petites icônes, ou même mieux, j'ai créé une bibliothèque avec les photos de mes collaborateurs. Donc je vais venir chercher un Composant WebPart, qui va me permettre de faire dérouler les photos de mes collaborateurs. C'est ce qui s'appelle « un Composant WebPart Diaporama d'images ». Je prends ce composant WebPart, et je l'ajoute. Bien évidemment, il faut que je paramètre ce composant WebPart, puisque lui, de prime abord, c'est pas lui,c'est pas une bibliothèque, il ne sait pas de quoi je parle. Donc je viens ici, dans un tout premier temps, ouvrir le menu, qui, je vous le rappelle, s'est ouvert sur le coté. Je vais d'abord choisir, puisque ça va dérouler les images, comme un petit peu, un carroussel, la durée d'affichage entre les différentes images, que je vais mettre à 2 secondes, ça va suffir; Et puis je vous ai parlé précédemment, du fait qu'on avait tout intérêt à mettre, par exemple, les images, dans une bibliothèque spécifique pour les images. Je vous ai expliqué qu'il y avait des metadonnées différentes, quil y avait des affichages, mais surtout, que l'on avait des fonctionnalités et des composants WebParts associés. C'est le cas. Les images, en fin de comptes, je ne peux aller les chercher que dans une bibliothèque d'images. Et regardez, ici j'en ai 2. J'ai les icônes et les photos. Si j'avais mis ces images, ces photos de mes collaborateurs dans une bibliothèque de documents, je n'aurais pas pu utiliser ce composant WebPart. Donc, je viens chercher ici, les photos. Je veux avoir comme photo, toutes les photos. Je peux choisir l'ordre. Et puis je peux choisir, effectivement, ce que je veux voir arriver, à savoir, si je veux le titre uniquement sous l'image, si je veux la possibilité de passer d'une image à l'autre, et moi, je veux ni titre, ni description. Je veux que ce soit le plus epuré possible. Je ne veux pas de barre d'outils. Voilà ce que je décide de faire en même temps, de la même façon, ici, le titre je vais le changer, je vais appeler ça « Mes collègues» ou « Mon équipe ». Et je valide ce composant WebPart. Alors, je vous ai dit, on a tout intérêt, bien évidemment, en amont, la présentation de ce visuel. Mais voilà ce que je peux obtenir, en fin de comptes, comme élément un peu plus visuel, pour aller agrémenter ma page. Allez, on va juste rapidement enregistrer cette page, voir à quoi elle correspond, une fois terminée. Et vous voyez que j'ai bien quelque chose qui me permet d'avoir un affichage un peu plus sexy que ce que j'avais précédemment. Avec , bien évidemment ici, les liens vers les différents éléments que j'aurai paramétré, ici par exemple, je viens voir le Wiki, rappelez-vous, c'est la bibliothèque que nous avons créé ensemble, et il va m'ouvrir automatiquement ici, une page supplémentaire, un onglet supplémentaire pour aller voir mon Wiki. Je reviens quelques petites secondes au niveau de la page, je repasse en modification pour vous expliquer que des composants WebParts, j'aurais pu continuer à vous en parler encore très longtemps, puisque nous avons beaucoup de catégories, et à l'intérieur de chaque catégorie des éléments, nous avons tout ce qui concerne les blogs, je vous ai montré également des sites basés, sur ce qu'on appelle des communautés. Vous avez tout ce qui correspond à la partie Collaboration Sociale, c'est-à-dire le site personnel de l'utilisateur. Vous avez ce qui correspond à l'affichage de filtres, mais également de recherches. La possibilité de remonter un certain type de contenus, et notamment par rapport aux types de contenus sur page d'accueil de votre site. Voilà, en fin de comptes, le principe d'utilisation des Composants WebParts. Maintenant, je voudrais revenir sur l'onglet qui s'appelle « PAGE » parce que cette page, vous êtes d'accord avec moi, on l'a créé en plus. Maintenant que j'ai bien travailler sur la conception de cette page, moi, j'aimerais en fin de comptes faire de cette page, ma page d'accueil. Or, rappelez-vous, pour l'instant, si je viens vous montrer, la page d'accueil de mon site, c'est toujours celle-ci. Mais je vais pouvoir, d'un simple geste, venir lui dire : « Cette page c'est bon! Je trouve qu'elle est très bien constituée, je vais l'envoyer comme étant la page d'accueil ici, de mon site. » Voilà qui est fait . Maintenant, il ne me reste plus qu'à vérifier ce qui se passe, donc j'enregistre les modifications, je viens voir ici, à partir de l'entrée, donc, intranet, j'ai bien ma page, avec les tâches de Sabine. Mais maintenant si je revenais voir mon utilisateur qui s'appelle « Nicolas» Et voilà donc le résultat, après réactualisation de la page.

L'essentiel de SharePoint 2016

Mettez au point des environnements intranet et extranet de manière efficace et rapide. Découvrez comment travailler avec des bibliothèques, des listes et sécuriser le contenu.

8h25 (80 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :29 mars 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !