Takanudo

(…because why not)

JSL3 Facebook Wall Feed

Facebook has made a change to their Graph API that breaks this plugin. I do not have time to keep up with the changes Facebook is making. Please look for an alternative plugin.

Displays your Facebook wall as a widget or through shortcode on a post or page.

Menu

Description

Displays your Facebook wall as a widget or through shortcode on a post or page. Makes use of Fedil Grogan’s Facebook Wall Feed for WordPress code and changes suggested by Daniel Westergren and Neil Pie. German translation provided by Remo Fleckinger. Facebook Graph API v2.0 bug fix provided by Andrew Bloom.
Back to the top

Installation

  1. Download the JSL3 Facebook Wall Feed v1.7.4 widget plugin.
  2. Extract the zip file to the ‘/wp-content/plugins/’ directory.
  3. Activate the plugin through the ‘Plugins’ menu in WordPress.

    Activate the plugin through the 'Plugins' menu in WordPress.

    Activate the plugin through the ‘Plugins’ menu in WordPress.

Back to the top

Configuration

  1. Create your Facebook App. NOTE: You cannot use a Facebook Page to create a Facebook App. You must use your personal Facebook profile. However, once you create your Facebook App, you can use its App ID and App Secret along with the Facebook ID of the Facebook Page you want to get the feed from on the settings page for the plugin.
    1. If this is your first time creating a Facebook App, you will need to register. Otherwise, skip to step e.

      If this is your first time creating a Facebook App, you will need to register.

      If this is your first time creating a Facebook App, you will need to register.

    2. Toggle the button to Yes to agree to the Facebook Policies and then click Next.

      Toggle the button to 'Yes' to agree to the Facebook Policies and then click 'Next.'

      Toggle the button to ‘Yes’ to agree to the Facebook Policies and then click ‘Next.’

    3. After you enter the confirmation code that Facebook sent to your phone, click Register.

      After you enter the confirmation code that Facebook sent to your phone, click 'Register.'

      After you enter the confirmation code that Facebook sent to your phone, click ‘Register.’

    4. Click Done to complete the registration.

      Click 'Done' to complete the registration.

      Click ‘Done’ to complete the registration.

    5. When you Add a New App, select the Website option.

      When you 'Add a New App', select the 'Website' option.

      When you ‘Add a New App’, select the ‘Website’ option.

    6. Click Create New Facebook App ID.

      Click 'Create New Facebook App ID.'

      Click ‘Create New Facebook App ID.’

    7. Select a category that best fits your WordPress site and then click Create App ID.

      Select a category that best fits your WordPress site and then click 'Create App ID.'

      Select a category that best fits your WordPress site and then click ‘Create App ID.’

    8. Enter your Site URL and Mobile Site URL in the Tell us about your website section at the bottom of the page. Do not enter www. Then click Next.

      Enter your 'Site URL' and 'Mobile Site URL' in the 'Tell us about your website' section at the bottom of the page.

      Enter your ‘Site URL’ and ‘Mobile Site URL’ in the ‘Tell us about your website’ section at the bottom of the page.

    9. Click the Skip to Developer Dashboard link in the Next Steps section at the bottom of the page.

      Click the 'Skip to Developer Dashboard' link in the 'Next Steps' section at the bottom of the page.

      Click the ‘Skip to Developer Dashboard’ link in the ‘Next Steps’ section at the bottom of the page.

    10. Select the Settings menu option. Enter your App Domain and Contact Email. Then click Save Changes.

      Select the 'Settings' menu option. Enter your 'App Domain' and 'Contact Email.'

      Select the ‘Settings’ menu option. Enter your ‘App Domain’ and ‘Contact Email.’

    11. Click the Show button to reveal your App Secret.

      Click the 'Show' button to reveal your 'App Secret.'

      Click the ‘Show’ button to reveal your ‘App Secret.’

    12. Make note of your App ID and App Secret. You will need them in step 2.

      Make note of your 'App ID' and 'App Secret.'

      Make note of your ‘App ID’ and ‘App Secret.’

    13. Select the Status & Review menu option. Change the toggle button to Yes to make you Facebook App available to the public.

      Select the 'Status & Review' menu option. Change the toggle button to 'Yes' to make you Facebook App available to the public.

      Select the ‘Status & Review’ menu option. Change the toggle button to ‘Yes’ to make you Facebook App available to the public.

    14. Click Confirm to complete the creation of your Facebook App.

      Click 'Confirm' to complete the creation of your Facebook App.

      Click ‘Confirm’ to complete the creation of your Facebook App.

  2. Go to JSL3 Facebook Wall Feed under Settings on your WordPress Administration menu. Enter the App ID and App Secret you recorded earlier. Also, enter your Facebook ID. If you do not know your Facebook ID, you can find it at http://findmyfacebookid.com.

    Go to 'JSL3 Facebook Wall Feed' under 'Settings' on your WordPress Administration menu. Enter the 'App ID' and 'App Secret' you recorded earlier. Also, enter your 'Facebook ID.'

    Go to ‘JSL3 Facebook Wall Feed’ under ‘Settings’ on your WordPress Administration menu. Enter the ‘App ID’ and ‘App Secret’ you recorded earlier. Also, enter your ‘Facebook ID.’

  3. Click the Save Changes button at the bottom of the page. You will be redirected to Facebook. You may be prompted to login a couple of times.

    Click the 'Save Changes' button at the bottom of the page. You will be redirected to Facebook.

    Click the ‘Save Changes’ button at the bottom of the page. You will be redirected to Facebook.

  4. Click Okay to give your Facebook App permission to access your public profile, News Feed, status updates and groups.

    Click 'Okay' to give your Facebook App permission to access your public profile, News Feed, status updates and groups.

    Click ‘Okay’ to give your Facebook App permission to access your public profile, News Feed, status updates and groups.

  5. Click Okay to give your Facebook App permission to manage your Pages.

    Click 'Okay' to give your Facebook App permission to manage your Pages.

    Click ‘Okay’ to give your Facebook App permission to manage your Pages.

  6. You will be returned to the JSL3 Facebook Wall Feed settings page with your Access Token and its expiration date.

    You will be returned to the JSL3 Facebook Wall Feed settings page with your <strong>Access Token</strong> and its expiration date.

    You will be returned to the JSL3 Facebook Wall Feed settings page with your Access Token and its expiration date.

  7. NOTE: Facebook has changed how the Facebook ID is used with new Facebook Apps. If, after adding your widget to your WordPress site, you see that the feed is blank, go back to the settings page for the plugin and check the box below your Facebook ID and then click the Save Changes button. This will tell the plugin to request the App Scoped User ID instead of your Facebook ID.

    If, after adding your widget to your WordPress site, you see that the feed is blank, go back to the settings page for the plugin and check the box below your Facebook ID and then click the 'Save Changes' button.

    If, after adding your widget to your WordPress site, you see that the feed is blank, go back to the settings page for the plugin and check the box below your Facebook ID and then click the ‘Save Changes’ button.

