Configurazione dei componenti predefiniti in modalità Progettazione configuring-components-in-design-mode

Quando l’istanza AEM è installata come preconfigurata, una selezione di componenti è immediatamente disponibile nel browser Componenti.

Oltre a questi, sono disponibili vari altri componenti. È possibile utilizzare la modalità Progettazione per abilitare/disabilitare tali componenti. Se attivato e si trova nella pagina, è possibile utilizzare la modalità Progettazione per configurare gli aspetti della progettazione del componente modificando i parametri dell'attributo.

NOTE
Presta attenzione quando modifichi questi componenti. Le impostazioni di progettazione sono spesso parte integrante della progettazione dell’intero sito web, pertanto devono essere modificate solo da un utente con i privilegi e l’esperienza appropriati, spesso un amministratore o uno sviluppatore. Per ulteriori informazioni, vedere Sviluppo di componenti.
NOTE
La modalità Progettazione è disponibile solo per i modelli statici. I modelli creati con modelli modificabili devono essere modificati utilizzando l'editor modelli.
NOTE
La modalità progettazione è disponibile solo per le configurazioni di progettazione archiviate come contenuto in ( /etc).
A partire da AEM 6.4, si consiglia di memorizzare le progettazioni come dati di configurazione in /apps per supportare scenari di distribuzione continua. Le progettazioni memorizzate in /apps non sono modificabili in fase di esecuzione e la modalità Progettazione non sarà disponibile per gli utenti non amministratori per tali modelli.

Ciò comporta l’aggiunta o la rimozione dei componenti consentiti nel sistema paragrafo per la pagina. Il sistema paragrafo ( parsys) è un componente composto che contiene tutti gli altri componenti paragrafo. Il sistema paragrafo consente agli autori di aggiungere a una pagina componenti di tipi diversi, in quanto contiene tutti gli altri componenti paragrafo. Ogni tipo di paragrafo è rappresentato come componente.

Ad esempio, il contenuto di una pagina di prodotto può contenere un sistema paragrafo con i seguenti elementi:

  • Immagine del prodotto (sotto forma di immagine o paragrafo textimage)
  • Descrizione del prodotto (come paragrafo di testo)
  • Tabella con dati tecnici (come paragrafo di tabella)
  • Compilazione di un modulo da parte degli utenti (come inizio del modulo, elemento del modulo e paragrafo finale del modulo)
NOTE
Per ulteriori informazioni su parsys, vedere Sviluppo di componenti e Linee guida per l'utilizzo di modelli e componenti.
CAUTION
La modifica della progettazione utilizzando la modalità Progettazione come descritto in questo articolo è il metodo consigliato per definire le progettazioni di modelli statici
La modifica di progetti in CRX DE, ad esempio, non è una best practice e l’applicazione di tali progetti può variare rispetto al comportamento previsto. Per ulteriori informazioni, consulta il documento per sviluppatori Modelli di pagina - Statici.

Abilita/Disabilita componenti enable-disable-components

Per attivare o disattivare un componente:

  1. Selezionare la modalità Progettazione.

    schermata_shot_2018-03-22at103113

  2. Fai clic su un componente. Se selezionato, il componente presenta un bordo blu.

    schermata_shot_2018-03-22at103204

  3. Fai clic sull'icona Elemento padre.

    Elemento padre

    In questo modo viene selezionato il sistema paragrafo contenente il componente corrente.

  4. L'icona Configura per il sistema paragrafo è visualizzata nella barra delle azioni dell'elemento padre.

    Configura

    Seleziona questa opzione per visualizzare la finestra di dialogo.

  5. Utilizza la finestra di dialogo per definire i componenti disponibili nel browser Componenti durante la modifica della pagina corrente.

    schermata_shot_2018-03-22at103329

    La finestra di dialogo ha due schede:

    • Componenti consentiti
    • Impostazioni

    Componenti consentiti

    Nella scheda Componenti consentiti, puoi definire quali componenti sono disponibili per i parsys.

    • I componenti sono raggruppati in base ai rispettivi gruppi di componenti, che possono essere espansi e compressi.
    • È possibile selezionare un intero gruppo selezionando il nome del gruppo e deselezionando tutti gli elementi.
    • Il segno meno significa che è stato selezionato almeno un elemento del gruppo, ma non tutti.
    • È disponibile una ricerca per filtrare un componente in base al nome.
    • I numeri elencati a destra del nome del gruppo di componenti rappresentano il numero totale di componenti selezionati in tale gruppo indipendentemente dal filtro.

    Puoi definire la configurazione per ogni componente pagina. Se le pagine figlie utilizzano lo stesso modello e/o componente pagina (solitamente allineato), la stessa configurazione verrà applicata al sistema paragrafo corrispondente.

    note note
    NOTE
    I componenti dei moduli adattivi sono progettati per funzionare all’interno del Contenitore di moduli adattivi e utilizzare l’ecosistema Forms. Pertanto, questi componenti devono essere utilizzati solo nell’editor di moduli adattivi e non funzioneranno nell’editor di pagine Sites.

    Impostazioni

    Nella scheda Impostazioni puoi definire opzioni aggiuntive, ad esempio per disegnare un ancoraggio per ciascun componente e definire la spaziatura interna delle celle di ciascun contenitore.

  6. Seleziona Fine per salvare la configurazione.

Configurazione della progettazione di un componente configuring-the-design-of-a-component

  1. Selezionare la modalità Progettazione.

    schermata_shot_2018-03-22at103113-1

  2. Fai clic su un componente con un bordo blu. In questo esempio, viene selezionato un componente immagine protagonista.

    schermata_shot_2018-03-22at103434

  3. Utilizza l'icona Configura per aprire la finestra di dialogo.

    Icona Configura

    Nella finestra di dialogo per progettazione puoi configurare il componente in base ai parametri di progettazione disponibili.

    schermata_shot_2018-03-22at103530

    La finestra di dialogo ha tre schede:

    • Principale
    • Funzioni
    • Stili

    Proprietà

    La scheda Proprietà consente di configurare importanti parametri di progettazione del componente. Ad esempio, per un componente immagine puoi definire le dimensioni minima e massima consentite per l’immagine.

    Caratteristiche

    La scheda Funzionalità consente di abilitare o disabilitare funzionalità aggiuntive del componente. Ad esempio, per un componente immagine puoi definire l’orientamento dell’immagine, le opzioni di ritaglio disponibili e se è possibile caricare un’immagine.

    Stili

    La scheda Stili consente di definire le classi e gli stili CSS da utilizzare con il componente.

    schermata_shot_2018-03-22at103741

    Utilizza il pulsante Aggiungi per aggiungere altre voci a un elenco di finestre di dialogo a più voci.

    Aggiungi voce aggiuntiva

    Utilizza l'icona Elimina per rimuovere una voce da un elenco di finestre di dialogo a più voci.

    Elimina

    Utilizza l'icona Sposta per cambiare l'ordine delle voci in un elenco di finestre di dialogo a più voci.

    Sposta

  4. Fai clic sull'icona Fine per salvare e chiudere la finestra di dialogo.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2