SharePoint 2013 : ​​Personnalisation de l'identité visuelle de vos sites​​

Utiliser les présentations composées

Testez gratuitement nos 1324 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Découvrez comment appliquer la couleur marron au niveau du titre du site. Ainsi, prenez en main l'outil gratuit SharePoint Color Palette Tool.
06:46

Transcription

Un gros avantage de travailler avec des modиles pour crйer des sites est la simplicitй. Vous choisissez le modиle de site puis vous crйez un site а partir de ce modиle. L'inconvйnient c'est que les sites ont tendance а se ressembler. Pour remйdier а cet inconvйnient, vous pouvez bien sыr appliquer un thиme, mais vous pouvez faire encore plus, c'est-а-dire que plutфt que d'appliquer simplement un thиme, comme зa a йtй fait pour Fruits et Lйgumes, vous pouvez carrйment personnaliser le thиme. Pour vous aidez, Microsoft a produit un outil qui est trиs intйressant, qui s'appelle : SharePoint Color Palette Tool. Donc vous faites une recherche sur internet. Vous le tйlйchargez а partir du site officiel. Vous l'installez, et il s'installe vraiment trиs simplement. Voilа, vous le tйlйchargez. OK. Vous l'enregistrez et vous l'exйcutez. Voilа, vous faites Suivant, l'installation est hyper rapide, et du coup, vous avez l'outil qui se prйsente comme зa, qui va vous permettre de personnaliser le thиme que vous souhaitez. Donc ouvrez le site, en fait Fruits et Lйgumes. Voilа, il est lа. Donc vous ouvrez Fruits et lйgumes et vous allez dans les paramиtres, Paramиtres du site, et vous avez une Galeries du concepteur web. En dessous, vous avez Prйsentations composйes, vous cliquez dessus, et tout en bas, vous avez une prйsentation composйe qui s'appelle Actuelle. On va crйer comme si on allait crйer un nouvel йlйment et on voit bien qu'une prйsentation composйe eh bien, vous avez une page maоtre vous avez un thиme, vous avez une image etc. Donc lа, revenez tout en bas, et vous voyez donc Actuelle qui est constituйe notamment de ce qu'on appelle un URL de thиme et vous avez lа directement l'URL concernй. Donc, vous avez ici, il s'appelle : catalogs/thиme/15/Palette015.spcolor. Pour modifier ce thиme, il faut le tйlйcharger, donc vous cliquez dessus, vous l'enregistrez. Alors notez prйcieusement et soigneusement l'endroit oщ vous souhaitez le garder, par exemple ici, trиs bien. Vous retournez dans SharePoint Color Palette et lа vous remarquerez que vous avez en fait diffйrents jeux de couleurs bien sыr, et ces couleurs sont modifiables. Toutefois, pour faciliter votre travail, je vous conseille de les regrouper, vous voyez ici dans Group by par Groupe UI autrement dit par groupe d'interfaces, comme за, vous voyez ce qui ressort du Texte, du fond, du Titre et ainsi de suite, c'est plus facile me semble-t-il pour pouvoir travailler, sachant que vous verrez le rйsultat s'afficher ici. Alors par ailleurs, vous кtes sur un Layout qui par dйfaut est Oslo. Donc lа, vous allez changer, vous allez passer en Seattle puisque c'est la page maоtre, puisque c'est son nom que vous souhaitez utiliser. Aprиs, il vous faut bien sыr rйcupйrer le fichier de thиme que vous avez tйlйchargй, donc vous allez dans File, Open et lа, vous allez tout simplement dans Tйlйchargements, vous sйlectionnez votre palette, vous l'ouvrez, et vous voyez effectivement le rйsultat s'afficher dans le volet central. Alors, ne prкtez pas attention, vous avez en fait en bas diffйrents messages qui s'affichent mais on va pour l'instant ne pas y intйresser. Ce qu'on veut faire c'est changer le titre de la page en marron. Donc, pour changer en marron le titre de la page, eh bien en fait, il faut cliquer sur la petite flиche qui se trouve en face de Text, et si vous descendez encore un petit peu, vous devez trouver normalement le titre qui doit s'afficher, voilа : Site Title, donc зa c'est le titre du site, qui est pour l'instant en noir, et que vous allez basculer en marron. Donc pour cela, vous allez utiliser le sйlectionneur de couleur lа, vous avez le Color Picker. Alors vous pouvez sйlectionner diffйrentes couleurs ou bien vous pouvez mettre directement les valeurs, ici, je sais que c'est 153 pour le rouge, 102 pour le vert et 0 pour le bleu, pour obtenir ce joli marron. Vous faites OK. Donc on voit bien que c'est devenu en marron, et maintenant, vous allez enregistrer, donc vous allez faire File, Save, et lа vous pouvez donner un nom, donc vous allez donner le nom par exemple Fruits.spcolor : bon, vous n'кtes pas obligйs de mettre spcolor, mais comme зa c'est fait, vous faites Enregistrer, et vous pouvez fermer maintenant le SharePoint Color Palette. Vous retournez sur votre site, donc sur le site racine de la collection de sites. Donc ici, on va y aller directement comme зa, vous allez cliquer sur Paramиtres, Paramиtres su site, et dans la Galerie du concepteur web, vous cliquez sur Thиmes, et lа vous avez des dossiers. En fait, tous les thиmes sont hйbergйs dans le dossier 15, et lа vous avez effectivement une quarantaine de fichiers qui apparaissent, donc vous allez ajouter le vфtre en faisant Nouveau document. Avec le bouton Parcourir, vous allez chercher votre Fruits.spcolor, vous faites Ouvrir, vous faites OK puisque le reste est bon, lа vous allez Enregistrer, alors maintenant que le fichier est enregistrй, il ne reste plus qu'а enregistrer le thиme actuel. Donc ici on va aller directement sur Fruits et Lйgumes, on va aller dans les Paramиtres, Paramиtres du site, on va aller sous Galerie du concepteur, sur Prйsentations composйes, et lа vous descendez un tout petit peu. Alors vous allez demander а modifier cette liste, et lа vous allez descendre un tout petit peu au niveau d'Actuelle, vous avez donc la valeur qu'il faut changer, vous cliquez dessus pour sйlectionner et aprиs vous cliquez sur la petite icфne qui se trouve а cфtй. Et lа vous indiquez directement le nom qui est Fruits, voilа, avec un S, on va corriger aussi le texte qui est affichй, Fruits, donc il ne reste plus qu'а faire OK. Voilа, c'est bon. Vous demandez d'arrкter la modification de cette liste, trиs bien, vйrifiez bien que vos modifications ont йtйs prises en compte, зa me parait parfait. Vous cliquez sur Fruits et Lйgumes, donc il ne reste plus qu'а appliquer le thиme, donc vous allez dans Paramиtres, Modifier l'apparence, vous sйlectionnez Actuelle, on voit bien que le titre est en marron, cliquez sur Le tester, Conserver, et vous avez bien modifiй la couleur du titre.

SharePoint 2013 : ​​Personnalisation de l'identité visuelle de vos sites​​

Devenez autonome dans la personnalisation et la modification de l’aspect de sites SharePoint. Créez des sites basés sur différents modèles, apprenez à les alimenter, etc.

2h02 (29 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
IT
Gestion des documents
Spécial abonnés
Date de parution :10 nov. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !