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. Tutti i componenti core sono denominati v1, che riflette questa è la prima versione di questo componente di base. Verranno rilasciate versioni regolari che saranno compatibili con AEM e consentiranno un aggiornamento semplice per sfruttare le funzioni più recenti.

  4. Fai clic su Testo (v1).

    Vedi che 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 sul pulsante Documentazione per consultare la documentazione per gli sviluppatori relativa al componente.

    chlimage_1-164

  6. Torna alla console Componenti. Filtro per il gruppo We.Retail e seleziona la Testo componente.

  7. Vedi che Tipo di risorsa punta a un componente come previsto in /apps/weretail ma Super Type risorsa rimanda al componente core /apps/core/wcm/components/text/v1/text.

    chlimage_1-165

  8. Fai clic sul pulsante Utilizzo live scheda per vedere in quali pagine è attualmente utilizzato questo componente. Fai clic sul primo 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 ha una struttura del sito globalizzata in cui il contenuto viene inviato da master lingua a Live Copy 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. Conferma 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. Da Informazioni pagina selezione menu Modifica modello.

  14. Nell’Editor modelli della pagina, fai clic sul pulsante Criterio dell’icona 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 di authoring Componenti core per una panoramica delle funzionalità dei componenti core e del documento per sviluppatori Sviluppo di componenti core per una panoramica tecnica.

Inoltre, può essere utile indagare ulteriormente modelli modificabili. Consulta il documento di authoring Creazione di modelli di pagina o la pagina del documento per sviluppatori Modelli - Modificabili per informazioni complete sui modelli modificabili.

In questa pagina