Modelli di pagina page-templates
In questo capitolo verrà esplorata la relazione tra un modello di pagina e una pagina. Creeremo un modello di articolo per la rivista non stilato, basato su alcuni modelli di AdobeXD. Durante la creazione del modello, vengono trattati i Componenti core e le configurazioni avanzate dei criteri.
Prerequisiti prerequisites
Si tratta di un tutorial in più parti in cui si presume che i passaggi descritti in Creare contenuti e pubblicare modifiche capitolo sono stati completati.
Obiettivo
- Scopri i dettagli dei modelli di pagina e come utilizzare i criteri per applicare un controllo granulare del contenuto della pagina.
- Scopri come vengono collegati modelli e pagine.
- Crea un nuovo modello e crea una pagina.
Cosa verrà creato what-you-will-build
In questa parte dell'esercitazione verrà creato un nuovo modello Pagina articolo rivista che può essere utilizzato per creare nuovi articoli e allinearli a una struttura comune. Il modello si basa sulle progettazioni e su un kit di interfaccia utente prodotto in AdobeXD. Questo capitolo si concentra solo sulla creazione della struttura o dell'ossatura del modello. Non vengono implementati stili, ma il modello e le pagine funzionano.
Crea il modello per pagina articolo rivista
Quando crei una pagina, devi selezionare un modello, che viene utilizzato come base per la creazione della nuova pagina. Il modello definisce la struttura della pagina risultante, il contenuto iniziale e i componenti consentiti.
Sono disponibili 3 aree principali di Modelli di pagina:
- Struttura - definisce i componenti che fanno parte del modello. Non sono modificabili dagli autori di contenuti.
- Contenuto iniziale : definisce i componenti con cui inizia il modello, che possono essere modificati e/o eliminati dagli autori di contenuto
- Criteri : definisce le configurazioni sul comportamento dei componenti e sulle opzioni disponibili per gli autori.
Quindi, crea un nuovo modello in AEM che corrisponda alla struttura dei modelli. Ciò si verificherà in un’istanza locale dell’AEM. Segui i passaggi descritti nel video seguente:
Puoi utilizzare la miniatura seguente per identificare il modello (o caricarne uno tuo!)
Pacchetto soluzione
Una versione completata Soluzione del modello Magazine può essere scaricato e installato tramite Gestione pacchetti.
Aggiornare intestazione e piè di pagina con frammenti esperienza experience-fragments
Una pratica comune durante la creazione di contenuti globali, ad esempio un’intestazione o un piè di pagina, consiste nell’utilizzare un’ Frammento esperienza. Frammenti di esperienza, consente agli utenti di combinare più componenti per creare un singolo componente di riferimento. I frammenti di esperienza hanno il vantaggio di supportare la gestione multisito e localizzazione.
Il modello Sito ha generato un'intestazione e un piè di pagina. Quindi, aggiorna i Frammenti esperienza in modo che corrispondano ai modelli. Segui i passaggi descritti nel video seguente:
Passaggi di alto livello per il video seguente:
- Scaricare il pacchetto di contenuti di esempio WKND-Starter-Assets-Skate-Article-1.2.zip.
- Carica e installa il pacchetto di contenuti utilizzando Gestione pacchetti.
- Aggiorna i frammenti esperienza intestazione e piè di pagina per utilizzare il logo WKND
Creare una pagina di articolo per la rivista
Quindi, crea una nuova pagina utilizzando il modello Pagina articolo rivista. Crea il contenuto della pagina in modo che corrisponda ai modelli del sito. Segui i passaggi descritti nel video seguente:
Utilizza il testo fornito per popolare il corpo dell'articolo.
Congratulazioni. congratulations
Congratulazioni, hai appena creato un nuovo modello e una nuova pagina con Adobe Experience Manager Sites.
Passaggi successivi next-steps
A questo punto la pagina dell’articolo della rivista e il sito non corrispondono agli stili del brand per WKND. Segui le Theming esercitazione per scoprire le best practice per aggiornare il codice front-end CSS e JavaScript utilizzato per applicare stili globali al sito.
Pacchetto soluzione
È disponibile un pacchetto di soluzione per questo capitolo da scaricare: WKND-Magazine-Template-SOLUTION-1.0.zip.