Power Platform - Apps - Automate - SharePoint

Pages

Déroulé pédagogique

Module 5 : Personnalisation des pages

Concepts et Exemples concrets d’utilisation

Cf. Miro.

Exercice pratique

Modifier la page d’accueil – Sur votre site d’équipe de test, cliquez sur Modifier la page d’accueil. Ajoutez un Web Part Texte en haut de page et écrivez un message de bienvenue. Ajoutez ensuite, en dessous, un Web Part Liens rapides : créez-y 2 ou 3 liens (par ex. vers le site de l’entreprise, vers un document clé du site, etc.) avec des icônes. Publiez la page. Observez le rendu pour les visiteurs.

Créer une nouvelle page – Créez une page vierge nommée “Tableau de Bord”. Dans cette page, ajoutez une section en 3 colonnes. Dans la première colonne, insérez un Web Part Texte et tapez “État du projet : En cours”. Dans la deuxième colonne, insérez un Web Part Personnes et ajoutez 2 personnes (vous-même et un collègue par exemple) pour illustrer l’équipe projet. Dans la troisième colonne, insérez un Web Part Activité du site. Publiez la page. Vous venez de construire une page synthétique mêlant texte, personnes clés, et activité récente.

Créer une actualité – Via le bouton Actualité (ou Nouveau > Actualité), créez une actualité intitulée “Réunion générale”. Dans le contenu, écrivez “La prochaine réunion générale aura lieu le 15 juin à 10h.” Ajoutez éventuellement une image bannière. Publiez l’actualité. Retournez à la page d’accueil et vérifiez que votre news apparaît dans la liste des actualités.

Changer le modèle de section – Sur la page “Tableau de Bord” créée, repassez en mode Édition. Changez la section de 3 colonnes en 1 colonne (via l’icône Modifier la section puis en sélectionnant une colonne). Notez que les web parts se sont empilés verticalement. Déplacez éventuellement un web part d’une section à une autre (glisser-déposer). Essayez l’option Annuler la modification (ou ne pas enregistrer) pour voir que vous pouvez abandonner des changements si besoin.

Synthèse du module

Pages modernes : principal support de mise en page dans SharePoint Online, elles sont faciles à éditer en mode WYSIWYG. On peut y insérer de multiples Web Parts (composants) pour afficher différents contenus (texte, listes, images, vidéos, etc.). L’interface d’édition est accessible à tout contributeur avec droits, ce qui démocratise la création de pages (plus besoin de compétences techniques élevées).

Web Parts : blocs modulaires permettant d’afficher diverses données. SharePoint fournit des web parts natifs (texte, image, actualités, événements, documents, Power BI, etc.) et on peut en déployer d’autres. Le concepteur doit choisir judicieusement quels web parts utiliser pour répondre au besoin d’information de la page.

Mise en page : l’organisation en sections et colonnes offre de la flexibilité pour structurer visuellement l’information. Il est conseillé de ne pas trop surcharger les pages et de garder une mise en page claire (par exemple, éviter de mettre 4-5 colonnes qui rendront la lecture difficile sur des petits écrans). Mieux vaut plusieurs sections empilées qu’une seule section trop dense.

Pages d’actualités : ce sont des pages comme les autres, mais utilisées pour la communication régulière. Elles peuvent être mises en avant via le Web Part Actualités. Il est possible de planifier leur publication ou d’utiliser le flux d’approbation de pages (approuver/rejeter des modifications de page avant publication, fonctionnalité disponible sur les sites communication/hubs).

Approche collaborative : depuis 2021, SharePoint permet même la co-édition des pages (plusieurs auteurs peuvent éditer la même page simultanément, tout comme les documents). Cela renforce l’aspect collaboratif de la création de contenu web interne (

Collaborer sur des pages et des actualités SharePoint avec la co-création⁠

). La personnalisation de pages SharePoint est un travail à la portée d’un concepteur fonctionnel, sans avoir besoin de développement, qui permet de transformer un site “vide” en un portail riche en informations mises en forme pour les utilisateurs.

Concepts et Exemples concrets d’utilisation

Exercice pratique

Synthèse du module

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.