Nozioni di base sull’authoring per headless con AEM

Percorso affrontato finora

All’inizio del Percorso di authoring dei contenuti headless in AEM, nell’Introduzione sono stati trattati i concetti e la terminologia di base relativi all’authoring per headless.

Questo articolo si basa su questi elementi per comprendere come creare contenuti personalizzati per il progetto headless AEM.

Obiettivo

  • Pubblico: principiante
  • Obiettivo: scopri le nozioni di base sull’authoring di CMS headless:
    • introduzione all’authoring con AEMaaCS
    • Introduzione ai frammenti di contenuto

Operazioni di base

Prima di iniziare a gestire i frammenti di contenuto, ecco un’introduzione (molto) rapida all’utilizzo di AEM…ma niente sostituisce l’esperienza di accesso e di utilizzo del sistema.

Creazione e pubblicazione

Un’installazione di AEM è in genere costituita da almeno due ambienti:

  • Autore
  • Pubblicazione

Accedi e utilizza l’ambiente di authoring per generare i contenuti. Quando è tutto pronto, pubblica il contenuto in modo che diventi disponibile. Per gli headless sarà disponibile in altre applicazioni, per le pagine web sarà disponibile ai lettori sul web.

Per ulteriori dettagli, consulta i concetti di authoring.

Accesso

Come per la maggior parte dei sistemi è necessario effettuare l'accesso. In qualità di autore, riceverai:

  • Nome utente (account)
  • Password
  • Collegamento per accedere alla schermata di accesso

Il tuo account sarà stato configurato con tutti i privilegi necessari. In caso di problemi, ti consigliamo di contattare il team di supporto per il progetto interno.

La prima volta che esegui l’accesso a una piccola esercitazione online, verranno evidenziate alcune delle funzioni principali dell’interfaccia utente.

È quindi possibile utilizzare il pannello di navigazione per accedere alle aree chiave di AEM. Per i frammenti di contenuto verrà utilizzato il Console Risorse.

Per aprire il pannello di navigazione, seleziona l’icona Adobe in alto a sinistra, seguita dall’icona a forma di piccola bussola:

Pannello di navigazione

NOTA

Anche se i frammenti di contenuto sono una funzione di AEM Sites, si trovano nella Risorse console. Questo è un dettaglio tecnico che non dovrebbe influenzare l’utente, ma potrebbe essere utile da sapere.

All’interno della console è possibile selezionare le cartelle per passare al frammento di contenuto oppure le breadcrumb (nell’intestazione) per risalire la struttura.

Breadcrumb

Azioni, selezione, visualizzazione

La Risorse console dedicata Barre degli strumenti Azioni e Azioni rapide che puoi utilizzare dopo aver selezionato una risorsa (ad esempio una cartella o un frammento di contenuto).

Le Azioni rapide sono disponibili per una singola risorsa, vedi Basilea nell’esempio seguente:

Azioni rapide

La barra degli strumenti Azioni consente di accedere a tutte le azioni applicabili allo scenario corrente. Le azioni disponibili possono cambiare; ad esempio, a seconda della posizione o se hai selezionato più risorse:

Barra degli strumenti delle azioni

Puoi selezionare il formato per la visualizzazione delle risorse con il selettore di visualizzazione:

Selettore vista

Puoi visualizzare ulteriori informazioni sugli elementi utilizzando il selettore della barra. Ciò consente anche di accedere ad azioni aggiuntive.

Barra a sinistra

Authoring dei frammenti di contenuto

Questa è stata una rapida introduzione all’interfaccia utente AEM, ma dovresti aver avuto l’occasione di provarla. Ora passiamo a quello che ti interessa di più: frammenti di contenuto per headless.

Dovremo passare dall’inizio alla fine delle operazioni, ma l’istanza potrebbe avere già cartelle e/o frammenti creati, che potrebbero trovarsi in posizioni diverse. I principi sono gli stessi.

Organizzazione e navigazione

A meno che non siano disponibili pochissimi frammenti di contenuto, è consigliabile organizzarli in modo da poterli trovare nuovamente (insieme ad altri).

Creazione di una cartella

Per farlo, crea una serie di cartelle all’interno della sezione File della console Risorse. Seleziona l’opzione Crea (in alto a destra), seguita da Cartella:

Opzione Crea cartella

Viene visualizzata una finestra di dialogo in cui puoi inserire i dettagli, quindi confermare con Crea:

Finestra di dialogo Crea cartella

Utilizzo di percorsi e tag per limitare i modelli per frammenti di contenuto disponibili nella cartella

Questa sezione è leggermente più avanzata. Non ne hai bisogno se stai cominciando ora a provare le cose, ma è molto utile quando si hanno molti frammenti. Quindi è bene conoscerlo, anche se non lo usi ancora abbastanza.

L’architect di contenuti avrà creato tutti i modelli di frammento di contenuto necessari per il progetto corrente e forse anche altri progetti. Per semplificare le cose a te stesso e agli altri autori, puoi limitare l’elenco dei modelli disponibili per una cartella specifica.

Dopo aver creato la tua cartella è possibile aprire la cartella Proprietà. Qui ci sono varie schede con informazioni e dettagli di configurazione sulla cartella. In particolare per i frammenti di contenuto, puoi utilizzare la scheda Criteri per definire percorsi e/o tag specifici per questa cartella. Questo limita i modelli per frammenti di contenuto disponibili per l’utilizzo nella cartella, poiché i modelli per frammenti di contenuto devono soddisfare questi requisiti prima di poter essere utilizzati per generare frammenti in questa cartella.

