Utilisation des zones de contenu dynamiques
Vous pouvez ajouter un contenu dynamique à votre thème personnalisé en utilisant la logique côté client ou côté serveur.
Vous pouvez ajouter du contenu dynamique au contenu statique de votre thème personnalisé en utilisant des zones de contenu statique. Les zones de contenu dynamique sont des points d'ancrage dans le marquage statique tel que theme.html qui délègue à d'autres emplacements pour injecter davantage de marquage dans la zone de la page. La délégation peut être effectuée à n'importe quel URI connu du système. Par exemple, il peut désigner un composant côté serveur, tel qu'un JSP ou un servlet.
Pour résumer le thème provenant de liens directs dans le code côté serveur, utilisez le schéma dyn-cs: avec un identificateur unique pour une zone de contenu dynamique. Cela permet d'effectuer des fonctions avancées telles que la délégation pour différents JSP sur différentes pages. Utilisez les exemples suivants.
Inclusion d'un mappage de zone de contenu dynamique nommé :
<a rel="dynamic-content" href="dyn-cs:id:newDynamicContentSpotName"></a>Inclusion d'un thème JSP directement :
<a rel="dynamic-content"
href="res:/CustomThemeContext/themes/html/MyTheme/dynamicContent.jsp"></a>Configuration et modification des zones de contenu dynamiques nommées
Les mappages de zones de contenu dynamique peuvent être définis dans le cadre de la définition du module en utilisant l'attribut ref-id sur un type de contribution dyn-cs. Ces mappages peuvent également être définis pour les modèles de thème et d'habillage dans un fournisseur d'environnement de ressources (REP) nommé WP DynamicContentSpotMappings dans la console WebSphere® Integrated Solutions Console. Pour plus d'informations, voir Création d'une zone de contenu dynamique.
Les tables suivantes sont une présentation générale des zones de contenu dynamique qui sont le plus fréquemment utilisées. Utilisez l'Explorateur de contributions de l'Analyseur de thème pour visualiser toutes les zones de contenu dynamique fournies.
| Nom de la zone de contenu | Défini dans le module | Valeur | Description |
|---|---|---|---|
| n/a | co:config | Démarre la source de données de l'outil de combinaison qui injecte le marquage config identifié dans le profil de module | |
| n/a | co:head | Démarre la source de données de l'outil de combinaison qui injecte le marquage head identifié dans le profil de module | |
| 85theme_asa | mc:wp_authoring_actionbar@mvc:res:/wps/themeModules/modules/actionbar/jsp/actionbar.jsp,tablet@,smartphone@ | Fournit l'extension d'analyse de site | |
| 85theme_commonActions | wp_dynamicContentSpots_85 | res:/wps/defaultTheme85/themes/html/dynamicSpots/commonActions.jsp | Actions communes sur la bannière, à savoir Actions, Connexion, Déconnexion |
| 85theme_crumbTrail | wp_dynamicContentSpots_85 | mvc:res:{war:context-root}/themes/html/dynamicSpots/crumbTrail.jsp,smartphone@ | Trajet de navigation permettant d'afficher le chemin de sélection de page |
| 85theme_footer | wp_dynamicContentSpots_85 | res:/wps/defaultTheme85/themes/html/dynamicSpots/footer.jsp | Bas de page |
| 85theme_head | wp_dynamicContentSpots_85 | res:/wps/defaultTheme85/themes/html/dynamicSpots/head.jsp | Elément head HTML qui fournit le titre du document, les styles, l'icône de signet |
| 85theme_layout | wp_dynamicContentSpots_85 | lm:template | Présentation de la page |
| 85theme_mobileNav | wp_dynamicContentSpots_85 | mvc:smartphone/tablet@res:/wps/defaultTheme85/themes/html/dynamicSpots/mobileNavigation.jspmvc:smartphone/tablet@res:wps/defaultTheme85/themes/html/dynamicSpots/lazyMobileNavigation.jsp?context=wps/defaultTheme85 | Navigation utilisée sur les appareils mobiles tels que les smartphones et les tablettes Chaque niveau de navigation est chargé de manière lente lorsque l'utilisateur clique. |
| 85theme_mobileNav_static | wp_dynamicContentSpots_85 | mvc:smartphone/tablet@res:wps/defaultTheme85/themes/html/dynamicSpots/mobileNavigation.jsp | Navigation utilisée sur les appareils mobiles tels que les smartphones et les tablettes Chaque niveau de navigation est préchargé dans le balisage de page. |
| 85theme_pageModeToggle | wp_dynamicContentSpots_85 | zmc:wp_toolbar@res:/wps/defaultTheme85/themes/html/dynamicSpots/pageModeToggle.jsp | Boutons Mode Edition et Mode Vue dans la bannière du thème visible lorsque le menu du projet est désactivé |
| 85theme_primaryNav | wp_dynamicContentSpots_85 | mvc:res:{war:context-root}/themes/html/dynamicSpots/navigation.jsp?type=primary,smartphone@,tablet@ | Navigation située dans la bannière, deuxième niveau de navigation |
| 85theme_secondaryNav | wp_dynamicContentSpots_85 | mvc:res:{war:context-root}/themes/html/dynamicSpots/navigation.jsp?type=secondary,smartphone@,tablet@ | Navigation située dans la sous-bannière, troisième niveau de navigation |
| 85theme_sideNav | wp_dynamicContentSpots_85 | mvc:res:/wps/defaultTheme85/themes/html/dynamicSpots/sideNavigation.jsp?startLevel=2,smartphone@,tablet@ | Navigation côté imbriqué lancée au troisième niveau |
| 85theme_status | wp_dynamicContentSpots_85 | mc:wp_status_bar@res:/wps/defaultTheme85/themes/html/dynamicSpots/status.jsp | Zone située dans la mise en page, qui affiche les messages d'état, d'avertissement et d'erreur à l'attention de l'utilisateur |
| 85theme_topNav | wp_dynamicContentSpots_85 | mvc:smartphone/tablet@res:{war:context-root}/themes/html/dynamicSpots/navigation.jsp?type=top | Navigation située dans l'en-tête de thème, premier niveau de navigation |
| wp_toolbar_dynspot | wp_toolbar | Barre d'outils à onglets située au début de la page en mode édition | |
| wp_project_menu_dynspot | wp_project_menu | Menu déroulant du projet situé dans l'en-tête du thème | |
| wp_search_mobile_dynspot | wp_searchbar | Entrée de recherche affichée dans la sous-bannière | |
| wp_preview_dynspot | wp_preview | Bouton Fermer l'aperçu situé au début de la page lorsque celle-ci est prévisualisée via un ID utilisateur différent | |
| wp_analytics_dynspot | wp_analytics | Fournit l'extension d'analyse de site | |
| wp_analytics_head_dynspot | wp_analytics | Fournit l'extension head d'analyse de site |
| Valeur de zone de contenu | Description |
|---|---|
| lm:control | Affiche le corps du contrôle de présentation. |
| lm:title | Affiche le titre du portlet. |
| lm:description | Affiche la description du portlet. |
| portlet.link:portlet | Permet de générer le marquage <span id="portlet_id"></span> pour permettre à la page de se positionner à un marquage de portlet particulier avec un identificateur de fragment. |
| wp_analytics_portlet_dynspot Défini dans le module : |
Fournit l'extension d'analyse de site pour les portlets. |
Vous pouvez modifier les valeurs de zone de contenu dynamique de deux façons différentes.
- Les zones de contenu dynamique qui sont définies via le module
wp_dynamicContentSpots_85font partie du thème par défaut et sont clonées lorsque vous créez votre propre thème. Renommez le module dans votre thème, mettez à jour la référence dans le profil et modifiez ensuite les valeurs des zones de contenu dynamique. - Vous pouvez modifier les zones de contenu dynamique système telles que
wp_search_dynspoten les remplaçant par l'infrastructure du module. Par exemple, vous pouvez créer un module qui redéfinit cette zone de contenu dynamique nécessitant le module de basewp_search. Par conséquent, la référence à votre zone de contenu dynamique est utilisée.