Scopri come creare rapidamente un nuovo sito AEM utilizzando un modello di sito.
Nel documento precedente del percorso di creazione rapida di siti AEM, Comprendere Cloud Manager e il flusso di lavoro per la creazione rapida di siti, hai imparato Cloud Manager e come si collega al nuovo processo di creazione rapida dei siti e ora dovresti:
Questo articolo si basa su tali principi fondamentali, in modo da poter effettuare il primo passaggio di configurazione e creare un nuovo sito da un modello che puoi personalizzare successivamente utilizzando gli strumenti front-end.
Questo documento consente di comprendere come creare rapidamente un nuovo sito AEM utilizzando un modello di sito. Dopo la lettura dovresti:
Questa parte del percorso vale per l’amministratore AEM.
I modelli di sito consentono di combinare i contenuti di base del sito in un pacchetto semplice e riutilizzabile. Per consentire un rapido avvio del nuovo sito, i modelli di sito generalmente contengono il contenuto e la struttura di base del sito, nonché informazioni sullo stile. La struttura effettiva è la seguente:
files
: cartella con il kit dell’interfaccia utente, file XD ed eventualmente altri filepreviews
: cartella con le schermate del modello di sitosite
: pacchetto di contenuti del contenuto copiato per ogni sito creato da questo modello, ad esempio i modelli di pagina, le pagine e così via.theme
: origini del tema del modello per modificare l’aspetto del sito, inclusi CSS, JavaScript e così via.I modelli sono potenti perché possono essere riutilizzati in modo che gli autori dei contenuti possano creare rapidamente un sito. Inoltre, poiché nell’installazione AEM si può disporre di più modelli, è possibile soddisfare le diverse esigenze aziendali in modo flessibile.
Il modello di sito non deve essere confuso con i modelli di pagina. I modelli di sito qui descritti definiscono la struttura complessiva di un sito. Un modello di pagina definisce la struttura e il contenuto iniziale di una singola pagina.
Il modo più semplice per iniziare è quello di scaricare l’ultima versione del modello di sito standard AEM dal relativo archivio GitHub.
Una volta scaricato, puoi caricarlo nel tuo ambiente AEM come faresti con qualsiasi altro pacchetto. Consulta la sezione Risorse aggiuntive per informazioni su come lavorare con i pacchetti, se hai bisogno di ulteriori informazioni su questo argomento.
Il modello di sito standard AEM può essere personalizzato per soddisfare le esigenze del progetto ed evitare la necessità di ulteriori personalizzazioni. Tuttavia questo argomento esula dall’ambito del presente percorso. Per ulteriori informazioni, consulta la documentazione GitHub del modello di sito standard.
Puoi anche scegliere di generare il modello dall’origine come parte del flusso di lavoro del progetto. Tuttavia questo argomento esula dall’ambito del presente percorso. Per ulteriori informazioni, consulta la documentazione GitHub del modello di sito standard.
L’utilizzo di un modello per creare un nuovo sito è molto semplice.
Accedi all’ambiente di authoring di AEM e passa alla console Sites
https://<your-author-environment>.adobeaemcloud.com/sites.html/content
Tocca o fai clic su Crea in alto a destra dello schermo e, dal menu a discesa, seleziona Sito da modello.
Nella procedura guidata Crea sito, tocca o fai clic su Importa nella parte superiore della colonna a sinistra.
Nel browser dei file, individua il modello scaricato in precedenza e tocca o fai clic su Carica.
Una volta caricato, il modello viene visualizzato nell’elenco dei modelli disponibili. Tocca o fai clic su di esso per selezionarlo (rivelando anche informazioni sul modello nella colonna di destra), quindi tocca o fai clic su Successivo.
Immetti un titolo per il sito. È possibile fornire il nome di un sito o verrà generato dal titolo, se omesso.
Tocca o fai clic su Crea e il nuovo sito verrà creato dal modello di sito.
Nella finestra di dialogo di conferma visualizzata, tocca o fai clic su Fine.
Nella console Sites, i nuovi siti sono visibili e possono essere spostati per esplorarne la struttura di base definita dal modello.
Gli autori dei contenuti adesso possono iniziare l’authoring.
I modelli di sito sono molto potenti e flessibili ed è possibile crearne qualsiasi numero per un progetto, consentendo di creare agevolmente varianti di sito. A seconda del livello di personalizzazione già eseguito sul modello di sito utilizzato, potrebbe non essere necessaria alcuna personalizzazione front-end aggiuntiva.
Se hai bisogno di ulteriori personalizzazioni front-end, ricorda che lo sviluppatore potrebbe non avere familiarità con i dettagli del contenuto. Pertanto, è consigliabile fornire allo sviluppatore un percorso dei contenuti tipici che possa essere utilizzato come base di riferimento in quanto il tema è personalizzato. Un esempio tipico è la home page della lingua master del sito.
Nel browser del sito individua la home page della lingua master, quindi tocca o fai clic sulla pagina per selezionarla, quindi tocca o fai clic su Modifica nella barra dei menu.
Nell’editor, seleziona il pulsante Informazioni pagina nella barra degli strumenti e quindi Visualizza come pubblicato.
Nella scheda visualizzata, copia il percorso del contenuto dalla barra degli indirizzi. Avrà un aspetto simile a /content/<your-site>/en/home.html?wcmmode=disabled
.
Salva il percorso da fornire successivamente allo sviluppatore front-end.
Ora che il sito è stato creato, il tema sito generato dal modello può essere scaricato e fornito allo sviluppatore front-end per la personalizzazione.
Nella console Sites, mostra la barra Sito.
Tocca o fai clic sulla root del nuovo sito, quindi tocca o fai clic su Scarica sorgenti del tema nella barra del sito.
Ora disponi di una copia dei file sorgenti del tema nei file di download.
Affinché lo sviluppatore front-end possa visualizzare in anteprima le personalizzazioni utilizzando il contenuto effettivo AEM dal sito, devi impostare un utente proxy.
In AEM dalla navigazione principale vai a Strumenti -> Sicurezza -> Utenti.
Nella console di gestione utenti, tocca o fai clic su Crea.
Nella finestra Crea nuovo utente devi fornire almeno:
Nella scheda Gruppi, aggiungi l'utente proxy al gruppo contributors
.
contributors
attiva la funzione di completamento automatico di AEM per selezionare facilmente il gruppo.Tocca o fai clic su Salva e chiudi.
La configurazione è stata completata. Gli autori dei contenuti ora possono iniziare a creare contenuti durante la preparazione del sito e iniziare la personalizzazione front-end nel passaggio successivo del percorso.
Dopo aver completato questa parte del percorso di creazione rapida sito di AEM, è necessario:
Approfondisci questo argomento e continua il percorso di Creazione Rapida dei Siti AEM consultando il documento Imposta la pipeline, in cui imparerai a creare una pipeline front-end per gestire la personalizzazione del tema sito.
Sebbene sia consigliabile passare alla parte successiva del percorso di Creazione Rapida dei Siti consultando il documento Configura la pipeline, le seguenti sono alcune risorse aggiuntive e opzionali che approfondiscono alcuni concetti menzionati in questo documento, ma non sono necessarie per continuare il percorso.