Utiliser le composant WebPart Hero

Important :  Cet article a été traduit automatiquement, voir l’avertissement. Vous pouvez consulter la version en anglais de cet article ici.

Placer le focus et un intérêt visuel à votre page avec le personnage composant WebPart. Vous pouvez afficher jusqu'à cinq éléments dans le composant WebPart Hero et utiliser une qualité visuelle époustouflante images, du texte et des liens pour attirer l’attention sur chacune. Le composant WebPart Hero est inclus par défaut sur les sites de Communication, mais vous pouvez également ajouter le composant WebPart Hero vers d’autres pages.

Remarques : 

  • Certaines fonctionnalités sont introduites progressivement pour les organisations ayant choisi le programme First Release. Il est donc possible 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 un propriétaire, mais vous ne pouvez pas ajouter une page, votre administrateur peut avoir désactivé la possibilité de le faire.

Le composant WebPart Hero sur les sites de Communication : rubrique et Showcase

Modifier la disposition du composant WebPart Hero

Modifier l’image, du texte et des liens de chaque vignette ou du calque

Réorganiser les vignettes ou les calques

Placer le composant WebPart Hero dans une colonne

Ajouter un composant WebPart Hero vide à une page

Image de la mise à l’échelle dans le composant WebPart Hero

Le composant WebPart Hero sur les sites de Communication : rubrique et Showcase

Lorsque vous créez un site de Communication, le composant WebPart Hero est inclus dans votre page par défaut. Il est préremplie avec des images par défaut, texte et des liens que vous modifiez afin de tirer parti de vos propres images, texte, pages ou documents.

Lorsque vous sélectionnez rubrique pour le type de site de communication souhaité, le hero par défaut est une disposition en mosaïque avec cinq mosaïques (que vous pouvez modifier une à cinq) :

Composant WebPart Hero sur site de Communication

Lorsque vous sélectionnez Showcase correspondant au type de site de communication souhaité, le hero par défaut est une disposition avec trois couches (que vous pouvez modifier une à cinq couches) :

Showcase Hero

Vous pouvez modifier la disposition du composant WebPart Hero à partir d’une grille aux calques verticales à l’aide du bouton Modifier le composant WebPart Bouton Modifier du composant WebPart , et vous pouvez modifier les liens, des images et texte pour chaque vignette ou le calque à l’aide du bouton Modifier les détails Modifier les détails pour chacune d’elles vignette ou calque.

Boutons Modifier Hero

1. modifier le bouton du composant WebPart

2. modifier bouton Détails

Modifier la disposition du composant WebPart Hero

  1. Si vous n’êtes pas déjà en mode édition dans votre page, cliquez sur Modifier dans la partie supérieure droite de la page.

  2. Cliquez sur le web composant Modifier le composant WebPart bouton Bouton Modifier du composant WebPart sur la gauche, puis sélectionnez le type de disposition de que votre choix : vous pouvez sélectionner jusqu'à 5 mosaïques (par exemple, que sur un site de la rubrique), ou jusqu'à 5 couches (par exemple, que sur un site Showcase).

    Options de disposition Hero Options de disposition Hero

Modifier l’image, du texte et des liens de chaque vignette ou du calque

  1. Si vous n’êtes pas déjà en mode édition dans votre page, cliquez sur Modifier dans la partie supérieure droite de la page.

  2. Cliquez sur Modifier les détails Modifier les détails en bas à droite de la vignette ou le calque à modifier.

  3. Dans la boîte à outils, cliquez sur Modifier et sélectionnez un emplacement à partir duquel obtenir votre lien :

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

    • Recherche sur le Web: vous pouvez rechercher des images à partir de Bing qui utilisent la licence Creative courantes. Vous êtes responsable de la révision de licence pour une image avant de l’insérer dans votre page.

    • OneDrive: vous pouvez obtenir un lien d’un document ou une image que vous avez stockés sur OneDrive.

    • Site: vous pouvez obtenir un lien d’un document, une image ou une page 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: entrer un lien vers votre page, un document ou une image à partir de OneDrive entreprise ou SharePoint Online.

  4. Sélectionnez votre image, une page ou un document et cliquez sur Ouvrir.

  5. Dans la boîte à outils, sous Image, sélectionnez image personnalisée ou couleur uniquement (couleur uniquement est disponible uniquement pour la mise en page de mosaïques et la couleur correspond à votre couleur de thème de site).

    L’option sélectionnée automatiquement sélectionne automatiquement une image à partir de la page ou le document que vous souhaitez lier à, si elle est disponible.

  6. Entrez le texte de remplacement pour l’image.

  7. Sous Options :

    • Vous pouvez afficher un appel à un lien d’action en optant le bouton bascule sur Oui. Ajoutez ensuite votre appel en attente pour le texte d’action (par exemple, « voir »). L’appel à un lien d’action est disponible pour chaque calque dans une disposition en couches, mais uniquement pour la vignette du plus grand dans une disposition en mosaïque.

    • Pour une mise en page en couches, vous pouvez également afficher un titre de rubrique pour chaque calque en optant le bouton bascule pour le titre de rubrique sur Oui. Ajoutez votre texte du titre de rubrique.

