Questo articolo spiega come utilizzare i sistemi in stile AEM per consentire a designer, autori di contenuti e sviluppatori di creare e distribuire esperienze alla velocità e alla scala previste dai clienti.
I sistemi di stile AEM hanno quattro vantaggi principali:
La configurazione in 5 passaggi è molto simile a un flusso di lavoro standard per lo sviluppo di componenti.
Leadership | Designer | Sviluppatore/Architetto | Autore del modello | Autore del contenuto |
---|---|---|---|---|
Determina il contenuto e gli obiettivi del componente | Determina la presentazione visiva ed esperienziale del contenuto | Sviluppa CSS e JS per supportare l’esperienza; definisce e fornisce i nomi delle classi da utilizzare | Configura i criteri dei modelli per i componenti con stili aggiungendo i nomi delle classi CSS definiti dagli sviluppatori. Per ogni stile è necessario utilizzare nomi descrittivi. | Durante l’authoring delle pagine, applica gli stili in base alle esigenze per ottenere l’aspetto desiderato |
Anche se questa è la configurazione iniziale, molti dei nostri clienti hanno raggiunto un’ulteriore agilità semplificando questo processo, ad esempio caricando i propri CSS nel DAM, che consente gli aggiornamenti agli stili senza la necessità di distribuzione. Altri clienti hanno un set completo di classi di utilità, che consente loro di sviluppare componenti e stili che possono quindi essere utilizzati senza implementazione o sviluppo.
I sistemi di stile sono caratterizzati da alcuni gusti diversi:
Stili di layout
Modifiche multifacet alla progettazione e al layout
Utilizzato per rendering ben definito e identificabile
Stili di visualizzazione
Variazioni minori che non cambiano la natura fondamentale dello stile
Ad esempio, modifica della combinazione di colori, del font, dell’orientamento dell’immagine, ecc.
Stili informativi
Per una demo di queste funzioni, si consiglia di guardare il nostro Webinar Customer Success con Will Brisbane e Joseph Van Buskirk.
I sistemi di stile riducono la necessità di finestre di dialogo complesse ma non sostituiscono le finestre di dialogo. Sono utili per semplificare le cose, ma in alcuni casi può essere utile utilizzare le proprietà o la finestra di dialogo del componente, anziché creare un sistema di stili per questo.
Possono semplificare i processi dal punto di vista dello sviluppo. È possibile ottenere più look dello stesso contenuto con un unico sistema di stili. Allo stesso modo, dal punto di vista dell'authoring, invece di formare gli autori e gli autori che devono ricordare quale componente usare in quale palazzo, è possibile accelerare la velocità di authoring.
Le cose sono semplicemente più pulite. Il HTML all’interno dei componenti core è altamente dettagliato. Tutto questo a livello di CSS rende le build dei componenti più veloci e anche il codice è più pulito.
Infine, l'uso dei Sistemi di Stile è più arte che scienza. Come accennato, sono disponibili diverse best practice, ma puoi scegliere in modo flessibile come personalizzare la configurazione dell’organizzazione.
Per ulteriori informazioni, consulta la nostra Webinar Customer Success con Will Brisbane e Joseph Van Buskirk.
Per saperne di più sulla strategia e la leadership del pensiero, consulta Successo del cliente hub