Utiliser le partie web Hero

Concentrez-vous et intéressez-vous visuellement sur votre page avec le partie web Hero. Vous pouvez afficher jusqu’à cinq éléments dans le partie web de Hero 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 introduites progressivement pour 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 avoir l’autorisation de modification pour créer des pages. Si vous êtes propriétaire mais que vous ne parvenez pas à ajouter une page, votre administrateur peut avoir désactivé la possibilité de le faire.

Sommaire

Conseil : Check out these YouTube videos from Microsoft Creators to learn more about modern pages!

Le partie web Hero sur les sites de communication : Sujet et présentation

Lorsque vous créez un site de communication,le partie web Hero est incluse dans votre page par défaut. Il est pré-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 Rubrique pour le type de site de communication de votre choix, le héros par défaut est une disposition en mosaïque avec cinq mosaïques (que vous pouvez modifier d’une à cinq) :

Hero web part on Communication site

Lorsque vous sélectionnez Showcase pour le type de site de communication que vous souhaitez utiliser, le héros par défaut est une disposition verticale avec trois couches (que vous pouvez modifier d’un à cinq couches) :

Héros de la présentation

Vous pouvez modifier la disposition du partie web Part Hero d’une grille vers des calques verticaux à l’aide du bouton Modifier le Bouton d'édition de la partie du site web , et modifier les liens, les images et le texte de chaque mosaïque ou couche à l’aide du bouton Modifier les détails Modifier les détails pour chaque mosaïque ou couche.

Boutons de modification de héros

1. Bouton Modifier le site Web Part

2. Bouton Modifier les détails

Modifier la disposition du partie web Hero

Regardez cette vidéo pour voir comment faire, ou suivez les étapes sous la vidéo.

Votre navigateur ne prend pas en charge la vidéo.
  1. Si vous n’êtes pas en mode Édition sur votre page, cliquez sur Modifier dans la partie supérieure droite de la page.

  2. Cliquez sur le bouton Modifier le site Web Part Bouton d'édition de la partie du site web sur la gauche et sélectionnez le type de mise en page de votre choix : vous pouvez sélectionner jusqu’à 5 vignettes (comme sur un site Sujet) ou jusqu’à 5 couches (comme sur un site Showcase).

    Options de mise en page de héros Options de mise en page du héros

Modifier l’image, le texte et les liens pour chaque mosaïque ou couche

Regardez cette vidéo pour voir comment faire, ou suivez les étapes sous la vidéo.

Votre navigateur ne prend pas en charge la vidéo.
  1. Si vous n’êtes pas en mode Édition sur 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 bas à droite de la vignette ou du calque à modifier.

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

    Image des options du s sélectionneur de fichiers.
    • Récents: si vous avez récemment ouvert des images, des pages ou des documents, ils sont répertoriés ici.

    • Images boursières Les images boursières sont fournies par Microsoft. Ils sont de haute qualité et de taille directement pour votre utilisation. Si vous êtes un administrateur SharePoint, nous vous recommandons d’activer une réseau de distribution de contenu (CDN) pour améliorer les performances de la obtention d’images.

    • Recherche sur le web: vous pouvez rechercher des images à partir Bing qui utilisent la licence Creative Common. Vous êtes responsable de la révision des licences d’une image avant de l’insérer dans votre page. SharePoint dans Microsoft 365 uniquement.

    • Votre organisation: si votre organisation a spécifié un ensemble de ressources approuvées, vous pourrez choisir parmi ces ressources.  Si vous êtes un SharePoint et souhaitez découvrir comment créer une bibliothèque de biens pour votre organisation, voir Créer une bibliothèque de biens de l’organisation.

    • OneDrive: vous pouvez obtenir un lien vers un document ou une image stocké sur OneDrive. SharePoint dans Microsoft 365 uniquement.

    • Site: vous pouvez obtenir un lien pour 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’unlien : Entrez un lien pour votre page, document ou image à partir d OneDrive ou SharePoint dans Microsoft 365.

      Remarque : Les liens externes à votre site n’afficheront pas d’aperçu de l’image dans les administrations Cloud de la communauté du secteur public Département des États-Unis et Haute et Office 365 par 21Vianet.

  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 (la couleur n’est disponible que pour la disposition Mosaïques et la couleur correspond à la couleur du thème de votre site).

    L’option Sélectionnée automatiquement sélectionne automatiquement une image dans la page ou le document vers qui vous liez, si celle-ci est disponible.

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

  7. Sous Options :

    • Vous pouvez afficher un lien d’appel d’action en basant le basculement sur Oui. Ajoutez ensuite votre appel au texte d’action (par exemple, « En savoir plus »). Le lien Appel à l’action est disponible pour chaque couche dans une disposition superposée, mais uniquement pour la plus grande mosaïque de la disposition en mosaïque.

    • Pour une disposition superposée, vous pouvez également afficher un titre De sujet pour chaque couche en basant le basculement du titre Rubrique surOui. Ajoutez ensuite le texte de votre titre de sujet.

Modifier le point focal d’une image

Dans SharePoint dans Microsoft 365, vous pouvez modifier le point focal d’une image sélectionnée dans le site Web De Hero pour obtenir la partie la plus importante de votre image dans le cadre.

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

  2. Cliquez sur Définir le point focal Bouton Définir le point focal la barre d’outils en bas de l’image Hero que vous voulez modifier.

  3. Faites glisser le point focal où vous le souhaitez dans l’image.

    Focal point

