Personnalisation de la navigation

Utilisez les zones de contenu dynamique pour déterminer ce qui est affiché dans la navigation supérieure, principale et secondaire. Utilisez le fichier navigation.jsp pour mapper les propriétés aux ID de zone de contenu dynamique dans les fichiers theme.html. L'affichage de la navigation s'effectue avec un fichier JSP unique à l'aide des balises <ul> et <li>.

Il s'agit des niveaux de navigation fournis dans un thème :

Niveaux de navigation Supérieur, Primaire et Secondaire

Supérieur - élément 1

Affiche les liens pour les pages directement sous la racine de contenu, tels que Accueil, Administration et Applications. Utilisez dyn-cs:id:85theme_topNav pour afficher la navigation supérieure :

   <div class="wpthemeHeader">
      ...
      <a rel="dynamic-content" href="dyn-cs:id:85theme_topNav"></a>
      ...
   </div>

Supérieur - élément 2

Affiche les liens vers les pages enfants de la page supérieure sélectionnée, tels que Mise en route et Fonctions pour Accueil. Utilisez dyn-cs:id:85theme_primaryNav pour afficher la navigation primaire :

   <div class="wpthemeBanner">
      ...
      <a rel="dynamic-content" href="dyn-cs:id:85theme_primaryNav"></a>
      ...
   </div>

Secondaire - élément 3

Affiche les liens vers les pages enfant de la page primaire sélectionnée. Utilisez dyn-cs:id:85theme_secondaryNav pour afficher la navigation primaire :

   <div class="wpthemeSecondaryBanner">
      ...
      <a rel="dynamic-content" href="dyn-cs:id:85theme_secondaryNav"></a>
      ...
   </div>

Navigation - élément 4

Affiche l'emplacement de la page Web en cours dans le site Web et le chemin logique jusqu'au niveau le plus élevé de la structure du site. Le trajet de navigation débute à la racine du contenu et se déroule jusqu'à la page statique actuellement sélectionnée.

Côté

Affiche les liens pour les pages enfant et petit-enfant de la page supérieure sélectionnée. Par défaut, ce modèle est appliqué à la section Administration de votre portail.

   <div class="wpthemeSideNavigation wpthemeLeft" role="navigation">
      ...
      <a rel="dynamic-content" href="dyn-cs:id:85theme_sideNav"></a>
      ...
   </div>

Mobile

Affiche les liens pour les pages enfant et petit-enfant de la page supérieure sélectionnée, sur les unités mobiles uniquement, comme les téléphones intelligents et les tablettes graphiques. Chaque niveau de navigation est chargé de manière lente sur la page lorsque l'utilisateur clique.

<div class="wpthemeBanner">
      ...      
      <a rel="dynamic-content" href="dyn-cs:id:85theme_mobileNav"></a>      
      ...   
</div>

Pour désactiver le chargement lent de la navigation mobile, remplacez la zone de contenu dynamique 85theme_mobileNav par la zone de contenu dynamique 85theme_mobileNav_static.

<div class="wpthemeBanner">      ...     
          <a rel="dynamic-content"
    href="dyn-cs:id:85theme_mobileNav_static"></a>            ...  
    </div>

Zone de contenu Navigation

Les ID de zone de contenu sont mappés sur les sous-contributions de module wp_dynamicContentSpots_85 dans le fichier PortalServer_root\theme\wp.theme.themes\default85\installedApps\DefaultTheme85.ear\DefaultTheme85.war\WEB-INF\plugin.xml.

Tableau 1. Noms des propriétés des zones de contenu.
Nom	Valeur
`85theme_topNav`	mvc:smartphone/tablet@res:{war:context-root}/themes/html/dynamicSpots/navigation.jsp?type=top
`85theme_primaryNav`	mvc:res:{war:context-root}/themes/html/dynamicSpots/navigation.jsp?type=primary,smartphone@,tablet@
`85theme_secondaryNav`	mvc:res:{war:context-root}/themes/html/dynamicSpots/navigation.jsp?type=secondary,smartphone@,tablet@
`85theme_sideNav`	mvc:res:{war:context-root}/themes/html/dynamicSpots/sideNavigation.jsp?startLevel=2,smartphone@,tablet@
`85theme_mobileNav`	mvc:smartphone/tablet@res:{war:context-root}/themes/html/dynamicSpots/mobileNavigation.jsp mvc:smartphone/tablet@res:{war:context-root}/themes/html/dynamicSpots/lazyMobileNavigation.jsp?context={war:context-root}

La valeur d'URI de sous-contribution indique quel JSP est chargé dans la zone. Pour les trois zones de navigation horizontales, le même fichier navigation.jsp est utilisé avec un paramètre différent transmis au JSP. Le fichier navigation.jsp se trouve dans le dossier PortalServer_root\theme\wp.theme.themes\default85\installedApps\DefaultTheme85.ear\DefaultTheme85.war\themes\html\dynamicSpots. Le paramètre est une clé de type avec trois valeurs possibles :

top: Le JSP de navigation effectue le rendu de la navigation supérieure à partir du niveau 0 de la navigation de page (niveau le plus élevé).
primaire: Le JSP de navigation effectue le rendu de la navigation principale à partir du niveau 1 de la navigation de page.
secondaire: Le JSP de navigation effectue le rendu de la navigation secondaire à partir du niveau 2 de la navigation de page.

Dans les fichiers theme.html de votre thème, vous pouvez supprimer les zones de contenu dynamique de navigation par défaut. Vous pouvez ensuite remplacer les zones de contenu dynamique par vos propres mappages indiquant votre propre implémentation jsp. Par exemple, vous pouvez remplacer les trois premiers niveaux de navigation par un seul niveau de navigation supérieur et une navigation dotée d'un seul côté.