Visualizzazione degli eventi di Facebook con il plugin di WordPress

Visualizzazione degli eventi di Facebook

A causa di alcune recenti modifiche alle API di Facebook, attualmente è possibile visualizzare solo gli eventi di cui si è ospiti e che provengono da una "Pagina" di Facebook di cui si è amministratori. Per fare ciò, è necessario un Token di accesso alla pagina di Facebook. Per visualizzare gli eventi di pagine Facebook di cui non siete amministratori, consultate questa FAQ per una soluzione temporanea. Ci scusiamo per l'inconveniente!

Il plugin Custom Facebook Feed WordPress consente di visualizzare facilmente gli eventi direttamente dalla vostra pagina o gruppo Facebook.

Visualizzazione degli eventi di Facebook sul vostro sito WordPress con il plugin Custom Facebook Feed WordPress

Come mostrare gli eventi

Se il feed principale deve mostrare gli Eventi di Facebook, è possibile deselezionare tutti gli altri tipi di post nella sezione Tipi di post (pagina Personalizza > Generale). In questo modo si scopriranno alcune opzioni disponibili solo quando si mostra solo il tipo di post Eventi.

Utilizzate le impostazioni della sezione Tipi di post per selezionare solo gli eventi tra i tipi di post di Facebook.

In alternativa, se si visualizzano più feed di Facebook sul sito e si desidera che il feed secondario visualizzi gli eventi, è possibile utilizzare le Opzioni shortcode del plugin per specificare il tipo di post direttamente nello shortcode, come ad esempio:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons

No upcoming events


Visualizzazione degli eventi passati

Per impostazione predefinita, verranno visualizzati solo gli eventi imminenti/futuri. È possibile visualizzare un feed degli eventi passati della pagina Facebook utilizzando il seguente shortcode:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons

No upcoming events

Se si desidera mostrare sia gli eventi imminenti che quelli passati, è necessario utilizzare due shortcode, in questo modo:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons

No upcoming events


Comments Box SVG iconsUsed for the like, share, comment, and reaction icons

No upcoming events

Sono stati suddivisi in questo modo per offrire un maggiore controllo sulla visualizzazione degli eventi, anziché visualizzarli tutti in un unico feed in base all'ordine di data.


Eventi da più pagine Facebook diverse

Per combinare gli eventi di più pagine Facebook diverse in un unico feed è necessario utilizzare l'estensione Multifeed. Questa consente di specificare più ID di Facebook e di unire tutti gli eventi in un unico feed, ordinato per data:


Visualizzazione di singoli eventi specifici

Per visualizzare eventi specifici è necessario utilizzare l'estensione Featured Post. Questa consente di visualizzare singoli post o eventi in base al loro ID:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons
This message is only visible to admins.
Problem displaying Facebook posts. Backup cache in use.
Error: (#200) Provide valid app ID
Type: OAuthException

No upcoming events


Impostazioni evento

Il plugin contiene una serie di impostazioni che consentono di controllare la visualizzazione degli eventi. Queste opzioni sono disponibili sia nella pagina di personalizzazione del plugin all'interno dell'amministrazione di WordPress, sia come opzioni Shortcode.

Numero di eventi da visualizzare

È la stessa impostazione utilizzata per scegliere il numero di post di Facebook da visualizzare.
Posizione: Impostazioni
Opzione shortcode: num

Visualizzate gli eventi dalla vostra pagina Eventi o dalla Timeline di Facebook.

La visualizzazione degli eventi dalla vostra pagina Eventi è l'opzione migliore per la visualizzazione degli eventi, ma potete anche scegliere di mostrare i post dalla vostra timeline di Facebook, ovvero i post che vengono creati sulla vostra timeline quando create un evento.
Posizione: Personalizza > Generale > Tipi di post
Opzione shortcode: eventsource=timeline

Visualizzare gli eventi per __ ore dopo l'orario di inizio.

Consente di stabilire per quanto tempo un evento deve essere mostrato su Facebook dopo l'orario di inizio. Il valore predefinito è di 6 ore, ma può essere impostato fino a 168 ore (l'equivalente di 1 settimana).
Posizione: Personalizza > Generale > Tipi di post
Opzione shortcode: eventoffset=6

Dimensioni dell'immagine dell'evento

È possibile decidere se mostrare l'immagine completa dell'evento o la versione quadrata ritagliata.
Posizione: Personalizza > Generale > Tipi di post
Opzione shortcode: eventimage

Mostra gli eventi che contengono determinati hashtag o stringhe

È possibile scegliere di filtrare gli eventi e mostrare solo quelli che contengono un determinato hashtag o stringa. Si può anche scegliere di mostrare gli eventi che non contengono un determinato hashtag o stringa.
Posizione: Personalizza > Generale > Filtra per stringa
Opzione shortcode: filtro, exfilter

Layout dell'evento

Per i vostri eventi potete scegliere tra un layout a miniature, a mezza larghezza o a tutta larghezza.
Posizione: Personalizza > Layout del post
Opzione shortcode: layout

eventi-3

Se si desidera un controllo più preciso sulle dimensioni delle immagini nel layout, è possibile utilizzare il seguente snippet nella sezione Custom CSS del plugin, che si trova nella scheda Misc della pagina Customize del plugin:

