[AEM Sites]{class="badge positive" title="Si applica ad AEM Sites)."}

Anteprima dei frammenti di contenuto previewing-content-fragments

I frammenti di contenuto possono essere utilizzati sia per la distribuzione headless che per l’authoring delle pagine. Poiché i frammenti sono esclusivamente contenuti, senza formattazione, la loro revisione può risultare più complessa. Vengono quindi forniti diversi metodi per visualizzare in anteprima i frammenti in diversi scenari.

Sono disponibili diversi metodi per Frammenti di contenuto, accessibili dalla console Frammenti di console e dall’editor. La console e l’editor descritti in questa sezione sono stati sviluppati per la distribuzione di contenuti headless (anche se possono essere utilizzati per tutti gli scenari).

Puoi visualizzare in anteprima il frammento:

Naturalmente, puoi anche visualizzare il frammento nell’Editor frammento di contenuto.

IMPORTANT
È possibile accedere ai frammenti di contenuto da due console: Frammenti di contenuto e Assets.
Esistono anche due editor per l’authoring dei frammenti di contenuto; sebbene la funzionalità di base sia la stessa, vi sono alcune differenze. Entrambi gli editor sono accessibili da entrambe le console.
Questa sezione tratta la console Frammenti di contenuto e l'editor frammenti di contenuto new. Questi sono stati sviluppati per la distribuzione di contenuti headless (anche se possono essere utilizzati in tutti gli scenari)
Per ulteriori informazioni, consulta:

Anteprima istanza preview-instance

Puoi Pubblicare e Annullare la pubblicazione, il frammento nel Servizio di anteprima (nonché nell’istanza di pubblicazione).

Puoi pubblicare il frammento dall’editor o dalla console.

Consulta:

Anteprima in un’applicazione esterna preview-in-an-external-application

L’editor dei frammenti di contenuto offre agli autori la possibilità di visualizzare in anteprima le modifiche apportate in un’applicazione front-end esterna.

Pattern URL di anteprima preview-url-pattern

Per utilizzare questa funzione, devi innanzitutto:

  • Collabora con il tuo team IT per configurare l’applicazione front-end esterna che eseguirà il rendering del frammento di contenuto consumando il relativo output JSON.

  • Quando l’applicazione front-end esterna è configurata, il Pattern URL di anteprima predefinito deve essere definito come proprietà del modello per frammenti di contenuto appropriato.

L’URL di anteprima deve seguire questo pattern:

https://<preview_url>?param=${expression}

Le espressioni disponibili sono:

  • ${contentFragment.path}
  • ${contentFragment.model.path}
  • ${contentFragment.model.name}
  • ${contentFragment.variation}
  • ${contentFragment.id}

Una volta definito l’URL, il pulsante Anteprima è attivo nella barra degli strumenti superiore dell’editor. Puoi selezionare questo pulsante per avviare l’applicazione esterna (in una scheda separata) per eseguire il rendering del frammento di contenuto.

Anteprima nell’applicazione esterna preview-in-the-external-application

Puoi visualizzare in anteprima un frammento di contenuto in un’applicazione esterna:

NOTE
Per questa opzione è necessario configurare il pattern URL anteprima.
  1. Nella console Frammenti di contenuto passa alla posizione del frammento.
  2. Apri il frammento nell’editor
  3. Seleziona Anteprima nella barra degli strumenti superiore.
  4. Seleziona Applicazione per aprire il frammento nell’applicazione esterna, ad esempio Editor universale.

Anteprima con modelli di visualizzazione (HTML) preview-with-visualization-html-templates

NOTE
I frammenti di contenuto visivo sono attualmente in disponibilità limitata.
Se desideri partecipare, invia una richiesta dal tuo indirizzo e-mail ufficiale a experience-production-agent@adobe.com.

AEM consente di visualizzare in anteprima il frammento di contenuto utilizzando un layout visivo basato su un modello HTML.

Consulta Frammenti di contenuto visivo per informazioni dettagliate su come visualizzare in anteprima il frammento con i modelli.

NOTE
Consulta Frammenti di contenuto visivo - Modelli per informazioni dettagliate su come creare, personalizzare e caricare i tuoi modelli di HTML.
recommendation-more-help
experience-manager-cloud-service-help-main-toc