Back to the top

Widget Usage

  1. Go to Widgets under Appearance on your WordPress Administration menu. Drag the JSL3 Facebook Wall Feed widget to the sidebar of your choice.

    Drag the 'SL3 Facebook Wall Feed' widget to the sidebar of your choice.

    Drag the ‘JSL3 Facebook Wall Feed’ widget to the sidebar of your choice.

  2. Give the widget a title (or leave it blank) and enter how many posts you want to get from your wall. You may also enter the Facebook ID of the Facebook page you want to display in the widget. If you leave the Facebook ID blank, the widget will use the Facebook ID entered on the settings page for the plugin. Click Save.

    Give the widget a title (or leave it blank) and enter how many posts you want to get from your wall. You may also enter the Facebook ID of the Facebook page you want to display in the widget.

    Give the widget a title (or leave it blank) and enter how many posts you want to get from your wall. You may also enter the Facebook ID of the Facebook page you want to display in the widget.

  3. Go check out your Facebook Wall Feed on your WordPress site.

    Go check out your Facebook Wall Feed on your WordPress site.

    Go check out your Facebook Wall Feed on your WordPress site.

Back to the top

Shortcode Usage

  1. Add the shortcode [jsl3_fwf] or [jsl3_fwf limit=”1″] or even [jsl3_fwf limit=”1″ fb_id=”1405307559″] to the Text view of a post or page. If you do not enter a Facebook ID, the plugin will use the Facebook ID entered on the settings page for the plugin. If your feed is blank, try setting the fb_id property to your App Scoped User ID. If you do not know your App Scoped User ID, set the app_scoped_user_id property to true like this: [jsl3_fwf limit=”1″ fb_id=”1405307559″ app_scoped_user_id=”true”]
    Add the shortcode [jsl3_fwf] or [jsl3_fwf limit="1"] or even [jsl3_fwf limit="1" fb_id="1405307559"] to the 'Text' view of a post or page.

    Add the shortcode [jsl3_fwf] or [jsl3_fwf limit=”1″] or even [jsl3_fwf limit=”1″ fb_id=”1405307559″] to the ‘Text’ view of a post or page.

  2. View your Facebook Wall Feed on your WordPress post or page.

    View your Facebook Wall Feed on your WordPress post or page.

    View your Facebook Wall Feed on your WordPress post or page.

Back to the top