Crea proprietà cartella - Criteri

NOTA

Per ulteriori informazioni, consulta Modelli per frammenti di contenuto - Consentire modelli per frammenti di contenuto nella cartella delle risorse.

Puoi quindi navigare tra queste cartelle per creare e modificare i frammenti di contenuto.

In caso - Configurazione cartella Cloud Services

In caso…

Probabilmente ti verrà offerta una cartella iniziale in cui puoi creare le tue cartelle. Come alcuni dettagli di configurazione devono essere applicati alla cartella principale (in genere da uno sviluppatore o da un amministratore di sistema). Questo probabilmente non ti interesserà, ma se necessario è possibile controllare la Configurazione nel Cloud Services della cartella Proprietà:

Crea proprietà cartella - Configurazione

NOTA

Per ulteriori informazioni, consulta Applicare la configurazione alla cartella Risorse.

Creazione di un frammento di contenuto

La creazione di un frammento di contenuto è molto simile: è sufficiente utilizzare la Frammento di contenuto invece:

Opzione Crea frammento di contenuto

Questa volta si apre una procedura guidata. Il primo passaggio consiste nel selezionare il modello di frammento di contenuto su cui verrà basato il frammento:

Crea frammento di contenuto - seleziona Modello

Dopo aver continuato con Successivo puoi fornire i dettagli (Base e Avanzate) per il frammento:

Crea frammento di contenuto: specificare il nome

Conferma con Crea e potete Apri il frammento nell’editor.

Modifica di un frammento

È possibile aprire un frammento immediatamente dopo averlo creato, oppure selezionandolo dalla console Risorse.

Quando l’editor si apre per la prima volta, vedrai:

  • Un elenco di icone a sinistra permette di accedere a varie aree di funzionalità. L’editor si apre nella scheda Variazioni, in questo punto avviene la maggior parte delle modifiche. Potresti anche essere interessato alle schede Annotazioni e Metadati.

  • Intestazione con informazioni sul frammento e accesso a varie azioni.

  • L’area di modifica principale dipende dal modello utilizzato per creare il frammento.

Come esempi:

  • Frammento che richiede solo più informazioni, alcune con un tipo specifico. Come scoprirai andando avanti nel tuo percorso, i riferimenti sono fondamentali per i contenuti headless.

    Editor frammento di contenuto - Frammento personale

  • Frammento che consente di scrivere una lunga sezione di testo. Qui sono disponibili opzioni aggiuntive per la gestione e la formattazione del testo. Puoi anche aprire i singoli campi di testo in un editor a schermo intero (utilizzando l’icona a forma di piccolo schermo a destra)

    Editor frammento di contenuto - Alaska Spirits

NOTA

Per aiutare gli autori a completare alcuni campi correttamente, potrebbe essere necessaria una documentazione specifica per il progetto.

Consulta Modelli per frammenti di contenuto - Tipi di dati e proprietà per dettagli generici.

Conferma gli aggiornamenti con Salva o Salva e chiudi.

NOTA

Per ulteriori informazioni, consulta Varianti - Authoring di frammenti di contenuto.

Quello di cui (probabilmente) non devi preoccuparti

OK, questa potrebbe sembrare una sezione leggermente ambigua, ma una volta aperto l’Editor frammento di contenuto e iniziato ad esplorarlo, vedrai diverse opzioni che (probabilmente) non si adattano al tuo percorso headless come Autore di contenuto. Questo è solo un rapido resoconto di ciò che dovresti essere in grado di ignorare nel contesto headless:

  • Modelli per frammenti di contenuto

    Il nome del modello di frammento di contenuto verrà visualizzato nella parte superiore dell’editor, direttamente sotto il nome del frammento. Questo è anche un collegamento che ti porta all’editor modelli.
    I modelli per frammenti di contenuto sono di fatto vitali per i frammenti di contenuto quando definiscono la struttura utilizzata. Tuttavia, la creazione e la modifica di tali elementi è (in genere) responsabilità di un’altra persona, l’architect di contenuti.

    NOTA

    Per ulteriori informazioni, consulta il Percorso Architect di contenuti AEM headless.

  • Contenuto associato

    Questo è abbastanza ovvio in quanto è una scheda nell'editor.

    I frammenti di contenuto sono disponibili in AEM in diverse versioni. Originariamente erano disponibili per l’uso “tradizionale” durante l’authoring delle pagine…e sono ancora utilizzati in questo contesto. Questo può comportare l’associazione di risorse (ad esempio immagini) che, pur non essendo incorporate nel frammento, devono essere disponibili all’autore durante la creazione di una pagina.

  • Anteprima

    Questa è un’altra scheda nell’editor e fornisce una vista tecnica, destinata principalmente agli sviluppatori.

  • Aggiorna i riferimenti di pagina

    Questa azione è disponibile nel menu a discesa (puntini di sospensione). Non è interessante per gli autori headless in quanto si riferisce all’authoring delle pagine.

Pubblicazione

Una volta completato il frammento, puoi Pubblicare in modo che sia disponibile per le applicazioni headless.

Le azioni di pubblicazione sono disponibili nell’editor (o dalla barra degli strumenti di Risorse console):

Editor frammento di contenuto - Frammento personale

Passaggio successivo

Ora che hai imparato le nozioni di base, il passo successivo è Scopri come utilizzare i riferimenti. Questo introduce e illustra i vari riferimenti disponibili e come creare livelli di struttura con i Riferimenti ai frammenti, una parte chiave dell’authoring per gli oggetti headless.

Risorse aggiuntive

In questa pagina