Troisième partie – Comment créer un intranet SharePoint Online

Troisième partie – Comment créer un intranet SharePoint Online

Dans les deux premières parties de cette série d’articles, nous avons montré comment créer une page de renvoi intranet à partir d’un site de communication.  Notre site comprenait le logo de notre entreprise, un titre de site. Et nous avons également téléchargé un thème personnalisé avec l’outil générateur de thèmes et du shell de gestion.  Nous avons ensuite commencé à construire notre page d’accueil en ajoutant des sections et un composant Web Hero. Cela a mis en évidence le contenu de manière proéminente.

Pour compléter la mise en page de notre page d’accueil, ajoutons d’autres éléments Web utiles.

Le composant web Hero ajouté dans la deuxième partie consiste en une seule colonne sur notre page de renvoi intranet. Et il peut également être ajouté en tant que colonne pleine largeur si vous préférez. Cependant, je choisis toujours d’ajouter d’autres composants Web sur mes pages de renvoi, au moins en deux colonnes. 

Ajouter un composant Web de flux d’informations

1. Pour ce faire, nous devons à nouveau éditer la page d’accueil. Puis cliquer sous la partie web du héros pour Ajouter une nouvelle section, comme le montre l’image ci-dessous.

2. Dans cet exemple, j’ai choisi l’option Un tiers de la colonne de droite.

3. Une fois ma nouvelle section en place, j’ai cliqué pour ajouter un nouveau composant Web à la colonne de gauche. J’ai ensuite recherché et sélectionné le composant web News comme indiqué ci-dessous.

4. Le composant web News a été ajouté avec succès, et j’ai cliqué pour modifier le composant web.

5. Lorsque vous modifiez le composant Web News, vous avez la possibilité
   • de sélectionner une source d’informations
   • de configurer la mise en page du composant Web. Dans l’exemple ci-dessous, j’ai choisi la source d’information par défaut de ce site, et j’ai choisi l’option de mise en page Top story.

6. Après avoir effectué mes sélections pour le composant web News, j’ai cliqué sur le bouton Republish pour mettre mes modifications à la disposition des utilisateurs de l’intranet.

7. Nous pouvons maintenant commencer à ajouter des éléments à notre composant Web News. En cliquant sur « Ajouter des actualités », vous pouvez ajouter un article ou un lien d’actualité vers un contenu Web externe. Ceci est illustré dans l’image suivante.

8. Pour cet exemple, j’ai choisi d’ajouter un lien News vers un article sur le site Web.

9. En cliquant sur Post, nous pouvons voir notre premier article de presse ajouté sous la partie web Hero.

10. Dans l’exemple ci-dessous, j’ai ajouté d’autres éléments de liens d’actualité. Cela illustre l’aspect de ce composant Web lorsqu’il commence à être alimenté.

L’exemple ci-dessus montre également à quoi ressemblerait la page d’accueil sans le composant Web Hero en haut de la page.

Ajouter un web part Quick Links 

Quick links sont auto-explicatifs et sont essentiellement des raccourcis vers des contenus utiles.  Pour cet exemple, j’ai de nouveau modifié la page d’accueil et ajouté un nouveau composant WebPart.  Cette fois, j’ai ajouté le composant Web à la colonne de droite plus fine de la nouvelle section que nous avons ajoutée à l’étape précédente pour le composant Web News. 

1. J’ai sélectionné le composant web Quick Links comme indiqué ci-dessous.

2. Ensuite, j’ai cliqué sur Edit web part.

3. J’ai choisi l’option Bouton avec le paramètre d’apparence de couleur de remplissage comme indiqué ci-dessous.

4. Les paramètres ci-dessus ont eu pour effet d’afficher les liens de cette partie web d’une manière très visuelle qui utilise le schéma de couleurs thématique que nous avons présenté plus tôt dans la première partie de cette série de blogs. Ceci est illustré dans l’image suivante.

5. Ensuite, j’ai procédé à l’ajout de quelques liens.  Dans les exemples ci-dessous, j’ai ajouté des liens vers du contenu externe et je les ai visualisés à l’aide de différentes méthodes – l’une utilisant une image personnalisée, et l’autre utilisant l’une des nombreuses icônes intégrées qui sont disponibles.

6. Une fois ajoutés, les liens s’affichent dans le composant Web comme indiqué ci-dessous.

7. Après avoir complété la section des liens rapides et republié la page, j’ai apporté quelques touches finales à la page d’accueil en ajoutant un widget météo sous les liens rapides et une bannière sous le fil d’actualité.

Voici à quoi ressemble la page finale avec la partie web d’information comme élément principal.

Et voici à quoi cela ressemble avec la partie web Hero laissée en place.

Avec le composant web Hero inclus dans la page, vous obtenez une page plus longue avec un effet de défilement.

Conclusion

Dans cet article, nous vous avons montré les étapes à suivre pour ajouter des éléments Web supplémentaires à votre page de renvoi Intranet nouvellement créée dans SharePoint Online.  Les composants Web ajoutés sont les suivants : Actualités, Liens rapides, Météo et Images.  L’ajout de ces composants Web dans les sections et les colonnes de votre page vous permet de produire une expérience intranet moderne et professionnelle pour vos utilisateurs Microsoft 365.