Frequently Asked Questions


  • Where can I find support for this plugin?Just add a comment and I will do my best to help you.
    Back to the FAQ menu
  • How do I use shortcode to add the Facebook Wall Feed to a post or page?Switch to HTML view and add the following:[jsl3_fwf]To limit the number of posts displayed add the ‘limit’ attribute:[jsl3_fwf limit="1"]To specify a specific feed to display add the ‘fb_id’ attribute and enter the feed’s Facebook ID:

    [jsl3_fwf limit="1" fb_id="1405307559"]

    If you do not enter a Facebook ID in the shortcode, the plugin will use the Facebook ID entered on the settings page for the plugin.
    Back to the FAQ menu

  • Can I translate the plugin?I would be happy if you translated the plugin. You can use the ‘default.po’ file found in the ‘wp-content/plugins/jsl3-facebook-wall-feed/languages’ directory. Use Poedit to translate the plugin into your language and then save the PO file using the text domain (‘jsl3-fwf’), language code and country code as the name. For example, if you translate the plugin into German, you should save the file as ‘jsl3-fwf-de_DE.po’. Finally, place the translated PO file and its corresponding MO file in the ‘wp-content/plugins/jsl3-facebook-wall-feed/languages’ directory.Let me know the URL of the site with the translated plugin by posting a comment on the this page.
    Back to the FAQ menu
  • How do I get rid of the ‘Facebook Status’ box?To remove the ‘Facebook Status’ box add the following to the bottom of the style sheet on the settings page for the plugin:

    /* Remove Facebook Status */
    #facebook_status_box h2
    {
    display: none;
    }

    Back to the FAQ menu
  • How can I adjust the width of the Facebook Wall Feed?To adjust the width of the Facebook Wall Feed add the following to the bottom of the style sheet on the settings page for the plugin:

    /* Adjust width */
    #facebook_status_box
    {
    width: 225px;
    }

    Change the number in front of “px” to one that fits for you.
    Back to the FAQ menu
  • How do I adjust the height of the Facebook Wall Feed?To adjust the height of the Facebook Wall Feed add the following to the bottom of the style sheet on the settings page for the plugin:

    /* Adjust height */
    #facebook_status_box
    {
    height: 500px;
    }
    #facebook_status_box #facebook_canvas
    {
    height: 460px;
    }
    Change the numbers in front of “px” to ones that fits for you. Try to keep the height in #facebook_status_box about 40px greater than the height in #facebook_canvas if you are keeping the ‘Facebook Status’ box at the top of the feed.
    Back to the FAQ menu
  • Why is my token set to expire in less than 24 hours?I am not sure why Facebook will give some users a short-lived token. Facebook will only allow you to attempt to renew your token once per 24 hours. Try waiting 24 hours from the last time you clicked “Save Changes” on the settings page for the plugin, then try again. If you do not get a token that lasts about 60 days, then you may want to try creating a new Facebook App for the plugin.
    Back to the FAQ menu
  • What does the error “OAuthException: Error validating access token: Session has expired at unix time [UNIX TIME]. The current unix time is [UNIX TIME]” mean?It means your access token has expired. Go to the settings page for the plugin and click “Save Changes” to renew your token.
    Back to the FAQ menu
  • What does the error “OAuthException: Error validating access token: The session has been invalidated because the user has changed the password” mean?It usually means you changed your Facebook password recently. Go to the settings page for the plugin and click “Save Changes” to validate your session.
    Back to the FAQ menu
  • What does the error “OAuthException: An access token is required to request this resource” mean?It usually means you do not have an access token. Check that your App ID and App Secret are correct. Then click “Save Changes” on the settings page for the plugin.
    Back to the FAQ menu
  • What does the error “Exception: No node specified” mean?It usually means you have not set your Facebook ID. Check that you have entered your Facebook ID on the settings page for the plugin. Then click “Save Changes” on the settings page for the plugin.
    Back to the FAQ menu
  • What does the error “Exception: SETTINGS: Unrecognized pref_type 0 for NullProfileSettings pref name default_non_connection_tab” mean?It usually means are using an incorrect Facebook ID. Check that your Facebook ID is correct. Then click “Save Changes” on the settings page for the plugin.
    Back to the FAQ menu
  • What does “An error occurred with [Your App Name]. Please try again later” mean?This is a Facebook error and may also include the following message:

    API Error Code: 191
    API Error Description: The specified URL is not owned by the application
    Error Message: Invalid redirect_uri: Given URL is not allowed by the Application configuration.

    This error means that the App Domain and Site URL for your Facebook App do not match the domain of the website where you are using the plugin. Go to https://developers.facebook.com/apps and click “Edit Settings”. Under “Basic”, change your “App Domain” to match the domain of the website where the plugin is located. In the “Select how your app integrates with Facebook” section, under “Website with Facebook Login”, change your “Site URL” to match the URL of the website where the plugin is located. Do not use “www.” in your App Domain or Site URL.
    Back to the FAQ menu

  • Why is my feed blank?First, a blank feed usually indicates an invalid Facebook ID. If you do not know your Facebook ID, then go to https://developers.facebook.com/tools/explorer. Click “Get Access Token”. You may be prompted to log in. If you are prompted to “Select permissions”, click “Get Access Token”. In the text box next to the “Submit” button, enter the “Facebook Username” used in your Facebook URL (for example, my Facebook URL is https://www.facebook.com/takanudo so my Facebook Username is takanudo) followed by “?fields=id”. Click Submit. Your Facebook ID will be in the results.Second, The limit property tells Facebook how many posts to return. Some of those posts could be filtered out depending on how you have configured the plugin. For example, if you set the limit to one, the post returned may be filtered out if you have “Only show posts made by this Facebook ID” checked or “Show all status messages” unchecked or “Privacy” set to “Show only wall posts labeled public”. The thoroughness option forces the plugin to keep making requests to Facebook until the limit number has been reached, but it will slow down the plugin dramatically.
    Back to the FAQ menu

