Quando si installa un’istanza di AEM out-of-the-box, nel browser Componenti è immediatamente disponibile una serie di componenti.
Oltre a questi, sono disponibili anche vari altri componenti. È possibile utilizzare la modalità Progettazione per abilitare/disabilitare tali componenti. Quando abilitato e ti trovi sulla pagina, puoi usare la modalità Progettazione per configurare alcuni aspetti del componente design modificando i parametri degli attributi.
Quando modifichi tali componenti, presta molta attenzione. Le impostazioni sono spesso una parte integrante della progettazione dell’intero sito Web e dovrebbero essere modificate solo da un utente con la necessaria esperienza e con le relative autorizzazioni, ad esempio un amministratore o sviluppatore. Per ulteriori informazioni, consulta Sviluppo di componenti.
La modalità Progettazione è disponibile solo per i modelli statici. I modelli creati con modelli modificabili devono essere modificati mediante l’editor modelli.
La modalità Progettazione è disponibile solo per le configurazioni del progetto memorizzate come contenuto sotto ( /etc
).
A partire da AEM 6.4, si consiglia di memorizzare le progettazioni come dati di configurazione in /apps
per supportare scenari di distribuzione continui. I progetti memorizzati in /apps
non sono modificabili in fase di esecuzione e la modalità Progettazione non sarà disponibile agli utenti non amministratori per tali modelli.
Questo comporta l’aggiunta o la rimozione dei componenti consentiti nel sistema di paragrafi per la pagina. Anche il sistema di paragrafi (parsys
) stesso è un componente, che contiene gli altri componenti paragrafo. Il sistema di paragrafi consente agli autori di aggiungere a una pagina componenti di tipi diversi e contiene tutti gli altri componenti paragrafo. Ciascun tipo di paragrafo è rappresentato da un componente.
Ad esempio, il contenuto di una pagina prodotto può contenere quanto segue:
Per ulteriori informazioni su 🔗, consulta Sviluppo di componenti e parsys
Linee guida per l’utilizzo di modelli e componenti.
La modifica del design con la modalità Progettazione descritta in questo articolo rappresenta il metodo consigliato per definire i progetti dei modelli statici
Ad esempio, la modifica dei progetti in CRX DE non è consigliata e l’applicazione di tali progetti può variare da un comportamento all’altro. Per ulteriori informazioni, consulta il documento per sviluppatori Modelli di pagina - Statici.
Per attivare o disattivare un componente:
Seleziona la modalità Progettazione:
Tocca o fai clic su un componente. Quando è selezionato, il componente è evidenziato da un bordo blu.
Tocca o fai clic sull'icona Elemento padre .
Viene selezionato il sistema di paragrafi contenente il componente corrente.
Nella barra delle azioni dell’elemento padre viene visualizzata l’icona Configura.
Selezionala per aprire la relativa finestra di dialogo.
Nella finestra di dialogo, definisci i componenti disponibili nel browser dei componenti durante la modifica della pagina corrente:
La finestra di dialogo contiene due schede:
Componenti consentiti
Nella scheda Componenti consentiti , definisci quali componenti sono disponibili per parsys.
Definisci la configurazione di ogni componente di pagina. Se le pagine figlie usano lo stesso modello e/o lo stesso componente di pagina (generalmente allineato), la stessa configurazione sarà applicata al sistema di paragrafi corrispondente.
I componenti per modulo adattivo sono progettati per funzionare nel contenitore per moduli adattivo e sfruttare l’ecosistema Moduli. Di conseguenza, questi componenti devono essere utilizzati solo nell’editor di moduli adattivi e non funzionano nell’editor pagine dell’ambiente Sites.
Impostazioni
Nella scheda Impostazioni puoi definire opzioni aggiuntive, ad esempio per disegnare un ancoraggio per ciascun componente e definire il margine delle celle di ciascun contenitore.
Seleziona Fine per salvare la configurazione.
Seleziona la modalità Progettazione:
Tocca o fai clic su un componente con bordo blu. In questo esempio è selezionato un componente immagine protagonista.
Utilizza l’icona Configura per aprire la finestra di dialogo.
Nella finestra di dialogo Progettazione, puoi configurare il componente in base ai parametri di progettazione disponibili.
La finestra di dialogo contiene tre schede:
Proprietà
La scheda Proprietà consente di configurare i parametri di progettazione principali del componente. Ad esempio, per un componente immagine puoi definire la dimensione massima e minima consentita dell’immagine.
Funzioni
La scheda Funzioni consente di abilitare o disabilitare funzioni aggiuntive del componente. Ad esempio, per un componente immagine puoi definire l’orientamento, le opzioni di ritaglio disponibili e se un’immagine può essere caricata.
Stili
La scheda Stili consente di definire le classi CSS e gli stili da utilizzare con il componente.
Utilizza il pulsante Aggiungi per aggiungere altre voci a un elenco di più voci.
Utilizza l’icona Elimina per rimuovere una voce da un elenco di più voci.
Utilizza l’icona Sposta per cambiare l’ordine delle voci in un elenco di più voci.
Tocca o fai clic sull’icona Fine per salvare e chiudere la finestra di dialogo.