Personnalisation des consoles customizing-consoles

AEM fournit des options pour personnaliser les consoles (et la variable fonctionnalité de création de pages) de votre instance de création.

Clientlibs clientlibs

Les bibliothèques côté client vous permettent d’étendre l’implémentation par défaut afin d’offrir de nouvelles fonctionnalités, tout en réutilisant les fonctions, objets et méthodes standard. Lors de la personnalisation avec clientlibs, vous pouvez créer votre propre bibliothèque cliente sous /apps. Par exemple, il peut contenir le code requis pour votre composant personnalisé.

Voir Utilisation des bibliothèques côté client sur AEM as a Cloud Service.

Recouvrements overlays

Les superpositions sont basées sur des définitions de noeud et vous permettent de superposer la fonctionnalité standard disponible sous /libs avec votre propre fonctionnalité personnalisée sous /apps. Lors de la création d’une superposition, une copie 1:1 de l’original n’est pas nécessaire, comme illustré ci-dessous : Sling Resource Merger autorise l’héritage.

Les incrustations peuvent être utilisées de différentes manières pour étendre vos consoles AEM. Plusieurs exemples sont présentés dans les sections suivantes.

Voir aussi Recouvrements pour Adobe Experience Manager as a Cloud Service.

TIP
Si les options de personnalisation de l’expérience de création vous intéressent, voir Personnalisation de la création de pages.

Personnalisation de l’affichage par défaut d’une console customizing-the-default-view-for-a-console

Vous pouvez personnaliser la vue par défaut (colonne, carte, liste) d’une console :

  • Vous pouvez réorganiser les vues en recouvrant l’entrée requise sous :

    • /libs/wcm/core/content/sites/jcr:content/views

    • La première entrée est la valeur par défaut.

    • Les nœuds disponibles correspondent aux options d’affichage disponibles :

      • column
      • card
      • list
  • Par exemple, dans une superposition pour une liste :

    • /apps/wcm/core/content/sites/jcr:content/views/list

    • Définissez la propriété suivante :

      • Nom  : sling:orderBefore
      • Type  : String
      • Valeur  : column

Ajouter une nouvelle action à la barre d’outils add-a-new-action-to-the-toolbar

Vous pouvez créer vos propres composants et inclure les bibliothèques clientes correspondantes pour les actions personnalisées.

  • Par exemple, vous pouvez créer une Promouvoir les médias sociaux Action à l’adresse :

    • /apps/wcm/core/clientlibs/sites/js/socialmedia.js

    • Elle peut ensuite être connectée à un élément de la barre d’outils sur la console :

    • /apps/<yourProject>/admin/ext/launches

    • Par exemple, en mode de sélection :

    • content/jcr:content/body/content/header/items/selection/items/socialmedia

Limitation d’une action de barre d’outils à un groupe spécifique restrict-a-toolbar-action-to-a-specific-group

Vous pouvez utiliser une condition de rendu personnalisée pour superposer l’action standard et imposer des conditions spécifiques qui doivent être remplies avant son rendu.

Par exemple, vous pouvez créer un composant pour contrôler les conditions de rendu en fonction d’un groupe :

  • /apps/myapp/components/renderconditions/group

Pour les appliquer à la variable Créer un site action sur la console Sites :

  • /libs/wcm/core/content/sites
  1. Créez le recouvrement :

    • /apps/wcm/core/content/sites
  2. Ajoutez ensuite la condition de rendu pour l’action :

    • jcr:content/body/content/header/items/default/items/create/items/createsite/rendercondition

En utilisant des propriétés sur ce nœud, vous pouvez définir les groups autorisés à effectuer l’action spécifique ; par exemple, les administrators.

Personnalisation des colonnes en mode Liste customizing-columns-in-list-view

Pour personnaliser les colonnes en mode Liste :

  1. Recouvrez la liste des colonnes disponibles.

    • Sur le nœud :

      /apps/wcm/core/content/common/availablecolumns

  2. Ajoutez vos nouvelles colonnes ou supprimez celles existantes.

Si vous souhaitez insérer des données supplémentaires, vous devez écrire une PageInfoProvider avec un pageInfoProviderType .

NOTE
Cette fonctionnalité est optimisée pour les colonnes de champs de texte. Pour d’autres types de données, il est possible de superposer cq/gui/components/siteadmin/admin/listview/columns/analyticscolumnrenderer in /apps.

Filtrage des ressources filtering-resources

Lors de l’utilisation d’une console, l’utilisateur doit souvent effectuer une sélection dans des ressources telles que des pages, des composants ou des ressources. Cela peut prendre la forme d’une liste à partir de laquelle l’auteur doit choisir un élément.

Pour maintenir la liste à une taille raisonnable et adaptée au cas d’utilisation, un filtre peut être mis en oeuvre sous la forme d’un prédicat personnalisé. Voir Personnalisation de la création de pages pour plus d’informations.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab