Easy Facebook Post Feed – Plugin for WordPress

Easy Facebook Post Feed – Plugin for WordPress




Easy Facebook Post Feed, is a quickly WordPress Plugin that allow user to display a custom Facebook Feed in your website.

Features

Customize layout option like: color, border, number of post to display, choose to display image, width and height (px and % for responsive);
Widget available;
Shortcode available: [ easy-facebook-post-feed ];
Work with Facebook API it’s simple to set up: just enter your page id and Facebook API
Languages available: English, Italian

How I get Facebook API?

  1. Connect at developers.facebook.com to create your own app
  2. Click on “My App” menu and “Add a New App”
  3. Choose app for website (www) and give it a name
  4. Copy App id and secret and past in App Setting

Override css rules

Copy and paste in your stylesheet to override default rules (eg: font family or text align):

#EasyFacebookPostFeed{ border: 1px solid #0052ae; margin-bottom: 30px; overflow: auto; min-width: 250px; height: auto; }
#EasyFacebookPostFeed h5{ background-image:url('../images/facebook-icon.png'); background-repeat:no-repeat; background-position:5px 10px; color: #FFF; margin: 0; font-size: 12px; padding: 10px 10px 10px 30px; text-transform: uppercase; }
#EasyFacebookPostFeed ul{ margin: 0; list-style-type: none; }
#EasyFacebookPostFeed ul li{ border-bottom: 1px dotted #CCC; min-height: 150px; }
#EasyFacebookPostFeed ul li a{ text-decoration: none; }
#EasyFacebookPostFeed ul li p{ padding: 0 15px; }
#EasyFacebookPostFeed ul li p .readmore{ float: right; color: #000000; margin-bottom: 15px; }

Download Plugin

Plugin is available here: https://wordpress.org/plugins/easy-facebook-page-feed/

Easy Facebook Post Feed – Plugin per WordPress

Easy Facebook Post Feed, è un plugin che permette la visualizzazione dei post di una pagina Facebook direttamente sul tuo sito WordPress, in maniera totalmente personalizzabile rispetto ai widget classici che Facebook mette a disposizione.

Funzionalità

Puoi personalizzare il box con il feed dei post secondo le seguenti possibilità: colore, bordi, numero di post da visualizzare, scegliere se mostrare o no le immagini, impostazione di altezza e larghezza del box (anche impostando una percentuale per siti responsive);
Possibilità di usare un widget per l’utilizzo;
Possibilità di utilizzare uno shortcode: [ easy-facebook-post-feed ];
Lavora con le API di Facebook, devi solo inserire il nome della tua pagina e l’api di Facebook;
Disponibile in inglese e italiano

Come recupero le api di Facebook?

Niente di più semplice, basta seguire queste semplici istruzioni:

  1. Collegati a developers.facebook.com to create your own app
  2. Clicca su “Mie applicazioni” e successivamente aggiungi una nuova applicazione;
  3. Seleziona app per siti web (www) e dai un nome alla tua app;
  4. Copia e incolla i campi App Id e Secret, incollandoli nelle apposite sezioni del plugin (in impostazioni).

Sovrascrivi il css

Se non sei soddisfatto delle impostazioni grafiche ottenute, puoi copiare e incollare questo css nel tuo tema e modificarlo a tuo piacimento:

#EasyFacebookPostFeed{ border: 1px solid #0052ae; margin-bottom: 30px; overflow: auto; min-width: 250px; height: auto; }
#EasyFacebookPostFeed h5{ background-image:url('../images/facebook-icon.png'); background-repeat:no-repeat; background-position:5px 10px; color: #FFF; margin: 0; font-size: 12px; padding: 10px 10px 10px 30px; text-transform: uppercase; }
#EasyFacebookPostFeed ul{ margin: 0; list-style-type: none; }
#EasyFacebookPostFeed ul li{ border-bottom: 1px dotted #CCC; min-height: 150px; }
#EasyFacebookPostFeed ul li a{ text-decoration: none; }
#EasyFacebookPostFeed ul li p{ padding: 0 15px; }
#EasyFacebookPostFeed ul li p .readmore{ float: right; color: #000000; margin-bottom: 15px; }

