Prova dei componenti core in We.Retail

I componenti core sono componenti moderni e flessibili, con facilità di estensibilità e per una semplice integrazione nei progetti. I componenti core sono stati creati sulla base di diversi importanti principi di progettazione come HTL, usabilità out-of-the-box, configurabilità, controllo delle versioni e estensibilità. We.Retail è stato costruito su componenti core.

Provarci

  1. Avviate AEM con il contenuto di esempio We.Retail e aprite la console Componenti.

    Navigazione globale -> Strumenti -> Componenti

  2. Aprendo la barra laterale nella console Componenti, potete filtrare un particolare gruppo di componenti. I componenti core sono disponibili in

    • .core-wcm: Componenti core standard
    • .core-wcm-form: Componenti di base per l’invio del modulo

    Choose .core-wcm.

    chlimage_1-162

  3. Tutti i componenti core sono denominati v1, riflettendo che si tratta della prima versione di questo componente core. Verranno rilasciate versioni regolari che saranno compatibili con le versioni di AEM e consentiranno un aggiornamento semplice per sfruttare le funzionalità più recenti.

  4. Fate clic su Testo (v1).

    Verificare che il tipo di risorsa del componente sia /apps/core/wcm/components/text/v1/text. I componenti core si trovano in /apps/core/wcm/components e dispongono di versioni per componente.

    chlimage_1-163

  5. Fate clic sulla scheda Documentazione per visualizzare la documentazione per lo sviluppatore del componente.

    chlimage_1-164

  6. Tornate alla console dei componenti. Filtrare il gruppo We.Retail e selezionare il componente Testo .

  7. Vedere che il tipo di risorsa punta a un componente come previsto in /apps/weretail ma il Super Type ​risorsa punta nuovamente al componente principale /apps/core/wcm/components/text/v1/text.

    chlimage_1-165

  8. Fate clic sulla scheda Live Usage (Uso dinamico) per vedere sulle pagine in cui il componente è attualmente in uso. Fate clic sulla prima pagina di ringraziamento per modificare la pagina.

    chlimage_1-166

  9. Nella pagina di ringraziamento, selezionate il componente di testo e, nel menu di modifica del componente, fate clic sull’icona Annulla ereditarietà.

    We.Retail ha una struttura del sito globalizzata in cui il contenuto viene spinto dai master delle lingue alle copie live attraverso un meccanismo chiamato ereditarietà. Per questo motivo, l'ereditarietà deve essere annullata per consentire all'utente di modificare manualmente il testo.

    chlimage_1-167

  10. Confermate l'annullamento facendo clic su .

    chlimage_1-168

  11. Una volta annullata l'ereditarietà e selezionata la selezione dei componenti di testo, sono disponibili molte altre opzioni. Fare clic su** Edit*.

    chlimage_1-169

  12. È ora possibile visualizzare le opzioni di modifica disponibili per il componente di testo.

    chlimage_1-170

  13. Dal menu Informazioni ​pagina, selezionate Modifica modello.

  14. Nell'Editor modelli della pagina, fare clic sull'icona Criterio del componente Testo nel Contenitore di layout della pagina.

    chlimage_1-171

  15. I componenti core consentono a un autore del modello di configurare le proprietà disponibili per gli autori delle pagine. tra cui funzioni quali le sorgenti Incolla consentite, le opzioni di formattazione, gli stili di paragrafo disponibili, ecc.

    Tali finestre di dialogo sono disponibili per molti componenti core e collaborano con l’editor modelli. Una volta abilitati, sono disponibili per l’autore tramite gli editor componenti.

    chlimage_1-172

Ulteriori informazioni

Per ulteriori informazioni sui componenti core, consulta il documento di authoring Core Components (Componenti di base) per una panoramica delle funzionalità dei componenti core e il documento di sviluppo Developing Core Components (Sviluppo di componentidi base) per una panoramica tecnica.

È inoltre possibile esaminare ulteriormente i modelli modificabili. Per informazioni dettagliate sui modelli modificabili, fare riferimento al documento di authoring Creazione di modelli di pagina o al documento di sviluppo Modelli di pagina - Modificabili .

In questa pagina