Back to the top

Change Log

1.7.4

  • Added a feature to request your App Scoped User ID if your Facebook ID returns a blank feed.
  • Updated the Facebook App configuration guide.

1.7.3

  • Added the ability to only show posts that were posted to the Facebook ID listed in the plugin’s settings page.
  • Fixed a bug introduced in Facebook Graph v2.0..

1.7.2

  • Fixed a bug with how the access token renew check was scheduled.

1.7.1

  • Added group permissions to the feed.

1.7

  • Added the ability to display multiple feeds.
  • Added a German translation to the plugin.

1.6

  • This update displays the likes count for each post and comment.

1.5.5

  • Updated the help section.

1.5.4

  • This update should send fewer notification emails.
  • Changes all URLs to use https.

1.5.3

  • Fixed a minor bug introduced in v1.5.2

1.5.2

  • Fixed privacy setting to work with the change Facebook made to how they display privacy settings in the feed.
  • Minor change to how the style sheet is enqueued into the header.

1.5.1

  • Fixed a bug in the shortcode introduced in v1.5

1.5

  • Added an option to disable the make_clickable() WordPress function added in v1.4.2
  • The plugin will now notify the WordPress admin that their Facebook access token is about to expire a week from the expiration date.

1.4.2

  • Added an option to disable the make_clickable() WordPress function added in v1.4.2
  • The plugin will now notify the WordPress admin that their Facebook access token is about to expire a week from the expiration date.
  • Added make_clickable() WordPress function to convert plain text URI to HTML links.

1.4.1

  • Added CRON schedule to refresh expired tokens because Facebook no longer allows non-expiring tokens.
  • Fixed 1 pixel images filtered through Facebook’s safe_image.php file.
  • Added ability to turn off displaying Facebook icons.
  • Added additional security features.

1.3.1

  • Made the feed validate XHTML 1.0 Strict.
  • Made a cURL and allow_url_fopen check.
  • Feed will now use the same locale as WordPress.
  • Added ability to turn of SSL certificate verification.
  • Added ability to display profile picture from Facebook pages with demographic restrictions.

1.2

  • Added default.po file to support localization.
  • Added thoroughness check.
  • Added ability to show status messages.
  • Added ability to show post comments.
  • Added ability to open links in a new window or tab.
  • Feed will now display a greater variety of wall posts.
  • Accounted for newline character

1.1

  • Fixed a PHP Notice error when displaying video posts.
  • Added shortcode capability.
  • Added a property to limit posts to only the user (posts by other users are not displayed).
  • Added a privacy setting to limit the feed to only public posts.
  • Added contextual help.
  • Added better error handling.

1.0

  • This is the initial version.

Back to the top

Upgrade Notice

1.7.4

Added a feature to request your App Scoped User ID if your Facebook ID returns a blank feed. Also, I finally updated the Facebook App configuration guide.

1.7.3

Added a feature to limit the posts displayed in the feed to only posts that were directly posted to the timeline associated with the Facebook ID you assign to the plugin. Also, fixed a incompatibility bug introduced with the latest Facebook Graph API.

1.7.2

Fixed a timing bug where the access token renew check would be scheduled to run before the expiration date was stored in the database.

1.7.1

A minor update to add group permissions to the feed.

1.7

The plugin now has the ability to display feeds from different Facebook pages. Also, a German translation of the plugin has been provided.

1.6

Facebook removed the likes count from the feed. This update uses a different method to get the likes count for each post. The plugin also displays the likes count for each comment.

1.5.5

The help section has been updated.

1.5.4

Hopefully this update will send fewer email notifications when your token is about to expire. Also, changed all URLs to use https.

1.5.3

Fixed a minor bug introduced in v1.5.2.

1.5.2

Facebook changed public privacy setting to be a blank entry, so I have adjusted the plugin to account for that. Also, for some users, the style sheet would be embedded more than once. This update should fix that.

1.5.1

This is a minor shortcode bug fix.

1.5