#cff .cff-photo{ width: 40% !important; }
#cff .cff-details { width: 57% !important; }

È possibile regolare le percentuali di conseguenza. La prima riga controlla la larghezza dell'immagine e la seconda la larghezza dei dettagli dell'evento.

Mostrare/nascondere parti dell'evento

È possibile scegliere di mostrare o nascondere l'immagine dell'evento, il titolo, i dettagli o il link "Visualizza su Facebook". Nota: è possibile modificare il testo o tradurre il link "Visualizza su Facebook" nella pagina "Testo personalizzato/Traduzione".
Posizione: Personalizza > Layout del post > Mostra/Nascondi
Opzione shortcode: includere

Personalizzazione dell'aspetto dell'evento

Oltre a tutte le opzioni di stile generali integrate nel plugin (altezza, larghezza, colore di sfondo, intestazione ecc.), è possibile personalizzare anche parti specifiche degli eventi.

Titolo dell'evento

eventi-4

Formato del titolo

È possibile scegliere il formato HTML in cui visualizzare il titolo, ad esempio un tag h3, h4, h5, h6 o un paragrafo.
Posizione: Personalizza > Stile dei post (Tipografia) > Titolo dell'evento
Opzione shortcode: eventtitleformat

Titolo Dimensione

La dimensione del titolo dell'evento.
Posizione: Personalizza > Stile dei post (Tipografia) > Titolo dell'evento
Opzione shortcode: eventtitlesize

Titolo Peso

Il peso del carattere del titolo dell'evento.
Posizione: Personalizza > Stile dei post (Tipografia) > Titolo dell'evento
Opzione shortcode: eventtitleweight

Titolo Colore

Il colore del titolo dell'evento.
Posizione: Personalizza > Stile dei post (Tipografia) > Titolo dell'evento
Opzione shortcode: eventtitlecolor

Titolo del link alla pagina dell'evento Facebook

Se collegare il titolo dell'evento direttamente all'evento su Facebook.
Posizione: Personalizza > Stile post (Tipografia) > Titolo evento
Opzione shortcode: eventtitlelink

Data dell'evento

eventi-5

Data dell'evento Dimensione

La dimensione della data dell'evento.
Posizione: Personalizza > Stile dei messaggi (Tipografia) > Data dell'evento
Opzione shortcode: eventdatesize

Data dell'evento Peso

Il peso del carattere della data dell'evento.
Posizione: Personalizza > Stile dei messaggi (Tipografia) > Data dell'evento
Opzione shortcode: eventdateweight

Data evento Colore

Il colore della data dell'evento.
Posizione: Personalizza > Stile dei messaggi (Tipografia) > Data dell'evento
Opzione Shortcode: eventdatecolor

Data dell'evento Posizione

Se visualizzare la data dell'evento sopra o sotto il titolo dell'evento.
Posizione: Personalizza > Stile dei messaggi (Tipografia) > Data dell'evento
Opzione shortcode: eventdatepos

Formattazione della data dell'evento

Il formato della data in cui visualizzare la data dell'evento. Per esempi, vedere il Riferimento alla formattazione della data.
Posizione: Personalizza > Stile messaggi (Tipografia) > Data evento
Opzione shortcode: eventdateformat

Formato personalizzato della data dell'evento

Utilizzare un formato personalizzato per la data dell'evento. Per esempi, vedere il Riferimento alla formattazione della data.
Posizione: Personalizza > Stile dei messaggi (Tipografia) > Data dell'evento
Opzione shortcode: eventdatecustom

Dettagli dell'evento

eventi-6

Dettagli evento Dimensioni

La dimensione del testo dei dettagli dell'evento.
Posizione: Personalizza > Stile post (Tipografia) > Dettagli evento
Opzione shortcode: eventdetailssize

Dettagli dell'evento Peso

Il peso del carattere del testo dei dettagli dell'evento.
Posizione: Personalizza > Stile Messaggi (Tipografia) > Dettagli evento
Opzione shortcode: eventdetailsweight

Dettagli evento Colore

Il colore del testo dei dettagli dell'evento.
Posizione: Personalizza > Stile post (Tipografia) > Dettagli evento
Opzione shortcode: eventdetailscolor

Dettagli evento Link Color

Il colore dei collegamenti nel testo dei dettagli dell'evento.
Posizione: Personalizza > Stile post (Tipografia) > Dettagli evento
Opzione shortcode: eventlinkcolor

Link "Visualizza su Facebook

eventi-7

Dimensione del testo del link

La dimensione del testo "Visualizza su Facebook".
Posizione: Personalizza > Stile dei post (Tipografia) > Collegamento a Facebook
Opzione shortcode: linksize

Peso del testo del link

Il peso del carattere del testo "Visualizza su Facebook".
Posizione: Personalizza > Stile dei post (Tipografia) > Collegamento a Facebook
Opzione shortcode: linkweight

Colore del testo del collegamento

Il colore del testo "Visualizza su Facebook".
Posizione: Personalizzazione > Stile dei post (Tipografia) > Collegamento a Facebook
Opzione shortcode: linkcolor

Testo del collegamento personalizzato

Il testo da utilizzare al posto del testo predefinito "Visualizza su Facebook".
Posizione: Personalizza > Stile dei post (Tipografia)> Collegamento a Facebook
Opzione shortcode: facebooklinktext