Fermer

juin 21, 2021

Différentes manières d'utiliser le composant WebPart Liens rapides dans les blogs SharePoint modernes


L'expérience SharePoint moderne ressemble à des sites réactifs et d'amorçage. Il fournit une partie Web et une expérience conviviale. Personnellement, j'aime la partie Web du lien rapide. Tout le monde peut s'adapter et apprendre très rapidement.

Ici, je vais vous montrer comment vous pouvez concevoir notre page SharePoint en utilisant des liens rapides de différentes manières. Nous pouvons utiliser le lien rapide Web pour les documents, vidéos, pages, images, liens pour appeler un div particulier.

La section d'appel sur la page utilisant le lien est quelque chose de différent que vous trouverez dans ce blog.

Ajoutez le Composant WebPart Liens rapides

  • Modifiez votre page à partir du haut à droite de la page
  • Passez votre curseur au-dessus ou au-dessous d'un composant WebPart existant
  • Vous verrez une ligne avec un + encerclé comme indiqué dans l'écran ci-dessous

 Liens rapides Img1

  • Recherchez ou faites défiler les liens rapides et sélectionnez.
  • Tapez sur les liens rapides et ajoutez votre propre en-tête pour le lien rapide

Liens rapides Img2

  • Cliquez sur le composant WebPart Modifier pour voir plus d'options :

Liens rapides Img3

 

Types de mise en page

Compact

La mise en page compacte est la mise en page sélectionnée par défaut qui est généralement utilisée pour afficher de petites images à gauche ou sans icône ni image .

Liens rapides Img4

Filmstrip

La présentation de la pellicule ressemble à un curseur de carrousel.

Img5 Quicklinks

Grid

Dans la disposition Grid, nous pouvons ajouter n'importe quel nombre d'éléments. Il n'y a pas de telle limite. Ici, vous pouvez également utiliser des images de stock.

Img6 Quicklinks

 

Bouton

La disposition des boutons a plusieurs options :

  1. Icône en haut
  2. Icône on gauche
  3. Pas d'icône
  1. Contour
  2. Couleur de remplissage (la couleur est liée à votre thème SharePoint)
  3. Pas de contour
  1. Gauche
  2. Centre
  1. Une ligne
  2. Deux lignes[19659038]Sous l'écran est un exemple d'un texte de ligne, d'un contour d'apparence de bouton et d'une icône à gauche.

    J'utilise toujours le composant WebPart bouton ; l'apparence est géniale.

    Img7 Quicklinks

    List

    Dans la mise en page de la liste, nous pouvons masquer les icônes et afficher les descriptions. C'est simple comme Grid Layout.

    Img8 Quicklinks

    Tiles

    Dans la disposition Tiles, nous pouvons décider de la taille de l'icône. Cette disposition vous offre également l'option "Afficher uniquement l'icône ou l'image".

    Liens rapides Img9

    Liens pour appeler div (naviguer dans la même page)

    Ajouter du contenu au composant WebPart Texte comme indiqué dans la capture d'écran ci-dessous. Cliquez sur le lien rouge pour obtenir l'URL.

    Img10 Quicklinks

    Remarque : Pour appeler le lien div, nous devons utiliser le titre 1, le titre 2 et le titre 3. Le lien ne sera pas générer pour un autre style de police.

    Img11 Quicklinks

    Le lien aidera quelque chose comme ci-dessous.

    Img12 Quicklinks

    Copiez le lien ci-dessous et collez-le ci-dessous la case et l'insérer.

    Img13 Quicklinks

    Lorsque vous cliquez sur le lien fourni dans le lien rapide, vous accédez à la section pourquoi l'utilisons-nous ? .

    Vous pouvez également utiliser « Naviguer dans la même page » pour Retour en haut. Utilisez le composant WebPart Bouton pour copier le lien et modifier l'alignement du composant WebPart bouton à gauche ou à droite.Img14 Quicklinks

    À propos de l'auteur

    Priyanka est consultant technique associé chez Perficient. Au cours des 3 dernières années, elle a travaillé sur les technologies Microsoft, notamment SharePoint, PowerApps, Power Automate et SPFX Framework. Actuellement, elle conçoit et développe des sites SharePoint Online modernes.

    En savoir plus sur cet auteur




Source link