ThemeShaper Forums Topic: How to: Facebook Open Graph <meta>

ThemeShaper Forums Topic: How to: Facebook Open Graph <meta> http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Mon, 20 May 2013 01:11:06 +0000 sunysky on "How to: Facebook Open Graph <meta>" http://themeshaper.com/forums/topic/how-to-facebook-open-graph-ltmetagt#post-16858 Tue, 09 Nov 2010 23:33:14 +0000 sunysky 16858@http://themeshaper.com/forums/ It works! Thank a lot Chris! :) Chris on "How to: Facebook Open Graph <meta>" http://themeshaper.com/forums/topic/how-to-facebook-open-graph-ltmetagt#post-16848 Tue, 09 Nov 2010 20:02:44 +0000 Chris 16848@http://themeshaper.com/forums/ It should be add_filter. Chris sunysky on "How to: Facebook Open Graph <meta>" http://themeshaper.com/forums/topic/how-to-facebook-open-graph-ltmetagt#post-16846 Tue, 09 Nov 2010 16:33:34 +0000 sunysky 16846@http://themeshaper.com/forums/ Hi, When I try your solution my wordpress crash and I obtain this error message: Fatal error: Call to undefined function apply_filter() in /public_html/photo/wp-content/themes/autofocusplus/functions.php on line 36 The line 36 is: apply_filter('thematic_create_doctype', 'open_graph_doctype'); I have wordpress 3.0.1 with Autofocus+ theme wich is based on Thematic theme. <a href="http://fthrwght.com/autofocus/" rel="nofollow">http://fthrwght.com/autofocus/</a> Do you know where is the problem? Thank you in advance! PS: excuse my english, i'm french... Ben W. on "How to: Facebook Open Graph <meta>" http://themeshaper.com/forums/topic/how-to-facebook-open-graph-ltmetagt#post-12840 Sun, 06 Jun 2010 11:35:16 +0000 Ben W. 12840@http://themeshaper.com/forums/ If you are using the Facebook “Like” button on your page, you may want to have a better control over it – including an Admin page. (<a href="http://developers.facebook.com/docs/opengraph?info=EXLINK">More about Open Graph protocol.</a>) You'll need a logo image for your blog and put it to your Thematic /images/ directory, or, if you are using a child theme, to your child themes /images/ directory. Put the following code snippet to your functions.php of Thematic, or, if you are using a child theme, of your child theme: (If you need to find out your Facebook ID, click on the "Photos" tab of your FB profile, select your profile photos, and grab the number of the <a href="http://www.facebook.com/" rel="nofollow">http://www.facebook.com/</a>…&id=YOUR_ID part.) <pre><code>/* * Facebook Open Graph */ function open_graph($content) { $content .='<meta property="fb:admins" content="YOUR_FACEBOOK_ID" />' . "\n"; if (is_home() || is_front_page()) { $url = get_option('home'); $title = get_bloginfo('name'); $description = get_bloginfo('description'); $article = 'blog'; } else { global $post; $url = get_permalink($post->ID); $title = get_the_title(); $description = get_the_excerpt(); $article = 'article'; } $content .='<meta property="og:site_name" content="' . get_bloginfo('name') . '" />' . "\n"; $content .='<meta property="og:title" content="' . $title . '" />' . "\n"; $content .='<meta property="og:description" content="' . $description . '" />' . "\n"; $content .='<meta property="og:type" content="' . $article . '" />' . "\n"; $content .='<meta property="og:url" content="' . $url . '" />' . "\n"; $content .='<meta property="og:image" content="' . get_bloginfo('stylesheet_directory') . '/images/YOUR_LOGO.jpg" />' . "\n"; return $content; } add_filter ('thematic_create_description', 'open_graph'); function open_graph_doctype($content) { $content = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'; $content .= '<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"'; return $content; } apply_filter('thematic_create_doctype', 'open_graph_doctype');</code></pre> Please note that the document won't validate as XHTML 1.0 Transitional anymore. Changing it to the required DOCTYPE XHTML + RDFa (<code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"></code>) would make it almost like XHTML 1.1, which is Strict, but will easily brake existing forms etc. If you are not using a caching solution (like WP Super Cache or Hyper Cache), you could restrict the meta tags to be shown the Facebook crawler only: <pre><code>function open_graph($content) { if ($_SERVER['HTTP_USER_AGENT'] == 'facebookexternalhit/1.0 (+http://www.facebook.com/externalhit_uatext.php)') { [the stuff from above] } }</code></pre> Enjoy!