Installazione
Le estensioni si installano come qualsiasi altro plugin di WordPress. Potete seguire la stessa procedura utilizzata per caricare e installare il plugin Custom Facebook Feed Pro.
Se avete la licenza Smash o All Access Bundle che include tutte le nostre estensioni per il feed di Facebook, dopo aver installato e attivato il plugin Custom Facebook Feed Extensions, dovrete anche andare su WordPress Dashboard > Facebook Feed > Extensions e attivare le singole estensioni che desiderate utilizzare:
Trovare l'ID dell'album
È possibile trovare l'ID di un album di Facebook dal suo URL. Si tratta dell'insieme di numeri compresi tra i primi due periodi dell'URL, come evidenziato di seguito:
https://www.facebook.com/media/set/?set=a.440612488444.242105.15087023444
Nella versione 4.0 e successive del plugin, è possibile inserire direttamente l'URL completo dell'album e il plugin troverà automaticamente l'ID corretto. Andate su Facebook Feed > Tutti i feed > Nuovo. Quando viene richiesto di selezionare il tipo di feed, selezionare Album singolo. Verrà chiesto di aggiungere l'URL o l'ID dell'album. Per un feed già impostato, andare su Facebook Feed > Tutti i feed > selezionare Modifica per il feed > Impostazioni > Tipo di feed > fare clic su Cambia e poi su Album singolo. Modificate il tipo di feed e sarete in grado di aggiungere l'URL o l'ID dell'album a questo feed specifico. Quando si fa clic su una foto, la didascalia viene visualizzata nella lightbox a comparsa, ma si può anche scegliere di visualizzare la didascalia quando si passa il mouse sulla foto senza aprire la lightbox. È sufficiente aggiungere il seguente JavaScript al sito. Questa operazione può essere eseguita manualmente utilizzando un plugin JavaScript personalizzato. Per ulteriori informazioni, consultare la nostra documentazione qui.Versione del plugin 4.0 e successive
Creazione di un feed per album singolo
Visualizzazione delle didascalie al passaggio del mouse
$('.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>');
});
Sotto la versione 4.0 del plugin
Codice breve
L'estensione Album consente di specificare l'ID di un album di Facebook direttamente nello shortcode:
Problem displaying Facebook posts. Backup cache in use.
Type: OAuthException
È inoltre possibile impostare il numero di colonne della griglia fotografica utilizzando l'opzione shortcode 'albumcols' e il numero di foto da visualizzare utilizzando l'opzione 'num':
Problem displaying Facebook posts. Backup cache in use.
Type: OAuthException
Opzioni shortcode
| Nome | Attributo | Opzioni | Descrizione | Esempio |
| ID album | album | Qualsiasi ID album | L'ID dell'album di Facebook che si desidera visualizzare | album=440612488444 |
| Numero di colonne | albumcols | 1-4 | Il numero di colonne della griglia fotografica | albumcols=2 |
| Numero di foto | num | Qualsiasi numero | Il numero di foto da visualizzare | num=50 |
Mostra prima le foto più recenti
Per modificare l'ordine delle foto è necessario riordinarle manualmente all'interno dell'album su Facebook, facendo clic sui 3 punti nell'angolo e selezionando "Modifica album". È quindi possibile trascinare e rilasciare le foto nell'album e fare clic su "Salva". Se poi si cancella la cache nella pagina delle impostazioni del plugin, quest'ultimo si aggiornerà per riflettere l'ordine di Facebook.
Visualizzazione delle didascalie al passaggio del mouse
Quando si fa clic su una foto, la didascalia viene visualizzata nella lightbox a comparsa, ma si può anche scegliere di visualizzare la didascalia quando si passa il mouse sulla foto senza aprire la lightbox. È sufficiente aggiungere quanto segue alla sezione Custom JavaScript del plugin, che si trova nella scheda Misc della pagina Customize del 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>');
});