Réorganiser les vignettes ou les calques

Vous pouvez réorganiser les vignettes ou couches en les déplaçant à l’endroit où vous voulez.

  1. Si vous n’êtes pas déjà en mode édition dans votre page, cliquez sur Modifier dans la partie supérieure droite de la page.

  2. Cliquez sur, maintenez enfoncé le bouton déplacer l’élément et faites-le glisser la vignette ou au calque l’emplacement souhaité.

    Hero déplacer un élément

Placer le composant WebPart Hero dans une colonne

Le composant WebPart Hero est conçu pour prendre jusqu'à la largeur de la page. Si vous souhaitez plutôt le composant WebPart Hero n’a pas eu la toute la largeur, vous pouvez ajouter une colonne à la page et placer les Hero composant WebPart dans cette colonne.

  1. Si vous n’êtes pas en mode édition, cliquez sur Modifier dans la partie supérieure droite de la page.

  2. Faites glisser votre souris au-dessus du composant WebPart Hero, et vous verrez un trait avec un entouré +, comme suit :

    Signe Plus pour ajouter des composants WebPart à une page

  3. Cliquez sur Signe plus entouré d’un cercle utilisé pour ajouter un composant WebPart moderne à une page .

  4. Sous mise en page de la Section, sélectionnez une colonne.

    Une colonne
  5. Sur le côté gauche du composant WebPart, utilisez le bouton déplacer le composant WebPart pour faire glisser le composant WebPart Hero dans la colonne que vous venez d’ajouter.

    Déplacez le bouton du composant WebPart

    Déplacement Hero

Ajouter un composant WebPart Hero vide à une page

Vous pouvez ajouter un composant WebPart Hero à une page dans un site d’équipe ou un site de Communication . Pour cela :

  1. Si vous n’êtes pas déjà en mode édition dans votre page, cliquez sur Modifier dans la partie supérieure droite de la page.

  2. Dans votre page, faites glisser votre souris au-dessus ou en dessous d’un site web existant composant et vous verrez un trait avec un entouré +, comme suit :

    Signe Plus pour ajouter des composants WebPart à une page

    Cliquez sur +, puis choisissez le composant WebPart Hero.

    Composant WebPart Hero dans un état vide
  3. Cliquez sur le web composant Modifier bouton Bouton Modifier du composant WebPart et sélectionnez le type de mise en page souhaitée - une grille à partir de 1 à 5 mosaïques peut-être être utilisée, ou les calques verticales 1 à 5.

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

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

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

    • Recherche sur le Web: vous pouvez rechercher des images à partir de Bing qui utilisent la licence Creative courantes. Vous êtes responsable de la révision de licence pour une image avant de l’insérer dans votre page.

    • OneDrive: vous pouvez obtenir un lien d’un document ou une image que vous avez stockés sur OneDrive.

    • Site: vous pouvez obtenir un lien d’un document, une image ou une page 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: entrer un lien vers votre page, un document ou une image à partir de OneDrive entreprise ou SharePoint Online.

  6. Sélectionnez votre image, une page ou un document et cliquez sur Ouvrir.

  7. Dans la boîte à outils, sous Image, sélectionnez image personnalisée ou la couleur uniquement. L’option sélectionnée automatiquement sélectionne automatiquement une image à partir de la page ou le document que vous souhaitez lier à, si elle est disponible. Couleur uniquement est disponible uniquement pour la disposition Mosaïques, et la couleur correspond à votre couleur de thème du site.

  8. Entrez le texte de remplacement pour l’image.

  9. Sous Options:

    • Vous pouvez afficher un appel à un lien d’action en optant le bouton bascule sur Oui. Ajoutez ensuite votre appel en attente pour le texte d’action (par exemple, « voir »). L’appel à un lien d’action est disponible pour chaque calque dans une disposition en couches, mais uniquement pour la vignette du plus grand dans une disposition en mosaïque.

    • Pour une mise en page en couches, vous pouvez également afficher un titre de rubrique pour chaque calque en optant le bouton bascule pour le titre de rubrique sur Oui. Ajoutez votre texte du titre de rubrique.

Image de la mise à l’échelle dans le composant WebPart Hero

Pour choisir les images en taille optimale pour l’Hero composant WebPart, procédez comme suit :

  • Le composant WebPart est conçu pour ajuster la largeur de l’écran dans un en pleine page une mise en page.

  • Dans la disposition mosaïques, la hauteur du composant WebPart est mise à l’échelle pour suivre les proportions de 8:3 et les images à l’intérieur de l’échelle de composant WebPart à une proportion de 4:3.

  • Dans la disposition des calques, calque individuel s’adapte à une proportion de 8:3 et les images à l’intérieur de chaque échelle de calque à une proportion près 16:9.

Remarque : Avertissement traduction automatique : cet article a été traduit par un ordinateur, sans intervention humaine. Microsoft propose cette traduction automatique pour offrir aux personnes ne maîtrisant pas l’anglais l’accès au contenu relatif aux produits, services et technologies Microsoft. Comme cet article a été traduit automatiquement, il risque de contenir des erreurs de grammaire, de syntaxe ou de terminologie.

Développez vos compétences
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.

×