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/

  • 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.

  • 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.

    • La data non è al momento disponibile, però a breve rilascerò un aggiornamento. Grazie per il feedback.

    • ciao Grazia,
      ho rilasciato una nuova versione del plugin che permette la visualizzazione o no della data di pubblicazione del post oltre che la possibilità di allineare l’immagine (se visualizzata).

  • 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

  • AngeloExpo

    Ho lo stesso problema, nessun post visualizzato.

    • 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.

  • Nik Rexha

    Hi Mario, I am having a problem with this as it displays at the top where it wants rather in the span colum i want it to be. (Look at the website http://www.sunflowerstairlifts.co.uk

  • Daniele

    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.

  • gianni degli inganni

    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.

    • gianni degli inganni

      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

    • Guarda, dovresti darmi l’accesso al tuo wp-admin in modo tale da capire meglio. Così è un po’ difficile.

    • gianni degli inganni

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

    • Perfetto!

    • gianni degli inganni

      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

    • Non mi è chiara la richiesta, tuttavia ho rilasciato un aggiornamento che ti consiglio di fare. Nel frattempo ti chiedo un piccolo favore, ossia quello di valutare e recensire il plugin sul repo di WordPress, in modo tale da diffonderlo e migliorarlo. Grazie

      ps: questa è la url
      https://wordpress.org/support/view/plugin-reviews/easy-facebook-page-feed

    • gianni degli inganni

      ok votato!

    • gianni degli inganni

      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?

    • gianni degli inganni

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