Docs    Facebook

Comment utiliser l'extension Album pour afficher les photos d'un album Facebook spécifique ?

Installation

Les extensions s'installent comme n'importe quel autre plugin WordPress. Vous pouvez suivre le même processus que celui utilisé pour télécharger et installer le plugin Custom Facebook Feed Pro.

Si vous avez la licence Smash ou All Access Bundle qui inclut toutes nos extensions de flux Facebook, après avoir installé et activé le plugin Custom Facebook Feed Extensions, vous devrez également aller dans WordPress Dashboard > Facebook Feed > Extensions et activer les extensions individuelles que vous souhaitez utiliser :

Recherche de l'identifiant de l'album

Vous pouvez trouver l'ID d'un album Facebook à partir de son URL. Il s'agit de l'ensemble des chiffres compris entre les deux premiers points de l'URL, comme indiqué ci-dessous :

https://www.facebook.com/media/set/?set=a.440612488444.242105.15087023444

Version du plugin 4.0 et plus

Dans la version 4.0 et supérieure du plugin, vous pouvez également saisir directement l'URL complète de l'album et le plugin trouvera automatiquement l'identifiant correct.

Création d'un flux d'album unique

Allez dans Flux Facebook > Tous les flux > Nouveau. Lorsque vous êtes invité à sélectionner le type de flux, sélectionnez Album unique. Il vous sera demandé d'ajouter l'URL ou l'ID de l'album.

Pour un flux déjà configuré, allez dans Flux Facebook > Tous les flux > sélectionnez Modifier pour le flux > Paramètres > Type de flux > cliquez sur Modifier , puis sur Album unique. Modifiez le type de flux et vous pourrez alors ajouter l'URL ou l'ID de l'album à ce flux spécifique.

Afficher les légendes au survol

Lorsque vous cliquez sur une photo, la légende s'affiche dans la boîte à lumière, mais vous pouvez également choisir d'afficher la légende lorsque vous survolez la photo sans ouvrir la boîte à lumière. Il suffit d'ajouter le JavaScript suivant à votre site. Cette opération peut être effectuée manuellement à l'aide d'un plugin JavaScript personnalisé. Pour plus d'informations, consultez notre documentation ici.

$('.cff-album-cover').each(function(){
  $self = $(this);
  $self.find('.cff-photo-hover').html('<p style="color: #fff; width: 90%; padding: 5%;">' + $self.find('.cff-lightbox-link').attr('data-title') + '</p>');
});

Version 4.0 du plugin ci-dessous

Code court

L'extension Album vous permet de spécifier l'ID d'un album Facebook directement dans le shortcode :

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons
This message is only visible to admins.
Problem displaying Facebook posts.
Error: No posts available for this Facebook ID

Vous pouvez également définir le nombre de colonnes dans la grille de photos en utilisant l'option "albumcols" du shortcode, et le nombre de photos à afficher en utilisant l'option "num" :

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons
This message is only visible to admins.
Problem displaying Facebook posts.
Error: No posts available for this Facebook ID

Options des codes courts

Nom Attribut Options Description Exemple
ID de l'album album N'importe quel identifiant d'album L'ID de l'album Facebook que vous souhaitez afficher album=440612488444
Nombre de colonnes albumcols 1-4 Le nombre de colonnes dans la grille de photos albumcols=2
Nombre de photos num. N'importe quel nombre Nombre de photos à afficher num=50

Afficher les photos les plus récentes en premier

Pour modifier l'ordre des photos, vous devez les réorganiser manuellement dans l'album sur Facebook, en cliquant sur les trois points dans le coin et en sélectionnant "Modifier l'album". Vous pouvez ensuite faire glisser les photos dans l'album et cliquer sur "Enregistrer". Si vous videz ensuite le cache sur la page des paramètres du plugin, le plugin sera mis à jour pour refléter l'ordre sur Facebook.

Afficher les légendes au survol

Lorsque vous cliquez sur une photo, la légende s'affiche dans la boîte à lumière, mais vous pouvez également choisir d'afficher la légende lorsque vous survolez la photo sans ouvrir la boîte à lumière. Il suffit d'ajouter ce qui suit à la section Custom JavaScript du plugin, qui se trouve sous l'onglet Misc de la page Customize du plugin :

$('.cff-album-cover').each(function(){
  $self = $(this);
  $self.find('.cff-photo-hover').html('<p style="color: #fff; width: 90%; padding: 5%;">' + $self.find('.cff-lightbox-link').attr('data-title') + '</p>');
});

soutien

Vous n'avez pas trouvé votre réponse dans la documentation ?

Contacter le support

Cet article a-t-il été utile ?