Afficher les événements Facebook à l'aide du plugin WordPress

Affichage des événements Facebook

En raison de modifications récentes de l'API Facebook, il n'est actuellement possible d'afficher que les événements dont vous êtes l'hôte et qui proviennent d'une "page" Facebook dont vous êtes l'administrateur. Pour ce faire, vous devez disposer d'un jeton d'accès à votre page Facebook. Pour afficher des événements provenant de pages Facebook dont vous n'êtes pas l'administrateur, consultez cette FAQ pour une solution de contournement temporaire. Nous nous excusons pour la gêne occasionnée !

Le plugin WordPress Custom Facebook Feed permet d'afficher des événements directement à partir de votre page ou groupe Facebook.

Afficher vos événements Facebook sur votre site WordPress à l'aide du plugin WordPress Custom Facebook Feed

Comment présenter les événements

Si votre flux principal doit afficher vos événements Facebook, vous pouvez décocher tous les autres types de messages dans la section Types de messages (Personnaliser la page > Général). Vous verrez alors apparaître certaines options qui ne sont disponibles que lorsque vous n'affichez que le type de message Événements.

Utilisez les paramètres de la section Types de messages pour sélectionner uniquement les événements parmi les types de messages Facebook.

Alternativement, si vous affichez plusieurs flux Facebook sur votre site et que vous voulez que votre flux secondaire affiche des événements, vous pouvez utiliser les options de shortcode du plugin pour spécifier le type de message directement dans le shortcode, comme ceci :

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

No upcoming events


Affichage des événements passés

Par défaut, seuls les événements à venir seront affichés. Vous pouvez afficher un flux des événements passés de votre page Facebook en utilisant le shortcode suivant :

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

No upcoming events

Si vous souhaitez afficher à la fois les événements à venir et les événements passés, vous devez utiliser deux shortcodes, comme suit :

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

Ils sont divisés de cette manière pour vous donner un plus grand contrôle sur la façon d'afficher les événements, plutôt que de les afficher tous dans un seul flux par ordre de date.


Événements provenant de plusieurs pages Facebook différentes

Pour combiner des événements provenant de plusieurs pages Facebook différentes en un seul flux, vous devez utiliser notre extension Multifeed. Celle-ci vous permet de spécifier plusieurs identifiants Facebook et de fusionner tous les événements en un seul flux, classé par date :


Affichage d'événements particuliers spécifiques

Pour afficher des événements spécifiques, vous devez utiliser notre extension Featured Post. Celle-ci vous permet d'afficher des articles ou des événements en fonction de leur identifiant :

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


Paramètres de l'événement

Le plugin contient une série de paramètres qui vous permettent de contrôler la manière dont les événements apparaissent. Ces options sont disponibles à la fois sur la page de personnalisation du plugin dans l'administration de WordPress et également en tant qu'options de codes courts.

Nombre d'événements à afficher

Il s'agit du même paramètre que celui utilisé pour choisir le nombre de publications Facebook à afficher.
Emplacement : Paramètres
Option du code court : num

Afficher des événements à partir de votre page Événements ou de la chronologie de Facebook

L'affichage des événements à partir de votre page Événements est la meilleure option pour afficher les événements, mais vous pouvez également choisir d'afficher les publications de votre chronologie Facebook - les publications qui sont créées sur votre chronologie lorsque vous créez un événement.
Emplacement : Personnaliser > Général > Types de messages
Option de code court : eventsource=timeline

Afficher les événements pendant __ heures après leur heure de début

Cette option vous permet de déterminer la durée d'affichage d'un événement après son heure de début sur Facebook. La durée par défaut est de 6 heures, mais elle peut aller jusqu'à 168 heures (l'équivalent d'une semaine).
Emplacement : Personnaliser > Général > Types de messages
Option du code court : eventoffset=6

Taille de l'image de l'événement

Vous pouvez décider d'afficher l'image complète de l'événement ou la version recadrée au format carré.
Emplacement : Personnaliser > Général > Types de messages
Option de code court : eventimage

Afficher les événements contenant un certain hashtag ou une certaine chaîne de caractères

Vous pouvez choisir de filtrer vos événements et de n'afficher que ceux qui contiennent un certain hashtag ou une certaine chaîne de caractères. Vous pouvez également choisir d'afficher les événements qui ne contiennent pas un certain hashtag ou une certaine chaîne.
Emplacement : Personnaliser > Général > Filtrer par chaîne
Option de code court : filter, exfilter

Présentation de l'événement

Vous pouvez choisir entre une présentation en vignettes, en demi-largeur ou en pleine largeur pour vos événements.
Emplacement : Personnaliser > Mise en page de l'article
Shortcode Option : layout

événements-3

Si vous avez besoin d'un contrôle plus fin sur la taille des images dans la mise en page, vous pouvez utiliser l'extrait suivant dans la section Custom CSS du plugin, qui se trouve sous l'onglet Misc de la page Customize du plugin :

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

