Show Menu
ARGOMENTI×

Componente pagina

Il componente Pagina è un componente di pagina estensibile progettato per funzionare con l’editor templates.html modelli e consente di assemblare con l’editor modelli i componenti di intestazione/piè di pagina e struttura della pagina.

Utilizzo

Il componente pagina costituisce la base di tutte le pagine progettate con i componenti core e modelli modificabili. Utilizzando il componente pagina, le intestazioni, i piè di pagina e la struttura della pagina possono essere definiti come un modello utilizzando gli altri componenti core.
Utilizzando la finestra di dialogo di progettazione, potete definire librerie personalizzate sul lato client per la pagina. A differenza di altri componenti che dispongono di una finestra di dialogo di modifica accessibile direttamente dal componente, poiché il componente è la pagina stessa, la finestra di dialogo di modifica del componente pagina è la finestra delle proprietà della pagina.

Versione e compatibilità

La versione corrente del componente Pagina è v2, introdotta con la release 2.0.0 dei componenti core nel gennaio 2018, ed è descritta in questo documento.
La tabella seguente elenca tutte le versioni supportate del componente, le versioni AEM con cui sono compatibili le versioni del componente e i collegamenti alla documentazione delle versioni precedenti.
Versione componente
AEM 6.3
AEM 6.4
AEM 6.5
AEM as a Cloud Service
v2
-
Compatibile
Compatibile
Compatibile
Compatibile
Compatibile
Compatibile
-
Per ulteriori informazioni sulle versioni e sulle versioni dei componenti core, consulta il documento Versioni dei componenti core.
Per abilitare il reindirizzamento a cq:Page livello per la versione 2 del componente della pagina e AEM 6.3, è necessario Service Pack 2 o successivo. Tale reindirizzamento non era disponibile nelle versioni precedenti.

Dettagli tecnici

La documentazione tecnica più recente sul componente Pagina è disponibile su GitHub .
Per ulteriori informazioni sullo sviluppo dei componenti core, consulta la documentazione per lo sviluppatore di componenti core.

Edit Dialog

Poiché il componente rappresenta l’intera pagina, le impostazioni che normalmente si trovano in una finestra di dialogo di modifica si trovano nella finestra Proprietà page-properties.html pagina.

Finestra di dialogo Progettazione

Poiché il componente rappresenta l’intera pagina, la finestra di dialogo della progettazione è accessibile tramite Informazioni pagina > Criteri pagina durante la modifica del modello di pagina.
Nelle versioni precedenti di AEM, i criteri ​pagina erano denominati Progettazione ​pagina.

Scheda Proprietà

La finestra Progettazione pagina consente di definire le librerie client da caricare, nonché la libreria delle risorse Web per la pagina.
  • Librerie client - Definisce le categorie della libreria client da caricare. JavaScript viene aggiunto alla fine del corpo e il CSS viene aggiunto all'intestazione della pagina.
  • Intestazione pagina JavaScript delle librerie client - Definisce le categorie della libreria client JavaScript da caricare nell'intestazione della pagina.
    • Le categorie qui definite che sono presenti anche nel campo Client Libraries avranno JavaScript caricato nell'intestazione della pagina invece che all'estremità del corpo.
    • Non verrà caricato alcun CSS a meno che la categoria non sia presente anche nel campo Client Libraries .
  • Libreria client risorse Web - La categoria della libreria client utilizzata per distribuire risorse Web come favicons.
  • Passa al selettore principale degli elementi di contenuto: utilizzato come funzione di accessibilità per passare direttamente al contenuto principale della pagina
Le librerie possono essere configurate per i campi Head di pagina JavaScript delle librerie client e delle librerie ​client, come indicato di seguito:
  • Per aggiungere un nuovo campo, fare clic o toccare il pulsante Aggiungi sotto i campi.
  • Per rimuovere un campo, fare clic o toccare l'icona del cestino accanto al campo da rimuovere.
  • Per riordinare l'ordine di caricamento, fare clic o toccare e trascinare la maniglia accanto al campo da spostare.
Per ulteriori informazioni sull'uso delle librerie lato client, consultate Utilizzo delle librerie lato client.
La possibilità di definire separatamente le librerie client per l'intestazione di pagina è stata introdotta con la release 2.2.0 dei componenti core.

Scheda Stili

Il componente Pagina supporta AEM Style System .