Download Plugin

Il plugin è disponibile sul repository ufficiale di WordPress: https://wordpress.org/plugins/easy-facebook-page-feed/

32 COMMENTI

  1. ciao Mario,
    sto provando ad installare il tuo plugin per wordpress e pur avendo inserito App ID e App Secret mi continua a dare questo errore
    Fatal error: Uncaught OAuthException: (#100) Tried accessing nonexisting field (message) on node type (Page) thrown in (miosito)/home/wp-content/plugins/easy-facebook-page-feed/inc/base_facebook.php on line 1199.
    Sono andata a vedere cosa dice alla riga 1199 ma non so come risolvere.
    Nella pagina ho inserito [easy-facebook-post-feed]. Di fatto la pagina continua a caricare ma non appare mai.
    Grazie in anticipo se potrai darmi qualche indicazione. ciao!

    • ciao Grazia,
      probabilmente non stai seguendo il processo di autenticazione in modo corretto.
      Verifica che l’id dell’applicazione e che la chiave segreta siano corretti, assicurati che stai eseguendo l’applicazione dal dominio specificato nelle impostazioni di app su Facebook.

      Tienimi aggiornato.

  2. grazie mille Mario, non avevo capito che dovessi generare anche l’ID di pagina, adesso che ce l’ho messo funziona. Mi trovo però con foto+testo+link ma manca la data e l’intestazione del post in generale. Almeno la data si può aggiungere in qualche modo? Grazie ancora per la disponibilità, sei gentilissimo.

  3. Ciao!
    Innanzitutto, grazie.
    Ho avuto anche io, inizialmente, lo stesso problema di Grazia. Poi, inserendo correttamente l’ID, non ho più ricevuto messaggi di errore.
    Però, nella pagina in cui ho inserito il codice:

    [easy-facebook-post-feed]

    non mi visualizza nulla…

    Qualche idea/suggerimento?

    Grazie!!!
    Ciao.
    Antonello

    • Hai inserito il codice in modalità testo anziché visuale?
      Se si, inviami il link della pagina in modo tale da capire se possono esserci errori javascript o conflitti con altri plugin.

      un saluto,
      Mario

    • Hai verificato che l’id dell’applicazione e che la chiave segreta siano corretti? Assicurati che stai eseguendo l’applicazione dal dominio specificato nelle impostazioni di app su Facebook.

  4. Ciao Mario, ho installato il tuo plugin è funziona molto bene. Volevo chiederti se è possibile modificare le dimensioni delle foto.
    Grazie
    Daniele

    • ciao Daniele,
      come da documentazione, ho previsto un override del foglio di stile. Puoi inserire codice css con l’obiettivo di modificare le dimensioni alle tue immagini, direttamente all’interno del tema che utilizzi.

  5. ciao ho provato a incollare lo short code in un box di testo nella mia home (uso Nirvana come tema) ma non mi funziona! a front end vedo la stringa di codice. Mi puoi dare dei suggerimenti?

    • Sembrerebbe che l’area di testo non converta lo shortcode. Potrebbe esserci in questa finestra la possibilità di inserire testo html? In tal caso funzionerebbe.

      In alternativa puoi utilizzare il widget.

    • ciao intanto grazie per la rapida risposta: ho provato sia col short code così […]; che dentro script che con la funzione (si dice così? per farti capire il mio livello…) php. In tutti e 3 i casi non va. Non posso usare il widget perché vorrei metterlo nella colonna principale in home, invece che in spalla destra. Però nel frattempo mi sono accorto che non in home ma nelle pagine interne in spalla destra c’era un altro plugin che visualizza il FB feed : l’ho tolto e ho rimesso lo shortcode […]; in pagina come testo ma non mi funziona lo stesso. eppure la parametrizzazione mi pare corretta

    • risolto! era un banale refuso! Cioè gli spazi dopo e prima le parentesi quadre!

    • hem però ho ancora un problema: se il post di fb ha una foto il link del sito attera su fb, se ha un link esterno attera lì, quindi sul sito terzo. Se invece è un post senza link o con più link dal sito invece che atterare su FB vado nella stessa pagina del sito da cui sono partito! Mi puoi aitare? Hai una guida da consultare per questo topic? Grazie Ancora

    • ciao scusa provo a riformularti la richiesta:

      Ho collegato il sito che sto facendo a una pagina FB che aveva post di questo tipo

      – Testo e foto

      – Testo e basta

      Cliccando sul link di approfondimento, che immaginavo portasse al post di FB, però succede che

      – Testo e foto: il link funziona

      – Testo e basta: : il link mi carica la home del sito su cui sto lavorando

      Nota che ho scaricato e installato tutto ieri, secondo te da cosa può dipendere?

    • alla fine ho messo come href un link statico e buona così, ho modificato il tuo codice, ciao!

  6. Ciao Mario e grazie per il tuo ottimo plugin, ho incollato lo shortcode in una determinata posizione della pagina wp (uso stardust come tema) ma nel frontend non rispetta la posizione e si colloca ad inizio pagina. hai suggerimenti?

    • Ciao,
      da quello che mi dici, probabilmente ci sarà un conflitto css tra il tema ed il plugin. Se mi fornisci ulteriori informazioni (indirizzo del sito e posizione del widget) sarò lieto di aiutarti 😉

    • certo http://www.aroundculture.com/home-fullwidth-2017/, non utilizzo widget ma shortcode che ho posizionato qui:
      [two_col_50_50_col1]

      [separator type=’transparent’ color=” thickness=” up=’15’ down=’15’]
      Benvenuti nella Fbzine di Around Culture! Nata come pagina social aziendale, la Fbzine si è trasformata, anche grazie alle vostre segnalazioni, nel primo social magazine transculturale per la disseminazione di contenuti di qualità. Si alimenta di Cultura e di subculture, di linguaggi convenzionali e non convenzionali. Nei primi decenni del ‘900, ad esempio, il mainstream era la cultura della guerra e la più popolare subcultura era la cultura bohémien. AC/Fbzine esplora i consumi di massa e le espressioni di stile: nell’arte, nelle mode, nelle tecniche, nei saperi scientifici. Seguirla è guardare dentro la coscienza di Around Culture. I nostri valori sono nel nostro Manifesto. Questa è la vostra e la nostra Fbzine: la difendiamo come una no-business zone, dove non si vende nulla, non si pratica e non si consente pubblicità.
      Follow us!
      [/two_col_50_50_col1]
      [two_col_50_50_col2]

      [easy-facebook-post-feed]

      [/two_col_50_50_col2]

    • difficile spiegartelo, proviamo così:
      ho creato una pagina http://www.aroundculture.com/postfacebook
      nella quale ho messo lo shortcode del tema che determina due colonne, lo shortcode del tuo plugin l’ho messo nella colonna destra ma nella visualizzazione appare sopra la colonna sinistra

    • Tutto chiaro, però sembra essere incompatibile con il tema installato…perché guardando il codice l’html risulta fisicamente al di fuori del div di destra. Potresti ovviare con jquery realizzando una cosa del genere:

      jQuery(function(){
      jQuery(‘.column2 .column_inner’).html( jQuery(‘#EasyFacebookPostFeed’).html());
      });

      Questo script fa una copia di quello che c’è fuori e lo incolla all’interno del column2.

  7. Salve , ho fatto un po prove con questo interessante plugin ma non riesco a farlo funzionare correttamente …. cerco di spiegarmi: se matto il valore “Page_id” di una qualsiiasi pagina legata al mio profilo FB (pagina di gruppo , pagina personale ) il plugin non da errore ma non visualizza nulla , se metto il Page_id della tua pagina peronale facebokk allora funziona in qualche modo , cioè vedo sul mio WP i primi 3 o 4 post del tuo facebook , Naturalmente i valori “App_id” e “App_secret” sono riferiti al mio profilo. Tieni presente che utilizzo WP che ho trovato dentro la piattaforma Altervista , potrebbe essere quello il problema ??

    Grazie
    Ermanno

    questo il link che punta sulla pagina WP che sto provando: http://meldolaaffari.altervista.org/blog/

LASCIA UN COMMENTO