Show Menu
TOPICS×

Introduzione ai componenti core

In Adobe Experience Manager, i componenti sono gli elementi strutturali che costituiscono il contenuto delle pagine che vengono create. I componenti sono sempre stati un elemento fondamentale dell’esperienza AEM perché permettono agli autori di creare pagine in modo semplice e potente e agli sviluppatori di realizzare componenti in modo flessibile ed estensibile.
I componenti core sono una serie di componenti Web Content Management (WCM) standardizzati che consentono ad AEM di accelerare i tempi di sviluppo e ridurre i costi di manutenzione dei siti Web.

Riferimenti

  • ​Una raccolta di esempi per visualizzare i componenti nelle rispettive configurazioni.
  • Documentazione del componente (questo documento):
    Per sviluppatori e autori, con dettagli su ciascun componente.
  • Introduzione:
    • ​Linee guida da prendere in considerazione prima dell’inizio di qualsiasi progetto che utilizzerà i componenti core.
    • ​Un’esercitazione di due giorni per la creazione di un nuovo sito.
    • ​Un'esercitazione di due ore per la costruzione di un nuovo sito (da un laboratorio al Summit degli Stati Uniti 2019).
    • ​Visita guidata dei componenti core (registrata il dicembre 2018).

Funzioni

Pronti per la produzione
I componenti core sono 27 componenti robusti che sono ben testati, ampiamente utilizzati e che funzionano bene.
Pronto per il cloud
Sia che si tratti di AEM come servizio Cloud, di servizi gestiti Adobe o in sede, funzionano.
Versatili
I componenti rappresentano concetti generici con i quali gli autori possono assemblare praticamente qualsiasi layout.
Configurabile
I criteri per il contenuto a livello di modello definiscono le funzioni che gli autori delle pagine possono utilizzare o meno.
Accessibili
They comply WCAG 2.1 standard , provide ARIA labels, and support keyboard navigation ( # (https://github.com/adobe/aem-core-wcm-components/issues?utf8= ✓&q=is%3Aissue+is%3Aopen+accessibility+in%3Atitle)).
SEO-Friendly
The HTML output is semantic and provides schema.org microdata annotations.
WebApp-Ready
L'output JSON ottimizzato consente il rendering lato client, pur con la possibilità di effettuare modifiche contestuali .
Kit di progettazione
Un kit di interfaccia utente per Adobe XD consente ai designer di creare wireframe che potranno quindi definire in base alle esigenze .
Tema
The components implement the Style System , and the markup follows BEM CSS conventions .
Personalizzabile
Diversi pattern consentono una facile personalizzazione , dalla regolazione dell’HTML al riutilizzo avanzato delle funzionalità.
Gestione versioni
La politica di controllo delle versioni garantisce che i componenti core non interrompano il sito quando migliorano gli elementi che potrebbero avere un impatto sull'utente.
Localizzabile
Smart reference resolution allows certain components to find and render corresponding localized content automatically .
Apri origine
Se qualcosa non è come dovrebbe, contribuire i vostri miglioramenti!

Componenti

La versione corrente dei componenti core include i seguenti componenti.

Componenti per moduli

I componenti core non sono immediatamente disponibili per gli autori; devono prima essere integrarti nell’ambiente dal team di sviluppo . Once integrated, they may be made available and pre-configured via the template editor .
Alcune versioni di singoli componenti core potrebbero essere compatibili solo con determinate versioni di AEM.
Consulta la pagina della guida del componente specifico (mediante il collegamento incluso nell’elenco precedente) per informazioni sulla compatibilità, oppure fai riferimento al documento Versioni dei componenti core .

Requisiti di sistema

Componenti core
AEM as a Cloud Service
AEM 6.5
AEM 6.4
AEM 6.3
Java SE
Paradiso
Continuo
6.5.0.0+
6.4.4.0+
6.3.3.4+
8, 11
3.3.9+
Per i requisiti delle precedenti versioni dei componenti core, consulta Versioni dei componenti core.
I componenti core richiedono l’uso di modelli template-editor-feature-video-use.html modificabili e non supportano l’interfaccia classica né i modelli statici. Se necessario, controllate AEM Modernization Tools per aggiornare il progetto con queste moderne funzioni AEM.
Per configurare l’ambiente di sviluppo locale, consultate questa panoramica per AEM come SDK del servizio cloud o questo documento per le versioni precedenti di AEM .