Tutorial: Visualizzazione dei tweet in prima pagina

Puoi personalizzare l'aspetto della prima pagina del tuo Developer Portal per visualizzare i tweet recenti. Puoi utilizzare i tweet per fornire ai tuoi utenti informazioni, come la disponibilità del servizio o le campagne di marketing.

Prima di iniziare

Devi avere un Developer Portal abilitato e devi disporre dell'accesso di amministratore per completare questa esercitazione. L'esercitazione Creazione del portale spiega come abilitare il portale, se non è già stato fatto.

Informazioni su questa esercitazione

In questa attività, si crea una vista, si personalizza tale vista per mostrare i tweet, quindi si integra tale vista nella prima pagina del sito Developer Portal .

Prima di iniziare, la prima pagina è simile alla seguente: Immagine della prima pagina

Questa esercitazione illustra i seguenti passi:
  1. Abilitare il modulo entità media Twitter.
  2. Crea un'entità denominata Twitter per memorizzare i tweet.
  3. Aggiungi elementi multimediali.
  4. Creare una vista sequenza.
  5. Personalizzare la vista sequenza.
  6. Integra la vista della sequenza nella prima pagina del tuo Developer Portal.

Abilitare il modulo Media entity twitter

  1. Accedi al tuo Developer Portal come amministratore.
  2. Fare clic su Estendi > Estendi e inserire 'media nel campo Filtro.
  3. Nella sezione Media, trovare Media Entity Twitter e fare clic su Abilita per abilitare il modulo 'Media entity twitter.

    Pagina per abilitare il modulo twitter dell'entità media

Creare un'entità denominata Twitter per memorizzare i tweet

  1. Passare a Struttura > Tipi di supporto.
  2. Fare clic su +Aggiungi tipo di supporto.
  3. Nel campo Nome , immettere Twitter.
  4. Dall'elenco Fonte multimediale, selezionare Twitter.

    Origine media di twitter

  5. Nella sezione 'Configurazione della sorgente multimediale, assicurarsi che il valore 'Whether to use Twitter api to fetch tweets or not sia impostato su 'No.
  6. Nella sezione Mappatura campi, assicurarsi che le sezioni Tweet ID e Twitter user information siano impostate su - Salta campo -.

    per aggiungere la vista di Twitter

  7. Fare clic su Salva.
  8. Selezionare Gestione visualizzazione dall'elenco accanto a Modifica per il nuovo tipo di supporto Twitter.
  9. Dall'elenco Formato di Tweet URL, selezionare Twitter embed.
  10. Assicurarsi che i campi Autore di, Autore di e Anteprima siano nella sezione Disabilitato.

    Schermata delle opzioni di visualizzazione

  11. Fare clic su Salva.

Aggiungi elementi multimediali

  1. Fare clic su Media > +Aggiungi media > Twitter.
  2. Nel campo Nome , immettere un nome per il supporto, ad esempio Drupal Tweet.
  3. Nel campo Tweet URL, inserire un URL, ad esempio, https://twitter.com/drupal/status/966443708160839684.

    pagina per aggiungere twitter URL

  4. Fare clic su Salva.
  5. Ripetere questi passi per aggiungere altri tweet, è necessario almeno 2 per creare una vista di sequenza.

Crea una vista sequenza

  1. Spostarsi su Struttura > Viste.
  2. Fare clic su +Aggiungi vista.
  3. Nel campo Nome vista, inserire un nome per la vista, ad esempio Vista tweet.
  4. In Impostazioni di visualizzazione, selezionare le opzioni seguenti:
    • show: Media
    • of type: Twitter
    • sorted by: Non ordinati
  5. Nella sezione Impostazioni del blocco, selezionare la casella di controllo Crea un blocco.
  6. Assicurarsi che il Formato di visualizzazione sia selezionato come Carosello a scorrimento di campi.

    creare una pagina carosello

  7. Fare clic su Salva e modifica.

Personalizza la vista della sequenza

Ora ci si trova nella pagina in cui è possibile modificare la vista.

  1. Se non siete nella pagina di modifica della vista, andate in Struttura > Viste, trovate il nome della vista creata e fate clic su Modifica.
  2. Nella sezione Titolo, fate clic su Vista tweet e inserite <none> nel campo Title, quindi fate clic su Applica.

    per modificare il nome della vista

  3. Nella sezione Campi, fate clic su Aggiungi e poi cercate tweet.
  4. Selezionare la casella di controllo per Tweet URL e fare clic su Aggiungi e configura i campi.

    pagina Aggiungi campi

  5. Da Formatter, selezionare Twitter embed e fare clic su Apply.

    pagina per aggiungere il formattatore per l'incorporamento di Twitter

  6. Nella sezione Campi, fare clic su Media: Nome e fare clic su Rimuovi.

    pagina per rimuovere il nome del media

  7. Nella sezione Criteri del filtro, fare clic su Media: Pubblicato (= Vero) e fare clic su Rimuovi.

    pagina per rimuovere i media pubblicati

  8. Nella sezione Format, fare clic su Settings accanto a Slick Carousel.
  9. Dall'elenco Pelle principale, selezionare Default.
  10. Nella sezione Campi didascalia, selezionare Media: Tweet URL e Sovrascrivi l'insieme delle opzioni principali.
  11. Nella sezione Opzioni sovrapponibili, selezionare le caselle di controllo Autoplay e Dots e fare clic su Apply.

    per configurare le modifiche alla pelle

  12. Nella sezione Pager, fare clic suItems, impostare il campo Items to display su 0 e fare clic su Apply.

    pagina delle opzioni del cercapersone

  13. Fare clic su Salva.

Integra la vista nella prima pagina del tuo Developer Portal .

  1. Spostarsi su Struttura > Pagine.
  2. Individuare l'etichetta welcome e fare clic su Modifica.
  3. Nella sezione Varianti, fare clic su Pannelli, quindi su Contenuto.
  4. Fare clic su Aggiungi nuovo blocco.
  5. Nella sezione Elenco (viste), selezionare il nuovo blocco.

    aggiungere la vista tweet al blocco

  6. Deselezionare la casella di controllo Visualizza titolo e fare clic su Aggiungi blocco.
  7. È ora possibile modificare la posizione della visualizzazione dei tweet nella prima pagina.

    Schermata della visualizzazione dei tweet in prima pagina

  8. Fare clic su Aggiorna e salva.

Cosa hai imparato in questa esercitazione

È possibile verificare che la vista creata venga visualizzata nella prima pagina della pagina del sito.

La nuova frontespizio con tweet carousel

Cosa fare successivamente

È possibile modificare la vista in qualsiasi momento navigando in Struttura > Viste e selezionando la vista con il suo nome. È inoltre possibile modificare o eliminare il layout della vista nella prima pagina, tornando alla sezione layout della pagina in Struttura > Pagine.

Puoi anche integrare i tuoi dati di Twitter in modo dinamico. Per ulteriori informazioni, consultare i collegamenti riportati di seguito.