Utiliser le composant WebPart héros

Remarque : Nous faisons de notre mieux pour vous fournir le contenu d’aide le plus récent aussi rapidement que possible dans votre langue. Cette page a été traduite automatiquement et peut donc contenir des erreurs grammaticales ou des imprécisions. Notre objectif est de faire en sorte que ce contenu vous soit utile. Pouvez-vous nous indiquer en bas de page si ces informations vous ont aidé ? Voici l’article en anglais à des fins de référence aisée.

Attirer le foyer et l'intérêt visuel de votre page à l'aide du composant WebPart héros. Vous pouvez afficher jusqu'à cinq éléments dans le composant WebPart héros et utiliser des images, du texte et des liens attrayants pour attirer l'attention sur chacun d'eux. Par défaut, le composant WebPart Hero est présent sur les sites de communication, mais vous pouvez également ajouter le composant WebPart Hero à d’autres pages.

Remarques : 

  • Certaines fonctionnalités sont progressivement introduites dans les organisations qui ont choisi le programme de publication ciblée. Il se peut donc que cette fonctionnalité n’apparaisse pas ou soit différente de ce qui est décrit dans les articles d’aide.

  • Vous devez disposer des autorisations de modification pour créer des pages. Si vous êtes propriétaire, mais que vous ne parvenez pas à ajouter une page, il est possible que votre administrateur ait désactivé la possibilité de le faire.

Sommaire

Composant WebPart héros sur les sites de communication: sujet et vitrine

Lorsque vous créez un site de communication, le composant WebPart héros est inclus par défaut sur votre page. Il est pré-rempli avec des images par défaut, du texte et des liens que vous modifiez pour présenter vos propres images, texte, pages, liens ou documents.

Lorsque vous sélectionnez le type de site de communication souhaité, le héros par défaut est une disposition en mosaïque avec cinq vignettes (que vous pouvez modifier de un à cinq):

Composant WebPart héros sur le site de communication

Lorsque vous sélectionnez l'option vitrine pour le type de site de communication souhaité, le héros par défaut est une disposition verticale avec trois couches (que vous pouvez modifier de un à cinq calques):

Présenter le héros

Vous pouvez changer la disposition du composant WebPart héros de grille en calques verticaux à l'aide du bouton modifier le composant WebPart Bouton modifier un composant WebPart , et vous pouvez modifier les liens, les images et le texte pour chaque vignette ou couche à l'aide du bouton modifier les détails Modifier les détails pour chaque vignette ou calque.

Boutons modifier les héros

1. bouton modifier le composant WebPart

2. bouton modifier les détails

Modifier la disposition du composant WebPart héros

Regardez cette vidéo pour voir comment procéder, ou suivez les étapes décrites sous la vidéo.

Votre navigateur ne prend pas en charge la vidéo. Installez Microsoft Silverlight, Adobe Flash Player ou Internet Explorer 9.
  1. Si vous n'êtes pas déjà en mode d'édition sur votre page, cliquez sur modifier en haut à droite de la page.

  2. Cliquez sur le bouton WebPart modifier le composant WebPart Bouton modifier un composant WebPart à gauche, puis sélectionnez le type de disposition souhaité. vous pouvez sélectionner jusqu'à 5 vignettes (comme celle sur un site de sujet) ou jusqu'à 5 couches (comme dans un site vitrine).

    Options de disposition Hero Options de disposition Hero

Modifier l'image, le texte et les liens de chaque vignette ou couche

Regardez cette vidéo pour voir comment procéder, ou suivez les étapes décrites sous la vidéo.

