Show Menu
TOPICS×

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 come servizio cloud
v2
Compatibile
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.

Output componente di esempio

Esempio tratto da We.Retail .

Schermata

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