This update adds an option to disable the make_clickable() WordPress function added in v1.4.2. Also, the automatic Facebook access token renewal added in v1.4.1 never worked properly. So now the plugin will now notify the WordPress admin that their Facebook access token is about to expire a week from the expiration date. Renewing the token should simply be a matter of clicking “Save Changes” on the settings page for the plugin.

1.4.2

This is a minor update that adds the make_clickable() WordPress function to convert plain text URI to HTML links.

1.4.1

This update adds additional security features. It also adds a CRON schedule to refresh expired tokens because Facebook no longer allows non-expiring tokens.

1.3.1

This update should validate under XHTML 1.0 Strict. It also checks to see if cURL is loaded or allow_url_fopen is on. The feed will now use the same locale setting that WordPress is using.

1.2

This upgrade provides support for localization. Feel free to use the ‘default.po’ file in the ‘languages’ directory to create a translation of the plugin.

1.1

This upgrade provides added security measures and better error handling.

1.0

This is the initial version.
Back to the top

1,629 thoughts on “JSL3 Facebook Wall Feed

  • Jon says:

    The permissions are exactly the same.

    • Takanudo says:

      Try this:

      1. Make sure you are logged out of Facebook.
      2. Click “Save Changes” on the settings page of the plugin.
      3. Facebook will prompt you to login.
      4. Login as your Facebook page.
      5. You should be redirected page to the settings page of the plugin.

      Let me know what happens.

  • Jon says:

    Same thing.

    “No access token returned. Please double check you have correct Facebook ID, App ID, and App Secret.”

    • Takanudo says:

      I would like to see the actual error message being sent from Facebook. Would you be willing to modify the php? If so do the following:

      1. Open ‘/wp-content/plugins/jsl3-facebook-wall-feed/php/class-jsl3-facebook-wall-feed.php’
      2. Line 725 says ‘$params = NULL;’
      3. Line 724 is empty, add ‘echo “response = $response”;’ with no single quotes.
      4. Save the file.
      5. Click ‘Save Changes’ on the settings page for the plugin.
      6. A line with ‘response =’ in front of it will display at the top of the page.

      Let me know what that error message is.

  • Jon says:

    To line 724 I added :
    echo “response = $response”;

    At the top of my page when I saved it displayed:
    response =

    I also tried just echoing $response with no result either.

    So it appears that $response is returning nothing.

    • Takanudo says:

      Strange. Try the following:

      1. Leave the line we entered before.
      2. Open ‘/wp-content/plugins/jsl3-facebook-wall-feed/php/class-jsl3-facebook-wall-feed.php’
      3. On line 711, remove the two slashes in front ‘//$response = file_get_contents($token_url);’ so it reads ‘$response = file_get_contents($token_url);’
      4. On line 712 add ‘/*’ in front of ‘$ch = curl_init();’ so it reads ‘/*$ch = curl_init();’
      5. On line 723 add ‘*/” behind ‘ob_end_clean();’ so it reads ‘ob_end_clean();*/’
      6. Save the file.
      7. Click ‘Save Changes’ on the settings page for the plugin.

      Let me know what that the error message is, if any.

      • Jon says:

        Sorry, seems like a false positive.
        The response was:
        response = access_token=****

        But, when I add the widget, on the front-end i get the n:n error.

        • Takanudo says:

          I forgot about another cURL function call in another file. Try this:

          1. Open ‘/wp-content/plugins/jsl3-facebook-wall-feed/php/class-uki-facebook-wall-feed.php’
          2. On line 320 add ‘/*’ in front of ‘$ch = curl_init();’ so it reads ‘/*$ch = curl_init();’
          3. On line 324 add ‘*/” behind ‘curl_close( $ch );’ so it reads ‘curl_close( $ch );*/’
          4. On the empty line 325, add ‘$result = file_get_contents( $url );’
          5. Save the file.
          6. Refresh the page where the widget is located.

          Let me know what happens.

          • Jon says:

            You sir, are a genius.
            Thank you so much for figuring this out.
            Will you be adding the check for cURL into the next version so that updating the plugin won’t break it for me?

          • Takanudo says:

            Yes. I am sure you are not the only one with this problem.

  • Jon says:

    I don’t understand why, but that worked. Now I get an Access Token.

    Should I leave the /* */ comments in?

    Thanks for all of the help. Really great support.

    • Takanudo says:

      Yes, leave the comments in. You can remove the line we added that prints out $response. It would seem that cURL is disabled on your server for some reason. I am actually surprised that ‘file_get_contents’ is enabled. Usually, the reverse is true. Can you browse to your info.php page and look for ‘cURL support’ to see if it is enabled? If you don’t have an info.php file on your server, you can create one. Just put the following line in it:

      <?php phpinfo(); ?>

      I’m glad it is working for you. I’ll have to put in some sort of test to see if ‘file_get_contents’ is enabled in the next version of the plugin.

  • Dale Frisch says:

    I put the width adjust in the stylesheet code and it didn’t change the size. It would be really nice to have a width and height setting in the widget or settings. Let me know if you can help.

    • Takanudo says:

      At the top of the style sheet, below the comments (the stuff between /* */), is a section labeled “#facebook_status_box”. Change the height and width to whatever will fit your site.

  • John Regin says:

    Hi I get this error {: {
    don’t know what to do
    here is a picture
    http://i41.tinypic.com/zby84.png

  • Mikkel says:

    I get this error text:

    {“id”:”http:\/\/www.facebook.com\/MikkelPitznerFan\/feed”}

    What to do?

  • Stefan says:

    Same problem and this patch solved the error, too. Thank you! Nice work

  • Jenni says:

    Hi, can I use this to update the website I’m working with with the facebook PAGE associated with the website, not my personal facebook page? thanks!
    Jenni….

  • Christian says:

    Hello,

    how can I change the language of the facebook content, e.g. of shown events, month names, posts of other people’s walls like “on xxx yyy’s Wall.”, “…shared a link”?
    Thanks in advance!
    Christian

    • Takanudo says:

      There isn’t a way to change the language of the facebook feed with this version of the plugin without modifying the code. I will add this feature to the next version of the plugin.

      However, if you are comfortable modifying the PHP do the following:

      1. Make sure you have version 1.2 of the plugin.
      2. Open ‘/wp-content/plugins/jsl3-facebook-wall-feed/php/class-uki-facebook-wall-feed.php’
      3. Line 230 says the following:
      $fb_url = “https://graph.facebook.com/$id/feed?limit=100&$token”;
      4. Change it to:
      $fb_url = “https://graph.facebook.com/$id/feed?locale=de_DE&limit=100&$token”;
      5. Line 233 says the following:
      “https://graph.facebook.com/$id/feed?limit=$limit&$token”;
      6. Change it to
      “https://graph.facebook.com/$id/feed?locale=de_DE&limit=$limit&$token”;
      7. Save the file.

      A list of supported Facebook languages can be found at http://www.facebook.com/translations/FacebookLocales.xml

      • Christian says:

        Thank you for your very quick and helpful reply. I now have everything but the months’ names translated. I can live with that.
        As a feature request I’d like to suggest to have more options on the settings page on formatting with CSS, as most of the users are asking about visualisation issues.

        Christian

        • Takanudo says:

          The next version should translate the months. If you want the fix now you can download the development version. Just delete the ‘jsl3-facebook-wall-feed’ directory in your ‘/wp-content/plugins/’ directory and replace it with the directory in the zip file.

          http://downloads.wordpress.org/plugin/jsl3-facebook-wall-feed.zip

          As far as “more options on the settings page on formatting with CSS”, I am not sure what you mean. You have access to the entire style sheet. Can you be more specific as to what options you would like to see?

          • Christian says:

            For the experienced user, reading, understanding and editing a style sheet is a quick task to do. Yet, this board tells you, that a few options could be done with checkboxes or edit fields rather than posting here, getting a quick reply and editing the style sheet. Some people just look for a plugin, try it and delete it once they don’t get the wanted result right away. Your plugin so far is the only one for implementing a facebook wall in wordpress. I was thinking about settings and options like:
            – language to be used 😉
            – height and width of the box or widget
            – color picker for color in comment-202
            – display option like in comment-7

            regards
            Christian

  • Joe Silver says:

    Hi,

    let me begin by telling you that your widget is amazing!!

    can I change the scroll bar colour on the right hand side of the widget?
    also I change my background colour to black, but now I have a big empty title bar at the bottom, is there any way of removing it?

    Thanks

    • Takanudo says:

      Some browsers will not allow you to change the scroll bar color, but for those that do you can try adding the following to the bottom of the style sheet on the settings page:

      #facebook_status_box {
      scrollbar-face-color: #0000ff;
      scrollbar-track-color: #ff0000;

      scrollbar-3dlight-color: #00ff00;
      scrollbar-arrow-color: #ffffff;
      scrollbar-base-color: #00ffff;
      scrollbar-darkshadow-color: #ffff00;
      scrollbar-highlight-color: #ff00ff;
      scrollbar-shadow-color: #000000;
      }

      Change the colors to ones that will fit your site.

      As far as the “big empty title bar”, I’m not sure what you mean. If you can figure out which div tag and class is creating the “big empty title bar” you can add “display: none;” to the css to remove it. If you give me a link to your website, I might be able to help you better.

      • Joe Silver says:

        Hi,

        I figure out the “empty title bar” 🙂 its also showing here on your website, the element “facebook_status_box” bigger in size then the “canavas” I changed the sizes and all good now. (only reason why on your site you don;t see it because its the same colour as your website background.
        as for the scroll bar can you tell me maybe how to make it to go transparent and only show when I hoover on top of it?
        Thanks

  • Christian says:

    Hello,

    in the settings, I have checked to show all post comments. However, I only see the last two comments of any facebook post. Is this a limitation of facebook or can this be changed so I can have all comments shown.

    Christian

    • Takanudo says:

      I do not think facebook limits the number of comments shown. Do you have ‘Only show posts made by this Facebook ID’ checked? That will filter out comments by other people.

      • Christian says:

        I do have that option unchecked. Also, the privacy option (only public or all) doesn’t make any difference.
        In facebook itself, you would have to click on “View all xx comments” to see them all. How can you have that used in your plugin?

        Christian

        • Takanudo says:

          I think the problem may be the fact version 1.2 checks for privacy settings in English. I have fixed this in the development version. Just delete the ‘jsl3-facebook-wall-feed’ directory in your ‘/wp-content/plugins/’ directory and replace it with the directory in the zip file.

          http://downloads.wordpress.org/plugin/jsl3-facebook-wall-feed.zip

          Or you can fix this manually by doing the following:

          1. Make sure you have version 1.2 of the plugin.
          2. Open ‘/wp-content/plugins/jsl3-facebook-wall-feed/php/class-jsl3-facebook-wall-feed.php’
          3. Line 578 says the following:
          ‘Public’ => __( ‘Show only wall posts labeled public’,
          4. Change it to:
          EVERYONE‘ => __( ‘Show only wall posts labeled public’,
          5. Save the file.

          Then do the following:

          1. Open ‘/wp-content/plugins/jsl3-facebook-wall-feed/php/class-uki-facebook-wall-feed.php’
          2. Line 361 says the following:
          $privacy = ‘Public’;
          3. Change it to:
          $privacy = ‘EVERYONE‘;
          4. Line 362 says:
          if ( isset( $fb_feed[ $i ][ ‘privacy’ ][ ‘description’ ] ) )
          5. Change it to:
          if ( isset( $fb_feed[ $i ][ ‘privacy’ ][ ‘value‘ ] ) )
          6. Line 363 says:
          $privacy = $fb_feed[ $i ][ ‘privacy’ ][ ‘description’ ];
          7. Change it to:
          $privacy = $fb_feed[ $i ][ ‘privacy’ ][ ‘value‘ ];
          8. Save the file.
          9. Click “Save Changes” on the settings page for the plugin.

          • Christian says:

            I changed my files and found out something interesting. It now shows all comments to posts on facebook, but only the last two comments of shared links that have been commented on.

          • Takanudo says:

            Try this:

            1. Go to http://developers.facebook.com/tools/explorer
            2. Enter your Access Token.
            3. In the box with ‘https://graph.facebook.com/’ add ‘[YOUR_FACEBOOK_ID]/feed’ so that it reads ‘https://graph.facebook.com/[YOUR_FACEBOOK_ID]/feed’.
            4. Click ‘Submit’
            5. Look for a shared link.
            6. Look for any comments that were sent with the shared link.

            If there are only two comments, then there is not much I can do. If there are more than two comments, then I might have a bug in the plugin.

          • Christian says:

            🙁 Unfortunately, it only shows two comments.

  • James says:

    The widget works fine and the CSS is easily editable. Thank you.

    However, the shortcode isn’t working for me. I tried toggling the widget on and off, but it had no effect. I placed [jsl3_fwf] into the HTML code. That line appears on the page, unparsed.

    Any suggestions?

    Thanks,
    James

    • Takanudo says:

      A couple of questions first. What version of the plugin are you using? What version of WordPress are you using?

  • Robin says:

    I’m trying to set this widget up for a facebook page, but when I click on the “Create your Facebook App” link and then log in I get sent to a page that has “Your Pages” instead of the Request for Permission from the Developer App that you show in your instructions. Is this because I’m trying to use a face book page and not a personal facebook account?

    • Takanudo says:

      It might be. I do not have my own Facebook page, so I do not for sure. I do know that other people with Facebook pages have been able to use the plugin. What is on the “Your Pages” page?

  • Robin says:

    I’ll describe it here, but is it possible to emial you a screen shot? The blue bar at the top has the facebook logo on the left and links for Settings amd Logout on the right.Under that on the left 3/4s is Your pages and then a list of the pages for the account. on the right there is a column of ads.

  • Nicole says:

    Running into a brick wall…

    Exception: SETTINGS: Unrecognized pref_type 0 for NullProfileSettings pref name default_non_connection_tab.

    Perhaps it’s happening because I’m trying to feed from a PAGE, not profile. Grr… I thought your plugin was my answer, because I want my fan-contributed content in my feed.

    • Takanudo says:

      The plugin works on pages and profiles. The last person who had this error was using an incorrect Facebook ID. Can you double check that you are using the correct ID.

  • Anna says:

    Hey!
    your app looks gret but my feed is blank 🙁
    I’ve change the noumber of wall post to 10 and 2 and made sure there is no spaces.. and tick the “Perform thorough wall grab” box.
    Any idea of where the issue might comes from?
    Thanks in Advanced.
    Anna

  • chihiro says:

    Hello

    On my blog, i have a plugin that automatically publishes blog posts on FB. Is there any way only FB posts and comments could be posted on the Facebook Status Box, and not the blog posts, since that means they appear twice on my blog page (I hope I am making myself clear…)

    Also, would it be possible to shorten the date and time? I have made the FB Status Box very narrow, and the date and time take up 2 lines.

    Last thing, I did add the code for “making the comments look better” but it didn’t seem to change anything, what bothers me is the way the people’s names have a huge space between first and last names and the comment starts immediately after the name (no new line). It’s probably because the whole column is centered and not aligned to the left, is there anyway to change this?

    Thank you.

    • Takanudo says:

      Removing your blog posts from the feed would be a little difficult. Looking at your raw feed from Facebook, I think I can identify which posts are from your blog based on the application used to post them to Facebook. Unless I get many requests for it, I probably will not add it as a feature because everyone’s application would be named differently. However, if you are comfortable modifying the PHP code I can try to walk you through it.

      As for the date, we can try to shrink the font size a bit, but I am not sure how much that will help. If you actually want to change the format of the date and time, that will also require modifying the PHP. The next version of the plugin will use the same date and time format that your WordPress blog uses, so you will have more direct control over that. Anyway, to shrink the font (and remove the padding next to the icon that comes before the data and time) add the following to the bottom of the style sheet on the settings page for the plugin:

      #facebook_status_box .fb_post .fb_time
      {
      font-size: 9px;
      }
      #facebook_status_box .fb_post img.fb_post_icon
      {
      margin: 0;
      }
      #facebook_status_box .fb_post .fb_time img
      {
      padding-right: 0;
      }

      Making the comments appear on a new line after the name would also require modifying the PHP. The reason for the big space between the first and last names is that your suffusion theme uses a justified text alignment. We can override it by adding the following to the bottom of the style sheet on the settings page for the plugin:

      #facebook_status_box .fb_post .fb_comments p
      {
      text-align: left;
      }

      Let me know if you want to proceed any further.

  • chihiro says:

    Thanks, I don’t know that “comfortable” would be the right word, but I’m OK with messing up my php files and having to upload them again…and I am quite OK with copying and pasting if you tell me what and where…
    And yes if that is OK with you, I would like to try to get rid of the posts from my blog and leave just the other messages and comments.

    Shrinking the date type didn’t help much is there any way to get rid of the “at” between the date and time? Or actually, change the date and time text?

  • chihiro says:

    Actually, can I get rid of it altogether?

    • Takanudo says:

      To get rid of it just add the following to the bottom of the style sheet on the settings page for the plugin:

      #facebook_status_box .fb_post .fb_time
      {
      display: none;
      }

      The next easy thing is to make the comments appear on a new line after the name. I’m assuming you are using version 1.2 of the plugin. Do the following:

      1. Open ‘/wp-content/plugins/jsl3-facebook-wall-feed/php/class-uki-facebook-wall-feed.php’
      2. Line 586 says the following:
      ‘                <a href=”http://www.facebook.com/profile.php?id=’ . $fb_id . ‘”‘ . $target . ‘>’ . $fb_feed[ $i ][ ‘from’ ][ ‘name’ ] . ‘</a>’ .
      3. Change it to:
      ‘                <a href=”http://www.facebook.com/profile.php?id=’ . $fb_id . ‘”‘ . $target . ‘>’ . $fb_feed[ $i ][ ‘from’ ][ ‘name’ ] . ‘</a><br />‘ .
      4. Save the file.

  • chihiro says:

    I mean if that would save space height wise

  • chihiro says:

    Hello

    I did but got this error :

    Parse error: syntax error, unexpected ‘>’ in /home/chihirom/public_html/wp-content/plugins/jsl3-facebook-wall-feed/php/class-uki-facebook-wall-feed.php on line 586

    The only difference is to add , right?

  • chihiro says:

    Sorry I meant for the second thing, changing line 586 to make the comment appear on a new line. Getting rid of the date worked fine. thanks.

  • chihiro says:

    Sorry, my last comment was incomplete. I meant, the only difference in line 586 would be to add at the end of the line?

    And, forgot to say thanks, the first change worked fine, the date is no longer appearing. it’s only the second change that gives the error message.

    • Takanudo says:

      Not exactly at the end of the line. The end of the line should be a single quote followed by a space and then a period. You should have added the <br /> right before the last single quote.

  • chihiro says:

    Oh… thanks! that worked. So what’s the difficult part?

1 2 3 4 27

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.