Intégration d'une barre d'outils à un thème par l'ajout d'une zone de contenu dynamique à un modèle HTML

L'intégration d'une barre d'outils à un thème avec une zone de contenu dynamique permet d'optimiser l'expérience de l'utilisateur par rapport une intégration dynamique.

Procédure

Configurez la barre d'outils du site. Pour ajouter les modules de thème de la barre d'outils du site aux profils de votre thème, choisissez l'un des trois modules de thème.

wp_toolbar_host

Le module de premier niveau de la barre d'outils de site HCL DX Portal 8.5. Il regroupe toutes les ressources qui sont requises pour exécuter la barre d'outils dans votre thème. Il prend en charge le mode vue et le mode édition.

wp_toolbar_host_view

Contient toutes les ressources de barre d'outils qui sont nécessaires pour le mode vue.

wp_toolbar_host_edit

Contient toutes les ressources de barre d'outils qui sont nécessaires pour le mode édition.
Utilisez wp_toolbar_host seul ou combinez wp_toolbar_host_view avec le module wp_toolbar_host_edit.
- Si vous disposez d'un profil de thème qui ne comporte pas de section différée, vous devez ajouter le module de thème wp_toolbar_host.
```
{
"moduleIDs" : [
"getting_started_module",
"wp_toolbar_host",
...
]
...
}
```
- Si vous disposez d'un profil de thème comportant une section non différée et une section différée, il est recommandé de combiner le module wp_toolbar_host_view avec le module wp_toolbar_host_edit. Dans ce cas, vous devez ajouter le module wp_toolbar_host_view à la section non différée et wp_toolbar_host_edit à la section différée.
```
{
"moduleIDs" : [
"getting_started_module",
"wp_toolbar_host_view",
...
],
"deferredModuleIDs" : [
"wp_toolbar_host_edit",
...
],
...
}
```
  Le module de thème wp_toolbar_host_edit est chargé uniquement lorsque vous passez en mode édition.
Ajoutez la zone de contenu dynamique de la barre d'outils version 8.5 aux modèles de thème. Pour intégrer la nouvelle barre d'outils à votre thème, vous devez ajouter une zone de contenu dynamique aux modèles HTML de votre thème. L'ID de la zone de contenu dynamique est 85toolbar.
Pour ajouter cette zone de contenu dynamique, créez un élément d'ancrage HTML qui référence cette zone de contenu dynamique. Intégrez la zone de contenu dynamique dans l'en-tête de votre page
```
<div class="wpthemeFrame">
<header role="banner">
<a rel="dynamic-content" href="dyn-cs:id:85toolbar"></a>
...
```
Ajoutez cette zone de contenu dynamique aux versions spécifiques de l'environnement local de vos modèles de thème.
Dans le thème version 8.0 par défaut, les noms des fichiers de modèle de thème sont theme.html et theme_sidenav.html. Les versions localisées de theme.html se trouvent dans le sous-dossier d'environnement local nls.
Par exemple, theme_en.html.
Lorsque vous intégrez une barre d'outils, vous devez redémarrer le serveur de portail. Vous pouvez également utiliser la console WebSphere® Integrated Solutions Console pour invalider le cache d'agrégateur de ressources. To invalidate your cache, click Theme Analyzer > Utilities > Control Center > Invalidate Cache. L'invalidation automatique reconnaît automatiquement les modifications apportées aux thèmes basés sur WebDAV. Aucune autre action n'est requise. Pour plus d'informations, voir Utilitaires.