Pannello laterale dell’Editor pagina side-panel

Scopri come utilizzare il pannello laterale nell’editor di siti AEM per aggiungere componenti e risorse alla pagina.

Modalità pannello laterale modes

Il pannello laterale è sempre accessibile nell'editor di pagine toccando o facendo clic sull'icona Attiva/Disattiva pannello laterale nella barra degli strumenti dell'editor di pagine.

Quando apri il pannello laterale, questo si apre scorrendo dal lato sinistro e puoi quindi selezionare tra tre schede importanti:

Browser Componenti components-browser

I componenti sono i blocchi predefiniti utilizzati per creare contenuti con l'editor di pagine AEM. Posiziona più componenti in una pagina e configurane le opzioni per creare la pagina di contenuto.

Il browser Componenti mostra tutti componenti disponibili per la pagina corrente. Questi possono essere trascinati nella posizione appropriata, quindi modificati per aggiungere il contenuto.

Tocca o fai clic sulla scheda Components nel pannello laterale per accedere al browser Components.

L'aspetto e la gestione effettivi dipendono dal tipo di dispositivo in uso.

Dispositivo mobile mobile-device-components-browser

Quando si apre il browser Componenti su un dispositivo mobile, copre completamente la pagina in fase di modifica.

Per aggiungere un componente alla pagina, selezionalo e trascinalo verso destra. Il browser Componenti si chiude per mostrare nuovamente la pagina, dove puoi posizionare il componente.

Dispositivo desktop desktop-device-components-browser

Quando si apre il browser Componenti su un dispositivo desktop, questo viene visualizzato sul lato sinistro della finestra.

Per aggiungere un componente alla pagina, fai clic sul componente richiesto e trascinalo nella posizione desiderata.

Utilizzo del browser Componenti using-component-browser

I componenti nel browser Components sono rappresentati da:

Dalla barra degli strumenti nella parte superiore del browser Componenti, puoi effettuare le seguenti operazioni:

Per una descrizione più dettagliata del componente, puoi selezionare l'icona delle informazioni accanto al componente nel browser Componenti (se disponibile). Ad esempio, per il frammento di contenuto:

Per informazioni più dettagliate sui componenti disponibili, vedere Console componenti.

Browser Risorse assets-browser

Nel browser Assets sono visualizzate tutte le risorse disponibili per la pagina corrente.

Tocca o fai clic sulla scheda Assets nel pannello laterale per sfogliare le risorse.

Lo scorrimento infinito viene utilizzato per espandere l’elenco delle risorse in base alle esigenze durante lo scorrimento.

L’aspetto e la gestione effettivi dipendono dal tipo di dispositivo in uso:

Dispositivo mobile mobile-device-assets-browser

Quando si apre il browser Risorse su un dispositivo mobile, viene visualizzata completamente la pagina che si sta modificando.

Per aggiungere una risorsa alla pagina, seleziona e trascina la risorsa desiderata, quindi spostala verso destra. Il browser Risorse si chiude per mostrare nuovamente la pagina, dove puoi aggiungere la risorsa al componente richiesto.

Dispositivo desktop desktop-device-assets-browser

Quando si apre il browser Risorse su un dispositivo desktop, questo si apre sul lato sinistro della finestra.

Per aggiungere una risorsa alla pagina, selezionala e trascinala sul componente o sulla posizione desiderata.

Utilizzo del browser Assets using-assets-browser

Per aggiungere una risorsa alla pagina, selezionala e trascinala nella posizione desiderata. Può trattarsi di:

Dalla barra degli strumenti nella parte superiore del browser Risorse puoi filtrare le risorse in base a:

Se devi apportare rapidamente una modifica a una risorsa, puoi avviare l’editor risorse direttamente dal browser Risorse facendo clic sull'icona Modifica accanto al nome della risorsa.

Struttura contenuto content-tree

La Struttura contenuto offre una panoramica di tutti i componenti della pagina in una gerarchia, in modo da poter vedere immediatamente come viene composta la pagina.

Tocca o fai clic sulla scheda Struttura contenuto per accedere alla struttura contenuto.

Una volta aperta è possibile visualizzare una struttura ad albero della pagina o del modello, che permette di capire come il contenuto è strutturato gerarchicamente. Inoltre, in una pagina complessa, consente di spostarsi più facilmente tra i componenti della pagina.

Poiché una pagina può essere composta da molti componenti dello stesso tipo, la struttura del contenuto visualizza un testo descrittivo (in grigio) dopo il nome del tipo di componente (in nero). Il testo descrittivo proviene da proprietà comuni del componente, ad esempio titolo o testo.

I tipi di componente vengono mostrati nella lingua dell’utente, mentre il testo della descrizione del componente proviene dalla lingua della pagina.

Fai clic sulla freccia accanto a un componente per comprimere o espandere quel livello.

Facendo clic sul componente, questo verrà evidenziato nell’editor pagina. Le azioni disponibili dipendono dallo stato della pagina. Ad esempio:

Una pagina di base basic-page

I componenti di una pagina di base avranno le consuete opzioni.

Se il componente su cui fai clic nella struttura ad albero è modificabile, a destra del nome compare un’icona a forma di chiave inglese. Facendo clic su questa icona si avvia la finestra di dialogo di modifica del componente.

Una Live Copy live-copy

Una pagina che fa parte di una Live Copy, in cui i componenti vengono ereditati da un'altra pagina, avrà opzioni diverse.

Browser Contenuto associato associated-content-browser

Se la pagina contiene frammenti di contenuto, è possibile accedere anche al browser Contenuto associato.