Vous pouvez ajuster les pourcentages en conséquence. La première ligne contrôle la largeur de l'image et la deuxième ligne contrôle la largeur des détails de l'événement.

Afficher/masquer des parties de l'événement

Vous pouvez choisir d'afficher ou de masquer l'image de l'événement, le titre, les détails ou le lien "Voir sur Facebook". Remarque : vous pouvez également modifier le texte ou traduire le lien "Voir sur Facebook" sur la page "Texte personnalisé/Traduction".
Emplacement : Personnaliser > Mise en page de l'article > Afficher/Masquer
Option de code court : include

Personnalisation de l'apparence des événements

Au-delà de toutes les options générales de style intégrées dans le plugin (hauteur, largeur, couleur de fond, en-tête, etc.), vous pouvez également personnaliser des parties spécifiques des événements.

Titre de l'événement

événements-4

Titre Format

Vous pouvez choisir le format HTML dans lequel afficher votre titre, par exemple une balise h3, h4, h5, h6 ou un paragraphe.
Emplacement : Personnaliser > Articles de style (Typographie) > Titre de l'événement
Option de code court : eventtitleformat

Titre Taille

Taille du titre de l'événement.
Emplacement : Personnaliser > Style Posts (Typographie) > Titre de l'événement
Option de code court : eventtitlesize

Titre Poids

L'épaisseur de la police du titre de l'événement.
Emplacement : Personnaliser > Articles de style (Typographie) > Titre de l'événement
Option de code court : eventtitleweight

Titre Couleur

La couleur du titre de l'événement.
Emplacement : Personnaliser > Articles de style (Typographie) > Titre de l'événement
Option du code court : eventtitlecolor

Titre du lien vers la page de l'événement sur Facebook

Permet de lier le titre de l'événement directement à l'événement sur Facebook.
Emplacement : Personnaliser > Style des articles (Typographie) > Titre de l'événement
Option de code court : eventtitlelink

Date de l'événement

événements-5

Date de l'événement Taille

La taille de la date de l'événement.
Emplacement : Personnaliser > Style Posts (Typographie) > Date de l'événement
Option du code court : eventdatesize

Date de l'événement Poids

Le poids de la police de la date de l'événement.
Emplacement : Personnaliser > Style Posts (Typographie) > Date de l'événement
Option du code court : eventdateweight

Date de l'événement Couleur

La couleur de la date de l'événement.
Emplacement : Personnaliser > Style Posts (Typographie) > Date de l'événement
Option du code court : eventdatecolor

Date de l'événement Position

Indique si la date de l'événement doit être affichée au-dessus ou au-dessous du titre de l'événement.
Emplacement : Personnaliser > Style des articles (Typographie) > Date de l'événement
Option de code court : eventdatepos

Formatage de la date de l'événement

Format de date dans lequel la date de l'événement doit être affichée. Voir la référence sur le formatage des dates pour des exemples.
Emplacement : Personnaliser > Articles de style (Typographie) > Date de l'événement
Option de code court : eventdateformat

Format personnalisé de la date de l'événement

Utilisez votre propre format personnalisé pour la date de l'événement. Voir la Référence pour le formatage des dates pour des exemples.
Emplacement : Personnaliser > Articles de style (Typographie) > Date de l'événement
Option de code court : eventdatecustom

Détails de l'événement

événements-6

Détails de l'événement Taille

Taille du texte des détails de l'événement.
Emplacement : Personnaliser > Articles de style (Typographie) > Détails de l'événement
Option de code court : eventdetailssize

Détails de l'événement Poids

L'épaisseur de la police du texte des détails de l'événement.
Emplacement : Personnaliser > Articles de style (Typographie) > Détails de l'événement
Option de code court : eventdetailsweight

Détails de l'événement Couleur

La couleur du texte des détails de l'événement.
Emplacement : Personnaliser > Articles de style (Typographie) > Détails de l'événement
Option du code court : eventdetailscolor

Détails de l'événement Link Color

La couleur des liens dans le texte des détails de l'événement.
Emplacement : Personnaliser > Articles de style (Typographie) > Détails de l'événement
Option du code court : eventlinkcolor

Lien "Voir sur Facebook

événements-7

Taille du texte du lien

La taille du texte "Voir sur Facebook".
Emplacement : Personnaliser > Style des articles (Typographie) > Lien vers Facebook
Option du code court : linksize

Poids du texte du lien

Le poids de la police du texte "Voir sur Facebook".
Emplacement : Personnaliser > Style des articles (Typographie) > Lien vers Facebook
Option du code court : linkweight

Couleur du texte du lien

La couleur du texte "Voir sur Facebook".
Emplacement : Personnaliser > Style des articles (Typographie) > Lien vers Facebook
Option du code court : linkcolor

Texte du lien personnalisé

Texte à utiliser à la place du texte par défaut "Voir sur Facebook".
Emplacement : Personnaliser > Style des messages (Typographie)> Lien vers Facebook
Option de code court : facebooklinktext