Le composant WebPart Hero vous permet de rendre votre site SharePoint encore plus attractif et d’attirer l’attention sur certaines parties. Il s’agit d’un composant standard pour les sites de communication, mais vous pouvez également très bien l’ajouter à d’autres pages.
Que pouvez-vous précisément faire avec Hero ? Vous pouvez mettre jusqu’à cinq éléments à l’honneur en utilisant de chouettes images, du texte et des liens. Dans ce blog, vous allez découvrir comment ajouter et adapter votre Hero.
Attention ! Pour créer ou éditer vos pages, vous devez disposer des droits requis. Si vous êtes le propriétaire mais ne pouvez pas ajouter de page, il se peut que cette fonction ait été désactivée par l’administrateur.
Quelles possibilités offrent Hero pour votre site de communication ?
Lorsque vous créez un site de communication, le composant WebPart Hero est inclus par défaut dans votre page. Il est déjà rempli avec des images, du texte et des liens par défaut que vous modifiez pour présenter vos propres images, textes, pages, liens ou documents.
Lorsque vous sélectionnez un Sujet pour le type de site de communication de votre choix, le composant WebPart Hero par défaut consiste en cinq vignettes (que vous pouvez modifier de une à cinq) :
Lorsque vous sélectionnez Showcase pour le type de site de communication souhaité, le composant Hero par défaut est une composition de trois calques (que vous pouvez modifier de une à cinq couches) :
Vous pouvez modifier la disposition du composant WebPart Hero à partir d’une grille en couches verticales à l’aide du bouton Éditer composant WebPart [Knop Webonderdeel bewerken]et vous pouvez modifier les liens, les images et le texte de chaque vignette ou couche à l’aide du bouton Modifier les détails[Details bewerken] pour chaque vignette ou calque.
1. Bouton Modifier le composant WebPart
2. Bouton Modifier les détails
Comment modifier la disposition du composant WebPart Hero ?
Assurez-vous d’être en mode édition (cliquez en haut à droite sur Éditer).
Cliquez à gauche sur le bouton Modifier le composant WebPart[Knop Webonderdeel bewerken] et sélectionnez la disposition souhaitée.
Comment placer le composant WebPart Hero dans une colonne ?
Le composant WebPart Hero est conçu pour prendre la totalité de la page en largeur. Si vous préférez que le composant WebPart Hero ne prenne pas toute la largeur, vous pouvez l’ajuster pour obtenir une colonne plus étroite.
- Assurez-vous d’être en mode édition (cliquez en haut à droite sur Éditer).
- Placez le curseur de la souris juste au-dessus du composant WebPart Hero et cliquez sur le cercle + à gauche du composant WebPart.
- Sélectionnez une colonne sous Disposition de section.
- Sur le côté gauche du composant WebPart, utilisez le bouton Déplacer le composant WebPart pour faire glisser le composant WebPart Hero vers la colonne que vous venez d’ajouter.
Comment ajouter un composant WebPart Hero vide à une page ?
Vous pouvez ajouter un composant WebPart Hero à une page sur un site team ou un site de communication.
- Assurez-vous d’être en mode édition.
- Sur votre page, placez le curseur de la souris au-dessus ou en dessous d’un composant WebPart existant pour afficher une ligne avec des cercles +, comme suit :
- Cliquez sur + et sélectionnez le composant WebPart Hero.
- Cliquez sur le bouton Modifier [Knop Webonderdeel bewerken]du composant WebPart et sélectionnez le type de disposition souhaité.
- Cliquez sur Sélectionner un lien pour chaque vignette que vous voulez modifier.
- Pour chaque vignette, dans la boîte à outils, cliquez sur Sélectionner et choisissez un emplacement à partir duquel vous souhaitez obtenir votre lien.
- Sélectionnez votre image, page ou document, puis cliquez sur Ouvrir.
- Dans la boîte à outils, sous Image, sélectionnez l’option Image adaptée ou Couleur personnalisée. L’option Sélection automatique choisit automatiquement une image de la page ou du document vers lequel vous souhaitez créer le lien, le cas échéant. La Couleur personnalisée est disponible uniquement pour la disposition des vignettes, et la couleur correspond à la couleur du thème de votre site.
- Introduisez Texte alternatif pour l’image.
- Vous avez encore la possibilité de définir des paramètres complémentaires sous Options.
