Comment afficher votre chronologie Facebook dans WordPress

Voulez-vous afficher vos publications sur la chronologie Facebook dans WordPress ?

En ajoutant vos mises à jour Facebook à WordPress, vous pouvez garder votre site frais et intéressant tout en encourageant les visiteurs à vous suivre sur Facebook.

Dans cet article, nous allons vous montrer comment afficher facilement votre chronologie Facebook dans WordPress.

Affichage de votre chronologie Facebook dans WordPress

Le moyen le plus simple d'intégrer votre chronologie Facebook dans WordPress consiste à utiliser le plugin Smash Balloon Custom Facebook Feed.

Ce plugin vous permet d'intégrer des albums Facebook, des commentaires, des critiques, des publications de la communauté et bien plus encore sur votre site.

Pour ce guide, nous utiliserons Smash Balloon premium car il vous permet d'afficher des photos et des vidéos de votre chronologie Facebook.

Les visiteurs peuvent également faire défiler votre contenu dans une fenêtre contextuelle lightbox, sans jamais quitter votre site Web. Cependant, il existe également une version gratuite qui vous permet d'afficher du texte et des liens à partir de votre chronologie, quel que soit votre budget.

Lors de l'activation, vous devrez vous rendre sur Flux Facebook » Paramètres et saisir votre clé de licence dans le champ « Clé de licence ».

Vous trouverez ces informations sous votre compte sur le site Web de Smash Balloon.

Après avoir entré la clé, cliquez sur le bouton 'Activer'.

Connecter une page ou un groupe Facebook à WordPress

Ensuite, vous devez décider si vous souhaitez afficher la chronologie à partir d'une page Facebook ou d'une chronologie de groupe. Nous allons utiliser une page Facebook mais les étapes seront sensiblement les mêmes pour les groupes Facebook.

Pour un aperçu plus détaillé des groupes, veuillez consulter notre guide complet sur la façon d'intégrer un flux de groupe Facebook dans WordPress.

Pour connecter votre page ou groupe Facebook à WordPress, accédez à Flux Facebook » Tous les flux , puis cliquez sur « Ajouter un nouveau ».

Smash Balloon vous permet de créer différents flux pour afficher vos albums photo Facebook, vos événements, votre chronologie, etc.

Puisque nous voulons afficher notre chronologie Facebook dans WordPress, vous devrez cliquer sur "Timeline", puis sur "Suivant".

Après cela, vous pouvez choisir la page ou le groupe Facebook que vous souhaitez ajouter à votre site.

Cliquez simplement sur "Ajouter un nouveau" pour commencer.

Sur l'écran suivant, choisissez si vous souhaitez intégrer la chronologie à partir d'une page ou d'un groupe.

Après avoir pris cette décision, allez-y et cliquez sur "Se connecter à Facebook".

Cela ouvre une fenêtre contextuelle dans laquelle vous pouvez vous connecter à votre compte Facebook et choisir les pages ou les groupes que vous souhaitez utiliser.

Après cela, cliquez sur "Suivant".

Une fois que vous avez fait cela, Facebook affichera toutes les informations auxquelles Smash Balloon aura accès et les actions qu'il peut effectuer sur votre page ou groupe Facebook.

Pour restreindre l'accès de Smash Balloon à votre compte Facebook, cliquez simplement sur l'un des commutateurs pour le faire passer de "Oui" à "Non". Sachez simplement que cela peut limiter le contenu Facebook qui apparaît sur votre blog ou site Web WordPress.

Dans cet esprit, vous devez laisser tous les commutateurs activés dans la mesure du possible.

Ensuite, cliquez sur le bouton 'Terminé'.

Après quelques instants, vous devriez voir un message confirmant que vous avez lié votre site WordPress à Facebook. Maintenant que vous avez fait cela, il est temps de cliquer sur "OK".

Smash Balloon vous ramènera automatiquement au tableau de bord WordPress.

Comment intégrer votre chronologie Facebook dans WordPress

À ce stade, vous verrez une fenêtre contextuelle avec le groupe ou la page que vous venez de connecter à WordPress.

Sélectionnez simplement le bouton radio à côté de cette source, puis cliquez sur le bouton "Ajouter".

Si vous avez accidentellement fermé la fenêtre contextuelle, ne vous inquiétez pas. Actualisez simplement l'onglet pour rouvrir la fenêtre contextuelle.