Votre navigateur ne prend pas en charge la vidéo. Installez Microsoft Silverlight, Adobe Flash Player ou Internet Explorer 9.
  1. Si vous n'êtes pas déjà en mode d'édition sur votre page, cliquez sur modifier en haut à droite de la page.

  2. Cliquez sur modifier les détails Modifier les détails en bas à droite de la vignette ou du calque que vous souhaitez modifier.

  3. Dans la boîte à outils, cliquez sur modifier, puis choisissez un emplacement à partir duquel vous souhaitez obtenir votre lien:

    • Récent: Si vous avez récemment ouvert des images, des pages ou des documents, vous les trouverez répertoriées ici.

    • Recherchesur le Web: vous pouvez rechercher des images de Bing qui utilisent la licence commune Creative. Vous êtes responsable de l'examen des licences pour une image avant de l'insérer sur votre page. SharePoint Online uniquement.

    • Onedrive: vous pouvez obtenir un lien vers un document ou une image que vous avez stocké sur onedrive. SharePoint Online uniquement.

    • Site: vous pouvez obtenir un lien vers un document, une image ou une page à partir d'un site que vous spécifiez.

    • Télécharger: vous pouvez télécharger un document ou une image à partir d'un appareil personnel.

    • À partir d'un lien: entrez un lien vers votre page, document ou image à partir de OneDrive entreprise ou SharePoint Online.

  4. Sélectionnez votre image, page ou document, puis cliquez sur ouvrir.

  5. Dans la boîte à outils, sous image, sélectionnez image personnalisée ou couleur uniquement (lacouleur uniquement est disponible pour la disposition vignette et la couleur correspond à la couleur du thème du site).

    L'option sélection automatique sélectionne automatiquement une image dans la page ou le document vers lequel vous établissez la liaison, s'il en existe une.

  6. Entrez un texte de remplacement pour l'image.

  7. Sous Options:

    • Vous pouvez afficher un lien d'appel à l'action en activant le bouton bascule sur Oui. Ajoutez ensuite le texte de votre appel à l'action (par exemple, «en savoir plus»). Le lien appel à l'action est disponible pour chaque calque dans une disposition superposée, mais uniquement pour la vignette la plus grande dans une disposition en mosaïque.

    • Dans le cas d'une disposition en couches, vous pouvez également afficher un titre de rubrique pour chaque couche en activant le bouton bascule pour l'en -tête de rubrique sur Oui. Ajoutez ensuite le texte de titrede votre sujet.

Modifier le point focal d'une image

Dans SharePoint Online, vous pouvez modifier le point focal sur une image sélectionnée dans le composant WebPart héros pour obtenir la partie la plus importante de votre image dans le cadre.

  1. Si vous n'êtes pas déjà en mode d'édition sur votre page, cliquez sur modifier en haut à droite de la page.

  2. Cliquez sur définir le point focal Bouton définition du point focal dans la barre d'outils située dans la partie inférieure de l'image de héros que vous voulez modifier.

  3. Faites glisser le point focal vers l'emplacement souhaité dans l'image.

    Point focal

Réorganiser des mosaïques ou des couches

Vous pouvez réorganiser les mosaïques ou les couches en les déplaçant vers l'emplacement souhaité.

  1. Si vous n'êtes pas déjà en mode d'édition sur votre page, cliquez sur modifier en haut à droite de la page.

  2. Cliquez de façon prolongée sur le bouton déplacer l'élément , puis faites glisser la vignette ou le calque vers l'emplacement souhaité.

    Déplacement de l'élément héros

Placer le composant WebPart héros dans une colonne

Le composant WebPart héros est conçu pour occuper toute la largeur de la page. Si vous préférez que le composant WebPart héros n'occupe pas toute la largeur, vous pouvez l'ajouter et le déplacer dans une colonne qui n'est pas pleine chasse.

Regardez cette vidéo pour voir comment procéder, ou suivez les étapes décrites sous la vidéo.

Votre navigateur ne prend pas en charge la vidéo. Installez Microsoft Silverlight, Adobe Flash Player ou Internet Explorer 9.
  1. Si vous n'êtes pas déjà en mode édition, cliquez sur modifier en haut à droite de la page.

  2. Pointez votre souris juste au-dessus du composant WebPart héros, puis cliquez sur le cercle + situé à gauche du composant WebPart.

  3. Sous dispositionde la section, sélectionnez une colonne.

    Une colonne
  4. Sur le côté gauche du composant WebPart, utilisez le bouton déplacer le composant WebPart pour faire glisser le composant WebPart héros dans la colonne que vous venez d'ajouter.

    Bouton déplacer un composant WebPart

    Déplacer le héros

Ajouter un composant WebPart héros vide à une page

