Introduzione all’authoring e alla pubblicazione author-content-publish
È importante comprendere in che modo un utente aggiornerà i contenuti del sito web. In questo capitolo adotteremo la persona di un Autore di contenuti e apporteremo alcuni aggiornamenti editoriali al sito generati nel capitolo precedente. Alla fine del capitolo, pubblicheremo le modifiche per comprendere come viene aggiornato il sito live.
Prerequisiti prerequisites
Questo è un tutorial in più parti e si presume che i passaggi descritti nel capitolo Creare un sito siano stati completati.
Obiettivo objective
- Comprendere i concetti di pagine e componenti in AEM Sites.
- Scopri come aggiornare il contenuto del sito web.
- Scopri come pubblicare le modifiche al sito live.
Crea una nuova pagina create-page
Un sito web viene in genere suddiviso in pagine per formare un’esperienza multipagina. L’AEM struttura il contenuto allo stesso modo. Quindi, crea una nuova pagina per il sito.
-
Accedi al servizio Author dell'AEM utilizzato nel capitolo precedente.
-
Dalla schermata iniziale dell'AEM, fai clic su Sites > Sito WKND > Inglese > Articolo
-
Nell'angolo superiore destro fare clic su Crea > Pagina.
Verrà visualizzata la procedura guidata Crea pagina.
-
Scegli il modello Pagina articolo e fai clic su Avanti.
Le pagine in AEM vengono create in base a un Modello pagina. I modelli di pagina sono descritti in dettaglio nel capitolo Modelli di pagina.
-
In Proprietà immettere un Titolo di "Hello World".
-
Imposta Name su
hello-worlde fai clic su Create.
-
Nel pop-up della finestra di dialogo, fai clic su Apri per aprire la pagina appena creata.
Creare un componente author-component
I Componenti AEM possono essere considerati come piccoli elementi costitutivi modulari di una pagina web. Dividendo l’interfaccia utente in blocchi logici o componenti, diventa molto più semplice da gestire. Per poter riutilizzare i componenti, questi devono essere configurabili. Questa operazione viene eseguita tramite la finestra di dialogo di authoring.
AEM fornisce un set di Componenti core pronti per l'uso in produzione. I Componenti core vanno da elementi di base come Testo e Immagine a elementi dell'interfaccia utente più complessi come un Carosello.
Quindi, crea alcuni componenti utilizzando l’Editor pagina AEM.
-
Passare alla pagina Hello World creata nell'esercizio precedente.
-
Verifica di essere in modalità Modifica e nella barra laterale a sinistra fai clic sull'icona Componenti.
Verrà aperta la libreria dei componenti con l’elenco dei componenti disponibili che possono essere utilizzati nella pagina.
-
Scorri verso il basso e Trascina+Rilascia un componente Testo (v2) nell'area modificabile principale della pagina.
-
Fai clic sul componente Testo da evidenziare, quindi fai clic sull'icona chiave inglese
Il componente Testo deve ora visualizzare il testo RTF nella pagina.
-
Ripetere i passaggi precedenti, ad eccezione del trascinamento di un'istanza del componente Image(v2) nella pagina. Apri la finestra di dialogo del componente Immagine.
-
Nella barra a sinistra, passa a Ricerca risorse facendo clic sull'icona Assets
-
Trascina+rilascia un'immagine nella finestra di dialogo del componente e fai clic su Fine per salvare le modifiche.
-
Osserva che nella pagina sono presenti componenti fissi, come Title, Navigation, Search. Queste aree sono configurate come parte del Modello pagina e non possono essere modificate in una singola pagina. Questo aspetto verrà approfondito nel prossimo capitolo.
Puoi provare alcuni degli altri componenti. La documentazione relativa a ciascun componente core è disponibile qui. Una serie video dettagliata sull'authoring delle pagine è disponibile qui.
Aggiornamenti Publish publish-updates
Gli ambienti AEM sono suddivisi tra un servizio Author e un servizio Publish. In questo capitolo sono state apportate diverse modifiche al sito nel servizio Author. Per consentire ai visitatori del sito di visualizzare le modifiche, è necessario pubblicarle nel servizio Publish.
Flusso di alto livello dei contenuti dall'istanza di authoring a Publish
1. autori di contenuti apportano aggiornamenti al contenuto del sito. Gli aggiornamenti possono essere visualizzati in anteprima, rivisti e approvati per essere inviati in diretta.
2. contenuto pubblicato. La pubblicazione può essere eseguita su richiesta o pianificata per una data futura.
3. i visitatori del sito vedranno le modifiche riflesse sul servizio Publish.
Publish le modifiche
Ora pubblichiamo le modifiche.
-
Dalla schermata iniziale dell'AEM, passa a Sites e seleziona il sito WKND.
-
Fai clic su Gestisci pubblicazione nella barra dei menu.
Poiché si tratta di un sito nuovo di zecca, vogliamo pubblicare tutte le pagine e possiamo utilizzare la procedura guidata Gestisci pubblicazione per definire esattamente ciò che deve essere pubblicato.
-
In Opzioni lascia le impostazioni predefinite su Publish e pianificale per Ora. Fai clic su Avanti.
-
In Ambito, seleziona il sito WKND e fai clic su Includi impostazioni figlio. Nella finestra di dialogo, seleziona Includi elementi figlio. Deseleziona le altre caselle per assicurarti che l’intero sito sia pubblicato.
-
Fai clic sul pulsante Riferimenti pubblicati. Nella finestra di dialogo, verifica che tutto sia selezionato. Questo includerà il modello di sito standard e diverse configurazioni generate dal modello di sito. Fai clic su Fine per aggiornare.
-
Infine, seleziona la casella accanto a Sito WKND e fai clic su Avanti nell'angolo in alto a destra.
-
Nel passaggio Flussi di lavoro, immetti un Titolo flusso di lavoro. Può essere qualsiasi testo e può essere utile in seguito come parte di un audit trail. Immettere "Initial Publish" e fare clic su Publish.
Visualizza contenuto pubblicato publish
Quindi, passa al servizio Publish per visualizzare le modifiche.
-
Un modo semplice per ottenere l'URL del servizio Publish consiste nel copiare l'URL dell'autore e sostituire la parola
authorconpublish. Ad esempio:- URL autore -
https://author-pYYYY-eXXXX.adobeaemcloud.com/ - URL Publish -
https://publish-pYYYY-eXXXX.adobeaemcloud.com/
- URL autore -
-
Aggiungere
/content/wknd.htmlall'URL di Publish in modo che l'URL finale sia simile al seguente:https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd.html.note note NOTE Modificare wknd.htmlin modo che corrisponda al nome del sito, se durante la creazione del sito è stato fornito un nome univoco. -
Navigando all’URL di Publish dovresti visualizzare il sito, senza alcuna delle funzionalità di authoring dell’AEM.
-
Utilizzando il menu Navigazione, fai clic su Articolo > Hello World per passare alla pagina Hello World creata in precedenza.
-
Torna al Servizio di authoring AEM e apporta alcune modifiche aggiuntive al contenuto nell'Editor pagina.
-
Publish queste modifiche direttamente dall'editor di pagine facendo clic sull'icona Proprietà pagina > Pagina Publish
-
Torna al Servizio Publish AEM per visualizzare le modifiche. Probabilmente non vedrà immediatamente gli aggiornamenti. Questo perché il servizio Publish per AEM include caching tramite un server web Apache e CDN. Per impostazione predefinita, il contenuto di HTML viene memorizzato nella cache per circa 5 minuti.
-
Per ignorare la cache a scopo di test/debug, è sufficiente aggiungere un parametro di query come
?nocache=true. L'URL sarà simile ahttps://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd/en/article/hello-world.html?nocache=true. Ulteriori dettagli sulla strategia di caching e sulle configurazioni disponibili sono disponibili qui. -
Puoi anche trovare l’URL del servizio Publish in Cloud Manager. Passa a Programma Cloud Manager > Ambienti > Ambiente.
In Segmenti di ambiente puoi trovare collegamenti ai servizi Author e Publish.
Congratulazioni. congratulations
Congratulazioni, hai appena creato e pubblicato le modifiche al tuo sito AEM!
Passaggi successivi next-steps
In un’implementazione reale, la pianificazione di un sito con modelli e progettazioni dell’interfaccia utente in genere precede la creazione del sito. Scopri come utilizzare i kit di interfaccia utente di Adobe XD per progettare e accelerare l'implementazione di Adobe Experience Manager Sites nella pianificazione dell'interfaccia utente con Adobe XD.
Vuoi continuare a esplorare le funzionalità di AEM Sites? Puoi passare direttamente al capitolo su Modelli di pagina per comprendere la relazione tra un modello di pagina e una pagina.