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.
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.
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.
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.
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.