Componente Pagina page-component

Il componente Pagina è una pagina estensibile concepita per funzionare con l’editor di modelli e consentire l’assemblaggio di intestazione/piè di pagina e altri componenti della struttura della pagina.

Utilizzo usage

Il componente Pagina costituisce la base di tutte le pagine progettate con i Componenti core e i modelli modificabili. Utilizzando il componente Pagina, le intestazioni, i piè di pagina e la struttura della pagina possono essere definiti in un modello utilizzando gli altri Componenti core.

Nella finestra di dialogo per progettazione è possibile definire le librerie client della pagina. A differenza di altri componenti che hanno una finestra di dialogo per modifica accessibile direttamente dal componente, poiché il componente Pagina è la pagina stessa, la finestra di dialogo per modifica del componente Pagina è la finestra delle proprietà della pagina.

Versione e compatibilità version-and-compatibility

La versione corrente del componente Pagina è la v3, introdotta con la versione 2.18.0 dei Componenti core di febbraio 2022, ed è quella descritta in questo documento.

La tabella che segue descrive tutte le versioni supportate del componente, le versioni di AEM con cui le versioni del componente sono compatibili e i collegamenti alla documentazione delle versioni precedenti.

Versione del componente
AEM 6.4
AEM 6.5
AEM as a Cloud Service
v3
-
Compatibile
Compatibile
v2
Compatibile
Compatibile
Compatibile
v1
Compatibile
Compatibile
Compatibile

Per ulteriori informazioni sulle versioni e sugli aggiornamenti dei Componenti core, vedi il documento Versioni dei Componenti core.

Supporto di Progressive Web App pwa-support

La versione 2.15.0 dei Componenti core ha introdotto il supporto delle funzionalità di Progressive Web App (PWA) integrato in AEM as a Cloud Service.Con una semplice configurazione a livello di sito, puoi trasformare la tua esperienza AEM in un’esperienza PWA.

Dettagli tecnici technical-details

La documentazione tecnica più recente sul componente Pagina è disponibile su GitHub.

Per ulteriori informazioni sullo sviluppo di Componenti core, vedi la documentazione per gli sviluppatori di Componenti core.

Finestra di dialogo per modifica edit-dialog

Poiché il componente rappresenta l’intera pagina, le impostazioni normalmente presenti in una finestra di dialogo per modifica si trovano invece nella finestra Proprietà della pagina.

Finestra di dialogo per progettazione design-dialog

Poiché il componente rappresenta l’intera pagina, la finestra di dialogo per progettazione è accessibile tramite Informazioni pagina -> Criterio pagina durante la modifica del modello della pagina.

Criterio pagina

NOTE
Nelle versioni precedenti di AEM, Criterio pagina era denominato Progettazione pagina.

Scheda Proprietà properties-tab

La finestra per progettazione della pagina consente di definire le librerie client da caricare e la libreria di risorse web della pagina.

  • Librerie client: definisce le categorie di librerie client da caricare. JavaScript viene aggiunto alla fine del corpo della pagina e CSS viene aggiunto all’intestazione della pagina.

  • Intestazione pagina JavaScript per librerie client: definisce le categorie di librerie client JavaScript da caricare nell’intestazione della pagina.

    • Le categorie definite in questo campo che sono presenti anche nel campo Librerie client avranno JavaScript caricato nell’intestazione invece che alla fine del corpo della pagina.
    • Non verrà caricato alcun CSS, a meno che la categoria non sia presente anche nel campo Librerie client.
  • Libreria client risorse web: categoria di librerie client utilizzate per fornire risorse web come le favicons (favorite icons).

  • Selettore per passare all’elemento del contenuto principale: utilizzato come funzione di accessibilità per passare direttamente al contenuto principale della pagina

  • Collegamenti di lingue alternative del rendering - Se questa opzione è attivata, i collegamenti alle versioni in lingua alternativa della pagina nello stesso sito verranno aggiunti all’intestazione della pagina.

Finestra di dialogo per progettazione del componente Pagina

Le librerie possono essere configurate per i campi Librerie client e Intestazione pagina JavaScript per librerie client, nel modo che segue:

  • Per aggiungere un nuovo campo, tocca o fai clic sul pulsante Aggiungi sotto ciascuno dei due campi.
  • Per rimuovere un campo, tocca o fai clic sull’icona cestino accanto al campo da rimuovere.
  • Per cambiare l’ordine di caricamento, tocca o fai clic e trascina la maniglia che si trova accanto al campo da spostare.

Per ulteriori informazioni sull’utilizzo delle librerie client, vedi Utilizzo delle librerie client.

CAUTION
Con la versione 2.2.0 dei Componenti core è stata introdotta la possibilità di definire separatamente le librerie client per l’intestazione della pagina.

Scheda Stili styles-tab

Il componente Pagina supporta il sistema di stili di AEM.

Adobe Client Data Layer data-layer

Il componente Pagina supporta Adobe Client Data Layer.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c