Prova dei componenti core in We.Retail

I componenti core sono componenti moderni e flessibili, con facile estensibilità e facilità di integrazione nei progetti. I componenti core sono stati costruiti intorno a diversi principi di progettazione principali come HTL, usabilità out-of-the-box, configurabilità, controllo delle versioni ed estensibilità. We.Retail è stato creato sui componenti core.

Prova

  1. Inizia AEM con il contenuto di esempio di We.Retail e apri la Console componenti.

    Navigazione globale -> Strumenti -> Componenti

  2. Aprendo la barra nella console Componenti, puoi filtrare un particolare gruppo di componenti. I componenti core si trovano in

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

    Choose .core-wcm.

    chlimage_1-162

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

  4. Fare clic su Testo (v1).

    Vedi che il Tipo di risorsa del componente è /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. Fai clic sulla scheda Documentazione per visualizzare la documentazione per gli sviluppatori relativa al componente.

    chlimage_1-164

  6. Torna alla console Componenti. Filtra il gruppo We.Retail e seleziona il componente Testo .

  7. Vedi che il Tipo 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. Fai clic sulla scheda Live Usage per vedere sulle pagine in cui è attualmente in uso questo componente. Fai clic sulla prima pagina Grazie per modificare la pagina.

    chlimage_1-166

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

    We.Retail dispone di una struttura di sito globalizzata in cui il contenuto viene inviato dai master lingua alle copie live tramite 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. Confermare l'annullamento facendo clic su .

    chlimage_1-168

  11. Una volta annullata l’ereditarietà e selezionato i componenti di testo, sono disponibili molte altre opzioni. Fai clic su Modifica.

    chlimage_1-169

  12. Ora puoi vedere quali opzioni di modifica sono disponibili per il componente testo.

    chlimage_1-170

  13. Dal menu Informazioni pagina selezionare Modifica modello.

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

    chlimage_1-171

  15. I componenti core consentono all’autore del modello di configurare quali proprietà sono disponibili per gli autori delle pagine. Queste includono funzioni quali le origini di incolla consentite, le opzioni di formattazione, gli stili di paragrafo disponibili, ecc.

    Tali finestre di dialogo di progettazione sono disponibili per molti componenti core e funzionano insieme all’editor modelli. Una volta abilitate, queste diventano disponibili per l’autore tramite gli editor componenti.

    chlimage_1-172

Ulteriori informazioni

Per ulteriori informazioni sui componenti core, consulta il documento sull’authoring Componenti core per una panoramica delle funzionalità dei componenti core e il documento per sviluppatori Sviluppo di componenti core per una panoramica tecnica.

Inoltre, potresti voler indagare ulteriormente sui modelli modificabili. Per informazioni complete sui modelli modificabili, consulta il documento di authoring Creazione di modelli di pagina o il documento per sviluppatori Pagina Modelli - Modificabili .

In questa pagina

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now