Après cela, WordPress vous ramènera automatiquement à la page Flux Facebook »Tous les flux . Comme avant, cliquez sur le bouton « Ajouter un nouveau », sélectionnez « Chronologie », puis cliquez sur le bouton « Suivant ».

Maintenant, sélectionnez votre page ou groupe Facebook et cliquez sur "Suivant".

Vous pouvez choisir un modèle à utiliser comme point de départ pour votre chronologie intégrée. Tous ces modèles sont entièrement personnalisables afin que vous puissiez affiner la conception en fonction de la façon dont vous souhaitez afficher la chronologie sur votre site Web WordPress.

Nous utilisons le modèle "Par défaut", mais vous pouvez choisir le modèle de votre choix. Vous pouvez également modifier le modèle ultérieurement si vous n'êtes pas satisfait.

Lorsque vous êtes prêt, cliquez sur le bouton "Suivant".

Smash Balloon va maintenant continuer et créer un flux de chronologie basé sur votre modèle et votre page ou groupe Facebook. C'est un bon début, mais vous voudrez peut-être affiner l'apparence de la chronologie sur votre site WordPress.

Comment personnaliser votre flux Facebook intégré

Le plug-in Smash Balloon Custom Facebook Feed vous offre de nombreuses façons de personnaliser l'affichage de la chronologie sur votre site. Dans cet esprit, voyons les différentes modifications que vous pouvez apporter à votre chronologie Facebook.

Sur la page Flux Facebook » Tous les flux , recherchez votre flux de chronologie, puis cliquez sur son bouton "Modifier", qui ressemble à un petit crayon.

Cela ouvre l'éditeur de flux Smash Balloon, qui affiche un aperçu du groupe Facebook ou de la chronologie de la page à droite.

Sur le côté gauche, vous verrez tous les paramètres que vous pouvez utiliser pour modifier l'apparence de la chronologie. La plupart de ces paramètres sont explicites, mais nous couvrirons rapidement chaque domaine.

Si vous n'êtes pas satisfait de l'apparence du flux, vous pouvez essayer un autre modèle en cliquant sur l'option de menu "Modèle".

Ensuite, sélectionnez le bouton "Modifier".

Après cela, vous pouvez modifier la façon dont vos publications sont affichées en cliquant sur "Mise en page du flux".

Sur cet écran, vous pouvez basculer entre les dispositions de liste et de maçonnerie. Au fur et à mesure que vous apportez des modifications, l'aperçu se met à jour automatiquement afin que vous puissiez essayer différentes mises en page pour voir ce qui convient le mieux à votre chronologie Facebook.

Vous pouvez également modifier la hauteur du flux et le nombre de messages affichés par Smash Balloon sur les ordinateurs de bureau, les smartphones et les tablettes.

Si vous modifiez le nombre de publications, vous pouvez prévisualiser l'apparence de votre flux sur les ordinateurs de bureau et les appareils mobiles à l'aide de la rangée de boutons dans le coin supérieur droit.

Lorsque vous testez la version mobile de votre site Web WordPress, vous pouvez également modifier le nombre de colonnes que Smash Balloon affiche sur les ordinateurs de bureau, les tablettes et les smartphones.

Par exemple, dans l'image suivante, nous divisons le contenu en 4 colonnes sur ordinateur, 3 colonnes sur tablettes et 2 colonnes sur appareils mobiles. Cela peut aider votre chronologie à s'adapter confortablement à l'écran, quel que soit le type d'appareil utilisé par le visiteur.

Lorsque vous êtes satisfait de la mise en page, cliquez sur le lien "Personnaliser".

Cela vous ramènera à l'éditeur principal de Smash Balloon, afin que vous puissiez passer à l'option de menu suivante, qui est "Schéma de couleurs".

Par défaut, votre timeline utilisera les mêmes couleurs que votre thème WordPress, mais cet écran vous permet également de basculer entre les mises en page "Clair" et "Sombre".

Vous pouvez même créer votre propre jeu de couleurs en sélectionnant "Personnalisé", puis en utilisant les paramètres pour modifier la couleur d'arrière-plan, la couleur du lien, modifier la couleur du texte dans WordPress, etc.

Par défaut, Smash Balloon ajoute un en-tête à votre flux, qui est votre photo de couverture, votre photo de profil et le nom de votre page Facebook.

Pour modifier l'apparence de cette section, cliquez sur "En-tête" dans le menu de gauche.

Sur cet écran, vous pouvez modifier la taille et la couleur de l'en-tête, masquer ou afficher votre photo de profil Facebook, etc.