Vous pouvez ajouter un composant WebPart héros à une page d'un site d'équipe ou d'un site de communication . Pour ce faire :

  1. Si vous n'êtes pas déjà en mode d'édition sur votre page, cliquez sur modifier en haut à droite de la page.

  2. Sur votre page, placez le pointeur de la souris au-dessus ou en dessous d'un composant WebPart existant pour afficher une ligne entourée d'un cercle +, comme ceci:

    Signe Plus pour ajouter des composants WebPart à une page

    Cliquez sur +, puis sélectionnez le composant WebPart héros .

    Composant WebPart héros dans un état vide
  3. Cliquez sur le bouton modifier le composant WebPart Bouton modifier un composant WebPart et sélectionnez le type de disposition souhaitée: une grille de 1 à 5 vignettes peut être utilisée ou 1 à 5 calques verticaux.

  4. Cliquez sur Sélectionner un lien pour chaque vignette que vous voulez modifier.

  5. Pour chaque vignette, dans la boîte à outils, cliquez sur Sélectionner, puis choisissez un emplacement à partir duquel obtenir votre lien:

    • Récent: Si vous avez récemment ouvert des images, des pages ou des documents, vous les trouverez répertoriées ici.

    • Recherchesur le Web: vous pouvez rechercher des images de Bing qui utilisent la licence commune Creative. Vous êtes responsable de l'examen des licences pour une image avant de l'insérer sur votre page. SharePoint Online uniquement.

    • Onedrive: vous pouvez obtenir un lien vers un document ou une image que vous avez stocké sur onedrive. SharePoint Online uniquement.

    • Site: vous pouvez obtenir un lien vers un document, une image ou une page à partir d'un site que vous spécifiez.

    • Télécharger: vous pouvez télécharger un document ou une image à partir d'un appareil personnel.

    • À partir d'un lien: entrez un lien vers votre page, document ou image à partir de OneDrive entreprise ou SharePoint Online.

  6. Sélectionnez votre image, page ou document, puis cliquez sur ouvrir.

  7. Dans la boîte à outils, sous image, sélectionnez image personnalisée ou couleur. L'option sélection automatique sélectionne automatiquement une image dans la page ou le document vers lequel vous établissez la liaison, s'il en existe une. Couleur uniquement uniquement disponible pour la disposition vignettes, et la couleur correspond à la couleur du thème de votre site.

  8. Entrez un texte de remplacement pour l'image.

  9. Sous options (SharePoint Online uniquement):

    • Vous pouvez afficher un lien d'appel à l'action en activant le bouton bascule sur Oui. Ajoutez ensuite le texte de votre appel à l'action (par exemple, «en savoir plus»). Le lien appel à l'action est disponible pour chaque calque dans une disposition superposée, mais uniquement pour la vignette la plus grande dans une disposition en mosaïque.

    • Dans le cas d'une disposition en couches, vous pouvez également afficher un titre de rubrique pour chaque couche en activant le bouton bascule pour l'en -tête de rubrique sur Oui. Ajoutez ensuite le texte de titrede votre sujet.

Mise à l'échelle des images dans le composant WebPart héros

Pour choisir des images de taille optimale pour le composant WebPart héros, tenez compte des éléments suivants:

  • Le composant WebPart est conçu pour s'ajuster à la largeur de l'écran dans une disposition en plein écran.

  • Dans la disposition vignettes, la hauteur du composant WebPart est mise à l'échelle pour suivre les proportions de 8:3, et les images à l'intérieur du composant WebPart s'ajustent à des proportions de 4:3.

  • Dans la disposition des couches , une couche individuelle s'adapte aux proportions de 8:3, et les images à l'intérieur de chaque échelle de calque aux proportions près de 9:16.

Remarque : Vous pouvez ajouter un lien vers une vidéo ou télécharger une vidéo vers le composant WebPart héros. Toutefois, les vidéos ne peuvent pas être lues dans le composant WebPart. Les utilisateurs peuvent cliquer sur le lien de la vidéo et être dirigés vers le lecteur vidéo ou la source du lien pour afficher la vidéo.

Développez vos compétences dans Office
Découvrez des formations
Accédez aux nouvelles fonctionnalités en avant-première
Rejoignez le programme Office Insider

Ces informations vous ont-elles été utiles ?

Nous vous remercions pour vos commentaires.

Merci pour vos commentaires. Il serait vraisemblablement utile pour vous de contacter l’un de nos agents du support Office.

×