UPDATED 06.14.10 8:52 pm
- Fixed an issue with the shortcode handler calling an undefined function, thereby not registering shortcodes properly.
- Fixed the screenshots on the WordPress Plugins page.
UPDATED 04.28.10 7:00 am
- Resolved an issue with the admin id META tag.
- Disabled the app_id parameter in the configuration until a FBML solution is implemented.
- Added a “default image” option to the admin to be used when no post image exists.
- Improved the preview mode to switch to a dark background depending on the layout choice.
- Added comments to the admin options.
- Modified the HTML namespace parameters to be included by the script, you must now ensure your header.php file uses the language_attributes() function:
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
UPDATED 04.27.10 8:26 pm
A number of feature requests have been fulfilled.
- An AJAX preview mode is now available in the options for a quick preview of the button.
- All META tags are now populating correctly.
- Fixed parameter naming issue with META tags (replaced “name” with “property”)
- Additional options have been added to the configuration page; height, layout, show faces, and the ability to define your own custom class for the iframe.
- Fixed the handling for populating the description meta tag. The code now attempts to get the excerpt first, then the first 255 characters of the post, and lastly the blog description as a fallback.
- A few other minor issues were resolved which I found while implementing feature requests.
UPDATED 04.27.10 8:00 am
A number of issues with the admin options were found which would hinder you from modifying certain default settings. This has been resolved and the .tar.gz file has been updated accordingly. A couple of outstanding issues noted in the comments are being addressed. These issues include associated images not displaying on Facebook, no admin option for toggling between display methods, and the og:description meta tag not populating properly.
It is recommended that you add the following namespace parameters to your theme’s header.php HTML tag:
<!-- DEPRACATED. See code reference above. --> <html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
I have dabbled with the Facebook Open Graph API for the past few days following f8 and eventually arrived at a full featured plugin for displaying Facebook’s new “Like” button functionality on your WordPress blog. The plugin is chock full of goodies, including:
- Option of using either the standard or button_count (small) display mode.
- Customizable width of the iframe containing the button.
- The first included image of the post will be cropped to 50×50 and included in the user’s Facebook profile. (possibly broken)
- Customizable placement of the button, which can be either at the top of your post, bottom of your post, or included using the php function me_likey_button(); in your theme files.
- Ability to include the button within a post using the shortcode (BBCode) tag [like_button].
- Ability to change the button’s wording to either “like” or “recommend”.
- Customizable font family, including arial, lucida grande, segoe ui, tahoma, trebuchet ms, and verdana.
- Ability to change the color scheme of the button to either “light” or “dark”.
- Ability to enable/disable the button on a per post (or page) basis directly from the add/edit post screen.
- Automatic inclusion of Open Graph meta tags to ensure your site is fully compliant with Facebook’s new handling.
The plugin will have an official page shortly. Suggestions and feature requests are appreciated as I want to ensure the plugin is useable by all. For more details regarding Open Graph and meta data requirements, please click here.