Vous pouvez également basculer entre l'en-tête "Visuel" par défaut et un en-tête "Texte".

Vous voulez supprimer complètement l'en-tête ? Ensuite, cliquez simplement sur le bouton "Activer" pour le désactiver.

Après cela, vous pouvez modifier l'apparence des publications individuelles dans votre fil de groupe en sélectionnant "Style de publication" dans le menu de gauche.

Sur l'écran suivant, vous aurez deux options différentes.

Pour commencer, allez-y et cliquez sur "Post Style".

Sur cet écran, vous pouvez choisir entre une mise en page régulière et en boîte.

Si vous sélectionnez "En boîte", vous pouvez créer un arrière-plan coloré pour chaque publication. Cela peut aider vos publications Facebook à se démarquer du reste de votre site Web et peut également rendre le texte plus facile à lire.

Vous pouvez également agrandir le rayon de bordure pour créer des coins incurvés, ou vous pouvez ajouter une ombre.

Si vous choisissez "Normal", vous pouvez modifier l'épaisseur et la couleur de la ligne qui sépare vos différentes publications sur les réseaux sociaux.

Vous pouvez également personnaliser les parties individuelles de chaque publication en revenant à l'écran principal des paramètres.

Encore une fois, sélectionnez 'Post Style' mais cette fois choisissez 'Modifier les éléments individuels' à la place.

Sur cet écran, vous verrez tous les différents contenus que Smash Balloon inclut dans chaque publication de la chronologie, tels que l'auteur de la publication, le titre de l'événement, la boîte de lien partagé, etc.

Pour supprimer un élément de contenu de vos publications, il vous suffit de cliquer pour décocher sa case.

Vous pouvez également modifier la taille et la couleur de ces éléments individuels. Cliquez simplement sur le nom de l'élément, tel que « Auteur de la publication » ou « Texte de la publication ».

Vous pouvez ensuite utiliser les paramètres pour personnaliser ce contenu. Par exemple, vous pouvez agrandir le texte pour le faire ressortir ou ajouter une nouvelle couleur.

Par défaut, Smash Balloon n'inclut pas le bouton "J'aime" de Facebook dans votre chronologie. Pour augmenter le nombre de vos abonnés Facebook, vous pouvez ajouter ce bouton en sélectionnant "Like Box" dans le menu de gauche de l'éditeur.

Après cela, cliquez simplement sur le bouton "Activer" pour qu'il devienne bleu.

Par défaut, Smash Balloon ajoute ce bouton sous la chronologie, mais vous pouvez le modifier en ouvrant le menu déroulant "Position" et en choisissant "Haut" à la place.

Sur cet écran, vous pouvez également modifier l'apparence de la section "J'aime", notamment en ajoutant un appel à l'action personnalisé, en indiquant combien de personnes vous suivent sur Facebook, en ajoutant la photo de couverture de votre page, etc.

Lorsque vous êtes satisfait de l'apparence du bouton "J'aime", vous pouvez passer aux paramètres "Charger plus de bouton".

Le bouton "Charger plus" offre aux visiteurs un moyen simple de faire défiler davantage votre chronologie Facebook, donc Smash Balloon l'ajoute au flux par défaut.

C'est un bon début, mais comme il s'agit d'un bouton si important, vous voudrez peut-être l'aider à se démarquer en modifiant sa couleur d'arrière-plan, son état de survol et son étiquette.

Vous pouvez également modifier le texte qui apparaît sur le bouton, en tapant dans le champ "Texte".

Si vous préférez supprimer le bouton Charger plus, continuez et cliquez sur le bouton "Activer".

Par défaut, Smash Balloon permet aux visiteurs de parcourir les photos et les vidéos de votre chronologie sans quitter votre site Web.

Le visiteur peut simplement cliquer sur n'importe quelle photo ou vidéo pour ouvrir une fenêtre contextuelle, comme vous pouvez le voir dans l'image suivante.

Le visiteur peut ensuite utiliser les flèches pour faire défiler toutes les photos et vidéos de votre chronologie Facebook.

S'ils veulent aimer une photo, laisser un commentaire ou partager l'image avec leurs amis Facebook, ils peuvent cliquer sur le lien "Commenter sur Facebook".

Cela ouvre un nouvel onglet et amène le visiteur directement à la publication sur votre page Facebook.

Il existe plusieurs façons de personnaliser la fonction lightbox de Smash Balloon. Pour voir vos options, cliquez sur "Lightbox" dans le menu de gauche.

Ici, vous pouvez changer la couleur du texte, des liens et de l'arrière-plan de la lightbox.

Par défaut, la visionneuse affiche tous les commentaires que les gens ont laissés sur vos photos et vidéos. Si vous préférez masquer ces commentaires, vous pouvez cliquer sur le bouton "Afficher les commentaires" pour le faire passer du bleu (activé) au gris (désactivé).

La fonction lightbox permet aux utilisateurs de faire défiler vos photos et vidéos directement sur votre site WordPress.

Cependant, vous préférerez peut-être encourager les gens à visiter votre page Facebook à la place. Dans ce cas, vous pouvez désactiver la fonction lightbox en cliquant sur le bouton "Activer".

Désormais, le visiteur devra cliquer sur le lien "Voir sur Facebook" afin de regarder de plus près n'importe quelle photo ou vidéo.

Lorsque vous êtes satisfait de l'apparence de la chronologie Facebook, n'oubliez pas de cliquer sur "Enregistrer" pour enregistrer vos modifications.

Comment ajouter votre chronologie Facebook à WordPress

Vous êtes maintenant prêt à ajouter la chronologie à votre site Web à l'aide d'un bloc, d'un widget ou d'un code court.

Si vous avez créé plusieurs flux à l'aide de Smash Balloon, vous devez connaître le code du flux pour l'ajouter à un bloc ou à un widget.

Allez simplement dans Flux Facebook » Tous les flux , puis regardez la partie feed="" du shortcode. Vous devrez ajouter ce code au bloc ou au widget, alors notez-le.

Dans l'image suivante, nous devrons utiliser feed="2" .

Si vous souhaitez intégrer votre chronologie Facebook dans une page ou une publication, nous vous recommandons d'utiliser le bloc "Flux Facebook personnalisé".

Ouvrez simplement la page ou la publication où vous souhaitez afficher votre chronologie Facebook. Ensuite, cliquez sur l'icône "+" et commencez à taper "Flux Facebook personnalisé".

Lorsque le bon bloc apparaît, cliquez pour l'ajouter à la page ou à la publication.

Le bloc affichera l'un de vos flux Smash Balloon par défaut. Si ce n'est pas le flux que vous souhaitez afficher, recherchez simplement "Paramètres de code court" dans le menu de droite.

Vous pouvez maintenant ajouter le code feed="" à cette case. Après cela, cliquez sur "Appliquer les modifications".

Le bloc affichera maintenant la chronologie de votre page ou groupe Facebook. Il vous suffit de publier ou de mettre à jour la page pour que la chronologie soit en direct sur votre site Web.

Vous pouvez également ajouter le flux à n'importe quelle zone prête pour les widgets, telle que la barre latérale ou une section similaire. C'est un moyen facile de promouvoir votre page Facebook sur l'ensemble de votre site Web.

Allez simplement dans Apparence » Widgets puis cliquez sur le bouton '+'.

Après cela, recherchez le widget de flux Facebook personnalisé.

Ensuite, faites-le glisser sur la zone où vous souhaitez afficher la chronologie Facebook.

Tout comme le bloc, le widget Flux Facebook personnalisé affichera l'un des flux que vous avez créés à l'aide de Smash Balloon.

Pour afficher un flux différent, saisissez simplement le code de ce flux dans la case "Paramètres du code court", puis cliquez sur "Appliquer les modifications".

Vous pouvez maintenant faire vivre le widget en cliquant sur le bouton 'Mettre à jour'. Pour plus d'informations, veuillez consulter notre guide étape par étape sur la façon d'ajouter et d'utiliser des widgets dans WordPress.

Enfin, vous pouvez intégrer la chronologie sur n'importe quelle page, publication ou zone prête pour les widgets à l'aide d'un code court.

Allez simplement sur Facebook Feed » All Feeds et copiez le code dans la colonne « Shortcode ». Vous pouvez maintenant ajouter ce code à votre blog ou site Web WordPress.

Pour une procédure pas à pas détaillée, veuillez consulter notre guide sur la façon d'ajouter un shortcode dans WordPress.

De plus, si vous utilisez un thème de bloc, vous pouvez utiliser l'éditeur de site complet pour ajouter le "flux Facebook personnalisé" n'importe où sur votre site.

Nous espérons que cet article vous a aidé à apprendre à afficher votre chronologie Facebook dans WordPress. Vous pouvez également consulter notre guide sur la création d'un formulaire de contact dans WordPress, ou consulter notre sélection d'experts des meilleurs plugins Instagram WordPress.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.