Partager via

SharePoint 2013: Configuration d’une navigation par métadonnées (fr-FR)

  • Article

SharePoint 2013 introduit un nouveau concept : la navigation par métadonnées (Managed navigation).

Les fonctionnalités-clé de la navigation par métadonnées sont les suivants :

  • La navigation de votre site n’est plus fonction de la structure de votre site, mais est basée sur une hiérarchie de Terms du Term Store,
  • Les menus à plusieurs niveaux sont gérés, puisque la gestion des Terms est hiérarchique,
  • Les URLs ont un nouveau format, par exemplehttp://webapp4apps.spasipe.local/business au lieu de http://webapp4apps.spasipe.local/business/default.aspx,
  • Les paramètres de la navigation sont gérés dans le Term Store,
  • Le multilinguisme est géré.

Procédure de configuration

1. Sur le site, cliquez sur l’icône indiqué puis sur "Site settings".

http://spasipe.files.wordpress.com/2012/08/1104.png?w=595

2. Dans la partie "Look and Feel", cliquez sur "Navigation".

http://spasipe.files.wordpress.com/2012/08/190.png?w=595

3. Comme d’habitude, nous pouvez paramétrer la navigation globale (le menu du haut) et la navigation actuelle (le menu de gauche).

  • Navigation globale : Sélectionnez la "Managed Navigation".

http://spasipe.files.wordpress.com/2012/08/735.png?w=595

  • Navigation actuelle : Sélectionnez la "Managed Navigation".

http://spasipe.files.wordpress.com/2012/08/250.png?w=595

4. Cliquez sur "Create Term Set"; si vous rencontrez une erreur à cette étape jetez un oeil à cet article.

http://spasipe.files.wordpress.com/2012/08/340.png?w=595

5. Le message "Successfully created …" s’affiche; ont été créés :

  • Un Term Group, nommé "Site Collection – UrlDuSite" (les caractères "/" étant remplacés par des "-"),
  • Un Term Set correspondant à la langue du site.

Note : Il y a dans ce cas 2 Term Sets créés car j’ai activé les variations et déjà généré un Term Set pour la langue "es-es".

http://spasipe.files.wordpress.com/2012/08/344.png?w=595

6. Cliquez sur le lien en-dessous pour accéder au Term Store (_layouts/15/termstoremanager.aspx).

http://spasipe.files.wordpress.com/2012/08/525.png?w=595

7. Dans la liste on retrouve bien notre Term Set.

http://spasipe.files.wordpress.com/2012/08/636.png?w=5958. Créez un ou plusieurs Terms en cliquant sur "Create Term".

http://spasipe.files.wordpress.com/2012/08/729.png?w=5959. J’ai créé dans cet exemple 4 Terms.

http://spasipe.files.wordpress.com/2012/08/820.png?w=595

10. De retour sur la page d’accueil du site le résultat est conforme à notre configuration : les 4 Terms composent les 2 menus.

http://spasipe.files.wordpress.com/2012/08/1024.png?w=600&h=213

11. Si vous souhaitez avoir des menus à plusieurs niveaux, il suffit d’imbriquer des Terms dans un autre, comme ici avec le Term "Archives" et les 3 années.

http://spasipe.files.wordpress.com/2012/08/1611.png?w=293&h=247

12. Le résultat est le suivant : déplié par défaut dans le menu de gauche et déplié sur clic dans le menu du haut.

http://spasipe.files.wordpress.com/2012/08/1710.png?w=600&h=259

Paramètres supplémentaires des Terms

Comme nous l’avons vu au chapitre précédent, la configuration des menus est relativement simple.

Nous allons voir ici ce qu’il est possible de paramétrer au niveau des Terms.

1. Cliquez sur un de vos Term, puis sur l’onglet "NAVIGATION".

http://spasipe.files.wordpress.com/2012/08/258.png?w=595

2. Voici les propriétés modifiables :

  • Le titre de l’entrée du menu : le Term se nomme  "Business", mais je choisis de nommer "Business Custom" l’entrée de menu correspondante.

http://spasipe.files.wordpress.com/2012/08/527.png?w=595

  • Le texte affiché lors du passage de la souris sur l’entrée du menu.

http://spasipe.files.wordpress.com/2012/08/347.png?w=595

  • L’affichage de l’entrée dans les menus; ici je décide que ce term ne s’affichera pas dans la navigation globale.

http://spasipe.files.wordpress.com/2012/08/529.png?w=595

  • Le type de l’élément de navigation : Un lien simple / Pas de lien ou une URL "friendly" (c’est-à-dire finissant par exemple par "/business") gérée par le Term. Cette seconde option nécessite une configuration supplémentaire – voir paragraphe suivant (Configurer les "Term Driven Pages").

http://spasipe.files.wordpress.com/2012/08/259.png?w=595

  • La dernière propriété permet de configurer qu’une entrée de menu sera sélectionnée pour toutes les pages présentes dans un dossier.

http://spasipe.files.wordpress.com/2012/08/825.png?w=595

Pour l’exemple j’active cette option au niveau d’un Term nommé "Print Documents" et ce pour la bibliothèque "Documents".

Le résultat est le suivant (on ne voit pas forcément très bien mais l’entrée du menu a un fond gris) :

http://spasipe.files.wordpress.com/2012/08/348.png?w=595

Configurer les "Term Driven Pages"

Si vous décidez que votre élément de navigation sera du type "Term Driven Page with friendly URL", vous aurez à votre disposition quelques options supplémentaires.

1. Votre Term étant sélectionné, cliquez sur "TERM-DRIVEN PAGES" dans le menu.

http://spasipe.files.wordpress.com/2012/08/733.png?w=595

2. Voici les propriétés modifiables :

http://spasipe.files.wordpress.com/2012/08/824.png?w=595

  • La page qui sera associée à l’URL paramétrée ci-dessus. En gros vous associez une page au Term (1ère case) ou à ses descendants (2ème case).

http://spasipe.files.wordpress.com/2012/08/826.png?w=595

  • Une image ou des propriétés SEO

http://spasipe.files.wordpress.com/2012/08/1026.png?w=595

  • La page qui sera associée au Term si celui-ci est utilisé comme une catégorie de catalogue.Vous associez une page à la catégorie (1ère case) ou à ses descendants (2ème case).

http://spasipe.files.wordpress.com/2012/08/1220.png?w=595

3. Cliquez sur "Save".

Récapitulatif des modifications effectuées sur le Term "Business" :

  • Il est affiché dans le menu comme "Business Custom",
  • Il n’apparaît dans la navigation globale,
  • Le texte "Pas terrible …" s’affiche au survol,
  • Il pointe sur la friendly URL "lebusinesspourlesnuls",
  • La page affichée est "PageNotFoundError.aspx".

http://spasipe.files.wordpress.com/2012/08/640.png?w=595

Lors du clic sur le Term, enfin l’entrée de menu, enfin on clique quoi

http://spasipe.files.wordpress.com/2012/08/1514.png?w=595