Procédure pas à pas guidée : créer un site de dons pour votre organisation

Dans cet article, nous vous présentons des éléments d’un exemple de site de dons pour vous inspirer, puis pour vous montrer comment créer des sites similaires pour votre propre organisation. Dans cet exemple, le site de dons indique à titre d’exemple comment une page avec une conception et une messagerie réfléchies peut inspirer votre organisation. Cet exemple de page figure également dans un site hub de ressources humaines.

Tout d’abord, si vous n’avez pas encore créé de site de communication, veuillez consulter la section Créer votre site de cet article.

Une fois que vous avez créé votre site et que vous savez comment modifier des pages, vous pouvez utiliser les étapes ci-dessous pour ajouter les éléments affichés.

Exemple de site de dons

Image de la page d’accueil Instructions de personnalisation
Image de la page d’accueil du site de dons 1. Facilitez la navigation sur votre site Personnalisez la navigation pour permettre aux utilisateurs de découvrir facilement du contenu important sur votre site. En savoir plus

2. Inspirez-vous avec des images et des informations Utilisez des images attrayantes et inspirantes qui renvoient au contenu en haut de la page. En savoir plus

3. Faites une déclaration Créez un texte professionnel et cohérent avec plusieurs choix de mise en forme. En savoir plus

Appel à l’action Facilitez la prise de mesures immédiates par les utilisateurs. En savoir plus

4. Diffusez les actualités Partagez des idées et des récits qui améliorent votre message. En savoir plus

5. Obtenez des événements sur le calendrier Ajoutez un calendrier d’événements pour tenir les personnes au courant des événements associés. En savoir plus

Créer votre site

Pour créer un site similaire à celui illustré ici, vous allez créer un Site de communication. Pour ce faire, sélectionnez Créer un site depuis la page de démarrage de SharePoint (ou, si vous voulez associer ce site à un site hub existant, accédez au site hub, puis sélectionnez Créer un site pour associer automatiquement le site de communication à ce site hub).

Image de l’option Créer un site

Ensuite, choisissez Site de communication, puis la disposition Rubrique. Renseignez le nom, la description et d’autres informations de votre site, puis sélectionnez Terminer. Vous obtiendrez alors un modèle avec le même type de disposition que l’exemple de cet article.

Image du panneau Site de communication

Pour plus d’informations, consultez Créer un site de communication dans SharePoint Online.

Retour en haut

Faciliter la navigation de votre site

Vous pouvez personnaliser rapidement et facilement l’organisation et la navigation de votre site SharePoint pour permettre à vos visiteurs de naviguer facilement sur le site, puis de trouver les informations dont ils ont besoin.

Image de la barre d’outils de navigation SharePoint

  • Ajouter, puis modifier le menu principal Modifiez facilement le menu supérieur pour lier la page à d’autres pages SharePoint ou sur Internet.

  • Méga-menus Lorsqu’un site fait partie d’un site hub, vous pouvez créer des méga-menus efficaces.

Si vous souhaitez en savoir plus sur la navigation, veuillez consulter la rubrique Personnaliser la navigation sur votre site SharePoint.

Retour en haut

S’inspirer avec des images et des informations

Faites savoir à votre équipe ce qui est le plus important avec les images de bannière à fort impact, la personnalisation de l’entreprise et les actualités importantes. Des images volumineuses et attrayantes de l’Élément web de bannière créent l’impact initial de la page d’accueil du site de dons. La disposition utilisée dans cet exemple est Quatre vignettes.

Disposition Hero

La modification du composant WebPart présente les options de disposition. L’option Vignettes, telle que celle illustrée ci-dessus, présente des dispositions pour une à cinq vignettes. L’option Couches définit chaque image en tant que couche avec l’image en regard du titre. Jusqu’à cinq couches sont possibles, afin que vous puissiez utiliser le composant WebPart pour remplir la page entière.

Dans cet exemple, le composant WebPart Hero se trouve dans une section de pleine chasse.

Utilisez l’icône Déplacer l’élémentIcône Déplacer l’élément Bouton Déplacer le composant WebPart à gauche pour réorganiser les vignettes dans le composant WebPart Hero.

Image du composant WebPart Hero

Personnaliser chaque vignette

Lorsque vous sélectionnez une vignette, une barre d’outils s’affiche en bas de la vignette, dans laquelle vous pouvez sélectionner Modifier les détails où vous pouvez modifier le lien et l’image utilisés. Avec la vignette plus grande, vous pouvez également définir le texte et le lien de l’appel à l’action. Dans la même barre d’outils, vous pouvez définir un point focal pour l’animation de pointage, ainsi qu’effectuer un zoom avant et un zoom arrière sur l’image.

Image du panneau de personnalisation de l’Élément web de bannière

Pour plus d’informations sur l’utilisation du composant WebPart Hero, consultez Utiliser le composant WebPart Hero.

Retour en haut

Créer une instruction avec le composant WebPart Texte

La typographie uniforme et professionnelle est une fonctionnalité de ce site, et le composant WebPart Texte fournit des outils pour affiner l’impact du texte utilisé dans plusieurs emplacements de cette page. Dans cet exemple, le composant WebPart Texte utilise le style Texte normal. Les points de suspension (...) à l’extrémité droite de la barre d’outils de mise en forme offrent des options supplémentaires.

Dans cet exemple de site de dons présenté ci-dessus, le composant WebPart se trouve dans une section d’une colonne.

Image du composant WebPart Texte

Si vous souhaitez en savoir plus sur l’utilisation du composant WebPart Texte, veuillez consulter la rubrique Ajouter du texte et des tableaux à votre page avec le composant WebPart Texte.

Retour en haut

Appel à l’action

Dans cet exemple, le site de dons comporte une section utilisant une disposition à trois colonnes avec des images et des liens dans la section.

Image de la configuration Appel à l’action

Ici, le composant WebPart Image est associé à un composant WebPart Texte pour créer un appel à l’action.

Image de la configuration Appel à l’action 2

Si vous souhaitez en savoir plus sur l’utilisation du composant WebPart Image, veuillez consulter la rubrique Utiliser le composant WebPart Image.

Travailler avec des sections

Pour créer des sections, commencez à apporter des modifications en cliquant sur Modifier en haut à droite de la page.

Image de l’option Modifier

Le symbole + avant ou après une section ajoute une section à l’aide de l’une des différentes dispositions.

Image du panneau Section

Les sections constituent votre page et sont là où vous placez un ou plusieurs composants WebPart. Lors de la modification de la page, chaque section affiche les contrôles permettant de modifier la disposition, de déplacer ou de supprimer les sections. Si vous souhaitez en savoir plus sur l’utilisation des sections, veuillez consulter la rubrique Ajouter ou supprimer des sections et des colonnes sur une page.

Image de l’icône Ajouter une section

Utilisation des composants WebPart

Sélectionnez le symbole plus Image du symbole Plus dans une section, qui peut apparaître avant ou après un composant WebPart dans une section, pour afficher les nombreux types de composants WebPart disponibles. Pour plus d’informations sur tous les composants WebPart, consultez Utilisation de composants WebPart sur les pages SharePoint.

Image de l’icône Ajouter un composant WebPart

Vous pouvez modifier, déplacer ou supprimer des composants WebPart dans les sections. L’icône Modifier le composant WebPart ouvre des contrôles détaillés propres à chaque type de composant WebPart.

Image de la barre des tâches Modifier le composant WebPart

Lorsque vos mises à jour de page sont prêtes, sélectionnez Publier pour les rendre visibles à votre audience.

Image de l’option Publier

Conseil

Pour gérer toutes vos pages sur le site, cliquez sur Pages dans le menu supérieur. Si vous souhaitez en savoir plus sur l’utilisation de pages, veuillez consulter la rubrique Créer et utiliser des pages modernes sur un site SharePoint.

Retour en haut

Diffuser des actualités avec le composant WebPart Actualités

Le composant WebPart Actualités fournit des contrôles pour choisir laSource d’actualités et la Disposition, puis pour Organiser, puis Filtrer le contenu. Sous Disposition, cinq options permettent d’ajuster la présentation des éléments d’actualités. Dans cet exemple, des articles d’actualités utilisent le site en tant que source, et la disposition Articles à la une. Les récits apparaissent côte à côte avec une image volumineuse et deux images plus petites, car seuls trois articles d’actualités sur le site sont publiés.

Dans cet exemple, le composant WebPart se trouve dans une section à une colonne.

Image du composant WebPart Actualités

Pour plus d’informations sur l’utilisation du composant WebPart Actualités, consultez Utiliser le composant WebPart Actualités sur une page SharePoint.

Retour en haut

Ajouter un calendrier d’événements avec le composant WebPart Événements

Le composant WebPart Événements vous permet d’afficher facilement les événements à venir sur votre page de dons. Vous pouvez utiliser ce composant WebPart pour attirer l’attention sur les événements liés aux dons, allant des sessions de planification aux événements réels. D’autre part, les utilisateurs peuvent facilement sélectionner l’événement pour l’ajouter à leurs calendriers.

Dans cet exemple de site de dons, ce composant WebPart utilise la disposition Bande de film.

Image du composant WebPart Évènements

Si vous souhaitez en savoir plus sur l’utilisation du composant WebPart Événements, veuillez consulter la rubrique Utiliser le composant WebPart Événements.

Retour en haut

Vous souhaitez en savoir plus ?

Inspirez-vous avec d’autres exemples et la possibilité d’ajouter un exemple de site de dons avec le lookbook SharePoint.