Personalizzazione delle console

Ultimo aggiornamento: 15 luglio 2024

Creato per:

  • Amministratore
  • Sviluppatore

AEM offre opzioni per personalizzare le console (e la funzionalità di authoring delle pagine) dell'istanza di authoring.

Clientlibs

Le clientlibs consentono di estendere l’implementazione predefinita per offrire nuove funzionalità, riutilizzando al contempo funzioni, oggetti e metodi standard. Quando si esegue la personalizzazione con clientlibs, è possibile creare la propria clientlib in /apps.. Ad esempio, può contenere il codice necessario per il componente personalizzato.

Vedi Utilizzo delle librerie lato client in AEM as a Cloud Service.

Sovrapposizioni

Le sovrapposizioni si basano sulle definizioni dei nodi e consentono di sovrapporre la funzionalità standard disponibile in /libs con la funzionalità personalizzata in /apps. Durante la creazione di una sovrapposizione, non è necessaria una copia 1:1 dell'originale, in quanto Sling resource merger consente l'ereditarietà.

Le sovrapposizioni possono essere utilizzate in molti modi per estendere le console AEM. Nelle sezioni seguenti vengono forniti diversi esempi.

Vedi anche Sovrapposizioni per Adobe Experience Manager as a Cloud Service.

TIP
Se ti interessano le opzioni per personalizzare l'esperienza di authoring, consulta Personalizzazione dell'authoring delle pagine.

Personalizzazione della vista predefinita per una console

Puoi personalizzare la vista predefinita (colonna, scheda, elenco) per una console:

  • È possibile riordinare le viste sovrapponendo la voce richiesta in:

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

    • La prima voce è quella predefinita.

    • I nodi disponibili sono correlati alle opzioni di visualizzazione disponibili:

      • column
      • card
      • list

  • Ad esempio, in una sovrapposizione per un elenco:

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

    • Definisci la seguente proprietà:

      • Nome: sling:orderBefore
      • Tipo: String
      • Valore: column

Aggiungere una nuova azione alla barra degli strumenti

Puoi creare componenti personalizzati e includere le librerie client corrispondenti per le azioni personalizzate.

  • Ad esempio, potrebbe essere utile creare un'azione Promuovi a social media in:

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

    • Questa può quindi essere collegata a un elemento della barra degli strumenti nella console:

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

    • Ad esempio, in modalità di selezione:

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

Limitare un'azione della barra degli strumenti a un gruppo specifico

Puoi utilizzare una condizione di rendering personalizzata per sovrapporre l’azione standard e imporre condizioni specifiche che devono essere soddisfatte prima che venga eseguito il rendering.

Ad esempio, potrebbe essere utile creare un componente per controllare le condizioni di rendering in base a un gruppo:

  • /apps/myapp/components/renderconditions/group

Per applicare questi elementi all'azione Crea sito nella console Sites:

  • /libs/wcm/core/content/sites

  1. Crea la sovrapposizione:

    • /apps/wcm/core/content/sites

  2. Quindi aggiungi la condizione di rendering per l’azione:

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

Utilizzando le proprietà in questo nodo è possibile definire il groups consentito per eseguire l'azione specifica, ad esempio administrators

Personalizzazione delle colonne nella vista a elenco

Per personalizzare le colonne nella vista a elenco:

  1. Sovrapponi l’elenco delle colonne disponibili.

    • Sul nodo:

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

  2. Aggiungi le nuove colonne o rimuovi quelle esistenti.

Per inserire dati aggiuntivi, è necessario scrivere un PageInfoProvider con una proprietà pageInfoProviderType.

NOTE
Questa funzione è ottimizzata per le colonne di campi di testo. Per altri tipi di dati è possibile sovrapporre cq/gui/components/siteadmin/admin/listview/columns/analyticscolumnrenderer in /apps.