Voulez-vous afficher vos publications 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 vous montrerons comment afficher facilement votre calendrier Facebook dans WordPress.
Affichage de votre calendrier Facebook dans WordPress
Le moyen le plus simple d’incorporer votre chronologie Facebook dans WordPress est d’utiliser le plugin Facebook Facebook personnalisé Smash Balloon.
Ce plugin vous permet d’intégrer des albums Facebook, des commentaires, des critiques, des publications communautaires et plus encore sur votre site.
Pour ce guide, nous utiliserons Smash Balloon Premium car il vous permet de montrer des photos et des vidéos de votre calendrier Facebook.
Les visiteurs peuvent également faire défiler votre contenu dans une popup 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 calendrier, quel que soit votre budget.
Lors de l’activation, vous devrez vous rendre sur Facebook Feed »Paramètres et entrer 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 être entré dans la touche, cliquez sur le bouton «Activer».
Connecter une page ou un groupe Facebook à WordPress
Ensuite, vous devez décider d’afficher le calendrier à partir d’une page Facebook ou d’une chronologie de groupe. Nous allons utiliser une page Facebook, mais les étapes seront en grande partie les mêmes pour les groupes Facebook.
Pour un regard plus détaillé sur les groupes, veuillez consulter notre guide complet sur la façon d’intégrer un flux de groupe Facebook dans WordPress.
Pour connecter votre page Facebook ou votre groupe à WordPress, accédez à Facebook Feed »Tous les flux , puis cliquez sur« Ajouter nouveau »
Smash Balloon vous permet de créer différents flux pour montrer vos albums photo Facebook, vos événements, votre chronologie, etc.
Étant donné que nous voulons afficher notre calendrier Facebook dans WordPress, vous devrez cliquer sur «Timeline», puis cliquer sur «Suivant»
Après cela, vous pouvez choisir la page Facebook ou le groupe 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 d’une page ou d’un groupe.
Après avoir pris cette décision, allez-y et cliquez sur «Connectez-vous à Facebook»
Cela ouvre une fenêtre contextuelle où 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 Facebook ou votre groupe.
Pour restreindre l’accès de Smash Balloon à votre compte Facebook, cliquez simplement sur l’un des commutateurs pour le passer de «Oui» à «Non», sachez que cela peut limiter le contenu Facebook qui apparaît sur votre blog ou votre site Web WordPress.
Dans cet esprit, vous devez laisser tous les commutateurs activés chaque fois que possible.
Ensuite, cliquez sur le bouton «Terminé».
Après quelques instants, vous devriez voir un message confirmant que vous avez lié votre site Web WordPress à Facebook. Maintenant, vous avez fait cela, il est temps de cliquer sur «OK»
Smash Balloon vous ramènera désormais automatiquement au tableau de bord WordPress.
Comment intégrer votre calendrier 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. Rafraîchissez simplement l’onglet pour rouvrir la fenêtre contextuelle.
Après cela, WordPress vous ramènera à la page Facebook »Tous les flux automatiquement. Tout comme avant, cliquez sur le bouton «Ajouter un nouveau», sélectionnez «Timeline», puis cliquez sur le bouton «Suivant».
Maintenant, sélectionnez votre page Facebook ou votre groupe, puis 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, vous pouvez donc 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 n’importe quel modèle que vous souhaitez. Vous pouvez également modifier le modèle à une date ultérieure si vous n’êtes pas satisfait.
Lorsque vous êtes prêt, cliquez sur le bouton «Suivant».
Smash Balloon ira maintenant et créera un flux de chronologie en fonction de votre modèle et de votre page Facebook ou groupe. 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 plugin Facebook Smash Balloon personnalisé vous donne de nombreuses façons de personnaliser comment la chronologie apparaît sur votre site. Dans cet esprit, voyons les différents modifications que vous pouvez apporter à votre calendrier Facebook.
Sur la page Facebook »Tous les flux , trouvez votre flux de chronologie, puis cliquez sur son bouton« Modifier », qui ressemble à un petit crayon.
Cela ouvre l’éditeur Smash Balloon Feed, qui montre 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 zone.
Si vous n’êtes pas satisfait de l’apparence du flux, vous pouvez essayer un modèle différent en cliquant sur l’option de menu «modèle».
Ensuite, sélectionnez le bouton «Changer».
Après cela, vous pouvez modifier la façon dont vos messages sont affichés en cliquant sur «Feed Dayout»
Sur cet écran, vous pouvez basculer entre la liste et les dispositions de maçonnerie. Au fur et à mesure que vous apportez des modifications, l’aperçu mettra à jour automatiquement afin que vous puissiez essayer différentes dispositions pour voir ce qui semble le meilleur pour votre calendrier Facebook.
Vous pouvez également modifier la hauteur de l’alimentation et le nombre de messages que Smash Balloon montre sur les ordinateurs de bureau, les smartphones et les tablettes.
Si vous modifiez le nombre de messages, vous pouvez prévisualiser à quoi ressemblera votre flux sur les ordinateurs de bureau et les appareils mobiles à l’aide de la ligne 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 montre sur des ordinateurs de bureau, des tablettes et des smartphones.
Par exemple, dans l’image suivante, nous divisons le contenu en 4 colonnes sur le bureau, 3 colonnes sur des tablettes et 2 colonnes sur les appareils mobiles. Cela peut aider votre chronologie à s’adapter confortablement à l’écran, quel que soit le type d’appareil que le visiteur utilise.
Lorsque vous êtes satisfait de la mise en page, cliquez sur le lien «Personnaliser».
Cela vous ramènera à l’éditeur de ballon Smash principal, vous pouvez donc passer à l’option de menu suivant, qui est la «palette de couleurs»
Par défaut, votre chronologie utilisera les mêmes couleurs que votre thème WordPress, mais cet écran vous permet également de basculer entre les dispositions «légères» et «sombres».
Vous pouvez même créer votre propre schéma de couleurs en sélectionnant «Custom», 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, et plus encore.
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 de l’en-tête et de la couleur, 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 retirer complètement l’en-tête? Cliquez ensuite simplement sur le basculement «Activer» pour le désactiver.
Après cela, vous pouvez modifier l’apparence des messages individuels à l’intérieur de votre flux 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 disposition régulière et en boîte.
Si vous sélectionnez «boîte», vous pouvez créer un arrière-plan coloré pour chaque message. Cela peut aider vos publications sur 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 frontalier pour créer des coins incurvés, ou vous pouvez ajouter une ombre.
Si vous choisissez «régulièrement», vous pouvez modifier l’épaisseur et la couleur de la ligne qui séparent vos différents publications sur les réseaux sociaux.
Vous pouvez également personnaliser les pièces individuelles dans chaque message en revenant à l’écran des paramètres principaux.
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 chronologie, tels que l’auteur du post, le titre d’événement, la boîte de liaison partagée, etc.
Pour supprimer un contenu de vos messages, cliquez simplement pour décocher sa boîte.
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 «Post Auteur» ou «Post Text»
Vous pouvez ensuite utiliser les paramètres pour personnaliser ce contenu. Par exemple, vous pouvez agrandir le texte pour qu’il se démarque ou ajouter une nouvelle couleur.
Par défaut, Smash Balloon n’inclut pas le bouton Facebook «Like» dans votre chronologie. Pour développer vos abonnés Facebook, vous voudrez peut-être ajouter ce bouton en sélectionnant «Like Box» dans le menu de la main gauche de l’éditeur.
Après cela, cliquez simplement sur le bouton «Activer» afin qu’il devienne bleu.
Par défaut, Smash Balloon ajoute ce bouton sous la chronologie, mais vous pouvez changer cela en ouvrant la liste déroulante «Position» et en choisissant «Top» à la place.
Sur cet écran, vous pouvez également modifier l’apparence de la section «similaire», y compris l’ajout d’un appel personnalisé à l’action, montrant combien de personnes vous suivent sur Facebook, en ajoutant la photo de couverture de votre page, et plus encore.
Lorsque vous êtes satisfait de l’apparence du bouton «Like», vous pouvez passer aux paramètres «Chargez plus de bouton».
Le bouton «Chargement plus» donne aux visiteurs un moyen facile 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 c’est un bouton tellement 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 de chargement plus, alors allez-y et cliquez sur le basculement «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 Lightbox, 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 calendrier Facebook.
S’ils veulent aimer une photo, laisser un commentaire ou partager l’image avec leurs amis Facebook, ils peuvent cliquer sur le lien «Commentaire sur Facebook».
Cela ouvre un nouvel onglet et emmène le visiteur directement sur la publication sur votre page Facebook.
Il existe différentes façons de personnaliser la fonction de Lightbox de Smash Balloon. Pour voir vos options, cliquez sur «Lightbox» dans le menu de gauche.
Ici, vous pouvez modifier la couleur du texte Lightbox, des liens et de l’arrière-plan.
Par défaut, la Lightbox montre 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 commutateur «Afficher les commentaires» pour le transformer du bleu (activé) au gris (désactivé).
La fonction LightBox permet aux gens de faire défiler vos photos et vidéos directement sur votre site Web WordPress.
Cependant, vous préférez peut-être encourager les gens à visiter votre page Facebook à la place. Dans ce cas, vous pouvez désactiver la fonction LightBox en cliquant sur la bascule «Activer».
Désormais, le visiteur devra cliquer sur le lien «Afficher sur Facebook» afin de regarder de plus près toute photo ou vidéo.
Lorsque vous êtes satisfait de l’apparence de la chronologie Facebook, n’oubliez pas de cliquer sur «Enregistrer» pour stocker vos modifications.
Comment ajouter votre calendrier Facebook à WordPress
Vous êtes maintenant prêt à ajouter la chronologie à votre site Web à l’aide d’un bloc, d’un widget ou d’un shortcode.
Si vous avez créé plus d’un flux à l’aide de Smash Balloon, vous devrez connaître le code du flux pour l’ajouter à un bloc ou à un widget.
Accédez simplement à Facebook Feed » Tous les aliments 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 calendrier Facebook dans une page ou une publication, nous vous recommandons d’utiliser le bloc «Facebook Face Facebook».
Ouvrez simplement la page ou publiez où vous souhaitez afficher votre calendrier Facebook. Ensuite, cliquez sur l’icône «+» et commencez à taper le «flux Facebook personnalisé»
Lorsque le bloc droit apparaît, cliquez pour l’ajouter à la page ou à la publication.
Le bloc montrera l’un de vos flux de ballon Smash par défaut. Si ce n’est pas le flux que vous souhaitez afficher, alors trouvez simplement les «paramètres de shortcode» dans le menu à droite.
Vous pouvez maintenant ajouter le code feed = ""
à cette case. Après cela, cliquez sur «Appliquer les modifications»
Le bloc affichera désormais la chronologie de votre page Facebook ou groupe. Publiez simplement ou mettez à jour la page pour rendre le calendrier en direct sur votre site Web.
Alternativement, vous pouvez ajouter le flux à n’importe quelle zone prête pour le widget, comme la barre latérale ou la section similaire. C’est un moyen facile de promouvoir votre page Facebook sur l’ensemble de votre site Web.
Accédez simplement à Apparence »widgets puis cliquez sur le bouton« + ».
Après cela, trouvez le widget Facebook Facebook personnalisé.
Ensuite, faites-le glisser sur la zone où vous souhaitez afficher la chronologie Facebook.
Tout comme le bloc, le widget 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 ce code de flux dans la case «Shortcode Paramètres», puis cliquez sur «Appliquer les modifications»
Vous pouvez désormais rendre le widget en direct en cliquant sur le bouton «Mise à 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, post ou zone prête pour le widget à l’aide d’un shortcode.
Accédez simplement à Facebook Feed » Tous les aliments et copiez le code dans la colonne« Shortcode ». Vous pouvez maintenant ajouter ce code à votre blog ou site Web WordPress.
Pour une procédure 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 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 calendrier Facebook dans WordPress. Vous pouvez également consulter notre guide sur la façon de créer un formulaire de contact dans WordPress, ou voir notre choix d’expert des meilleurs plugins Instagram WordPress.
Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.