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

CAUTION
AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.

Quando AEM’istanza è installata out-of-the-box, nel browser Componenti è immediatamente disponibile una selezione di componenti.

Oltre a questi, sono disponibili anche vari altri componenti. È possibile utilizzare la modalità Progettazione per attiva/disattiva tali componenti. Quando è attivata e si trova sulla pagina, è possibile utilizzare la modalità Progettazione per configurare gli aspetti della progettazione del componente modificando i parametri degli attributi.

NOTE
Presta attenzione quando modifichi questi componenti. Le impostazioni di progettazione sono spesso una parte integrante della progettazione dell’intero sito web e dovrebbero quindi essere modificate solo da un utente con le autorizzazioni e l’esperienza appropriate, spesso da un amministratore o sviluppatore. Vedi Sviluppo di componenti per ulteriori informazioni.
NOTE
La modalità Progettazione è disponibile solo per i modelli statici. I modelli creati con modelli modificabili devono essere modificati utilizzando editor modelli.
NOTE
La modalità Progettazione è disponibile solo per le configurazioni di progettazione memorizzate 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 continui. Disegni immagazzinati in /apps non sono modificabili in fase di esecuzione e la modalità Progettazione non sarà disponibile agli utenti non amministratori per tali modelli.

Ciò comporta l’aggiunta o la rimozione dei componenti consentiti nel sistema di paragrafi per la pagina. Il sistema paragrafo ( parsys) è un componente composto che contiene tutti 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 un sistema paragrafo contenente i seguenti elementi:

  • Un’immagine del prodotto (sotto forma di un paragrafo immagine o testo)
  • Descrizione del prodotto (come paragrafo di testo)
  • Tabella con dati tecnici (come paragrafo di una tabella)
  • Un modulo compilato dagli utenti (come paragrafo iniziale, elemento modulo e fine modulo)
NOTE
Vedi Sviluppo di componenti e Linee guida per l’utilizzo di modelli e componenti per ulteriori informazioni parsys.
CAUTION
La modifica della progettazione con la modalità Progettazione descritta in questo articolo rappresenta il modo consigliato per definire le progettazioni dei modelli statici
Ad esempio, la modifica dei progetti in CRX DE non è una best practice e l’applicazione di tali progetti può variare dal comportamento previsto. Consulta il documento per sviluppatori Modelli di pagina - Statici per ulteriori informazioni.

Attivare/disattivare i componenti enable-disable-components

Per attivare o disattivare un componente:

  1. Seleziona la Progettazione modalità.

    screen_shot_2018-03-22at103113

  2. Tocca o fai clic su un componente. Se selezionato, il componente avrà un bordo blu.

    screen_shot_2018-03-22at103204

  3. Tocca o fai clic su Elemento padre icona.

    Viene selezionato il sistema di paragrafi contenente il componente corrente.

  4. La Configura Nella barra delle azioni dell’elemento padre viene visualizzata l’icona relativa al sistema paragrafo.

    Selezionare questa opzione per visualizzare la finestra di dialogo.

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

    screen_shot_2018-03-22at103329

    La finestra di dialogo presenta due schede:

    • Componenti consentiti
    • Impostazioni

    Componenti consentiti

    Sulla Componenti consentiti definisci quali componenti sono disponibili per parsys.

    • I componenti sono raggruppati in base ai gruppi di componenti, che possono essere espansi e compressi.
    • Per selezionare un intero gruppo, seleziona il nome del gruppo e deseleziona tutti gli elementi deselezionati deselezionando .
    • Un segno meno rappresenta almeno uno, ma non tutti gli elementi di un gruppo, selezionati.
    • È disponibile una ricerca per filtrare un componente per nome.
    • I conteggi elencati a destra del nome del gruppo di componenti rappresentano il numero totale di componenti selezionati in tali gruppi, indipendentemente dal filtro.

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

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

    Impostazioni

    Sulla Impostazioni è possibile definire opzioni aggiuntive, ad esempio per disegnare un ancoraggio per ciascun componente e definire la spaziatura 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. Seleziona la Progettazione modalità.

    screen_shot_2018-03-22at103113-1

  2. Tocca o fai clic su un componente con bordo blu. In questo esempio viene selezionato un componente immagine protagonista.

    screen_shot_2018-03-22at103434

  3. Utilizza la Configura per aprire la finestra di dialogo.

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

    screen_shot_2018-03-22at103530

    La finestra di dialogo presenta tre schede:

    • Principale
    • Funzioni
    • Stili

    Proprietà

    La Proprietà consente di configurare i parametri di progettazione importanti del componente. Ad esempio, per un componente immagine puoi definire la dimensione massima e minima consentita per l’immagine.

    Funzioni

    La Funzioni consente di abilitare o disabilitare funzioni 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 Stili La scheda ti consente di definire le classi e gli stili CSS da utilizzare con il componente.

    screen_shot_2018-03-22at103741

    Utilizza la Aggiungi per aggiungere ulteriori voci a un elenco di più voci.

    chlimage_1-94

    Utilizza l’icona ​ Elimina ​ per rimuovere una voce da un elenco di più voci.

    Utilizza la Sposta per ridisporre l’ordine delle voci in un elenco a più voci.

  4. Tocca o fai clic su Fine per salvare e chiudere la finestra di dialogo.

recommendation-more-help
5f6f1f67-8db1-40cb-84e9-024e65b9fc4c