Réorder les vignettes ou les couches

Vous pouvez réorder les vignettes ou les couches en les déplaçant à l’endroit voulu.

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

  2. Cliquez sur le bouton Déplacer l’élément et maintenez-le enfoncé, puis faites glisser la vignette ou le calque où vous le souhaitez.

    Élément de déplacement de héros

Placer le partie Web Part Hero dans une colonne

Le site Web Part Hero est conçu pour prendre toute la largeur de la page. Si vous préférez que le pièce web Part Hero n’a pas la largeur complète, vous pouvez l’ajouter pour le déplacer dans une colonne qui n’est pas à pleine largeur.

Regardez cette vidéo pour voir comment faire, ou suivez les étapes sous la vidéo.

Votre navigateur ne prend pas en charge la vidéo.
  1. Si vous n’êtes pas déjà en mode Édition, cliquez sur Modifier dans la partie supérieure droite de la page.

  2. Placez le curseur de la souris juste au-dessus du partie Web Part Hero, puis cliquez sur le curseur + encerclé à gauche du partie Web Part.

  3. Sous Disposition de la section,sélectionnez une colonne.

    Une colonne
  4. Sur le côté gauche du partie web part, utilisez le bouton Déplacer le partie web part pour faire glisser le partie web Hero dans la colonne que vous vient d’ajouter.

    Bouton Déplacer le site Web Part

    Héros du déplacement

Ajouter un site Web Part Hero vide à une page

Vous pouvez ajouter un site Web Hero à une page dans un site d’équipe ou un site de communication. Pour :

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

  2. Dans votre page, placez le pointeur de la souris au-dessus ou en dessous d’un élément Web Part existant et vous verrez une ligne avec un cercle avec un +, comme ceci :

    Signe plus pour l'ajout de parties du site à une page

    Cliquez sur +, puis sélectionnez le partie web de Hero.

    Partie du site Web Hero dans un état vide
  3. Cliquez sur le bouton Modifier du Bouton d'édition de la partie du site web et sélectionnez le type de disposition voulu : une grille de 1 à 5 mosaïques peut être utilisée, ou de 1 à 5 couches verticales.

  4. Cliquez sur Sélectionner le lien pour chaque vignette à modifier.

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

    Dans la boîte à outils, cliquez surModifier, puis choisissez un emplacement à partir duquel obtenir votre lien :

    Image des options du s sélectionneur de fichiers.
    • Récents: si vous avez récemment ouvert des images, des pages ou des documents, ils sont répertoriés ici.

    • Recherche sur le web: vous pouvez rechercher des images à partir Bing qui utilisent la licence Creative Common. Vous êtes responsable de la révision des licences d’une image avant de l’insérer dans votre page. SharePoint dans Microsoft 365 uniquement.

    • Votre organisation: si votre organisation a spécifié un ensemble de ressources approuvées, vous pourrez choisir parmi ces ressources.  Si vous êtes un SharePoint et souhaitez découvrir comment créer une bibliothèque de biens pour votre organisation, voir Créer une bibliothèque de biens de l’organisation.

    • OneDrive: vous pouvez obtenir un lien vers un document ou une image stocké sur OneDrive. SharePoint dans Microsoft 365 uniquement.

    • Site: vous pouvez obtenir un lien pour 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’unlien : Entrez un lien pour votre page, document ou image à partir de OneDrive pour SharePoint dans Microsoft 365.

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

  7. Dans la boîte à outils, sous Image,sélectionnez Image personnaliséeou Couleur uniquement. L’option Sélectionnée automatiquement sélectionne automatiquement une image dans la page ou le document vers qui vous liez, si celle-ci est disponible. La couleur est uniquement disponible pour la disposition Mosaïques, et la couleur correspond à la couleur de votre thème de site.

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

  9. Sous Options (SharePoint dans Microsoft 365 uniquement) :

    • Vous pouvez afficher un lien d’appel d’action en basant le basculement sur Oui. Ajoutez ensuite votre appel au texte d’action (par exemple, « En savoir plus »). Le lien Appel à l’action est disponible pour chaque couche dans une disposition superposée, mais uniquement pour la plus grande mosaïque de la disposition en mosaïque.

    • Pour une disposition superposée, vous pouvez également afficher un titre De sujet pour chaque couche en basant le basculement du titre Rubrique surOui. Ajoutez ensuite le texte de votre titre de sujet.

Mise à l’échelle d’image dans le partie web Hero

Pour choisir des images de taille optimale pour le partie web Hero, prenons en compte les considérations suivantes :

  • Le site Web Part est conçu pour s’adapter à la largeur de l’écran dans un ensemble de fonds perdus dans une disposition.

  • Dans la disposition Vignettes, la hauteur du pièce web est mise à l’échelle pour suivre les proportions 8:3 et les images à l’intérieur de l’échelle des pièces web par rapport à des proportions de 4:3.

  • Dans la disposition Calques, un calque individuel s’a scale à des proportions de 8:3, et les images à l’intérieur de chaque couche s’scalent par rapport à des proportions proches de 9:16.

Remarque : Vous pouvez ajouter un lien vers une vidéo ou télécharger une vidéo dans le partie web Hero. En revanche, les vidéos ne peuvent pas être lées à l’intérieur du partie web. Les utilisateurs peuvent cliquer sur le lien de la vidéo et être placés sur le lecteur vidéo ou la source du lien pour la visionner.

Besoin d’aide ?

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 ?

×