これは、私が開発中のワードプレス サイトに実装したものの例です (ブロガーは少し異なります)。基本的に、現在表示しているページにヒーロー画像が関連付けられているかどうかを確認します。もしそうなら、それはそのヒーロー画像を使用します。そうでない場合は、ロゴ画像を使用します。そうすれば、ブログ投稿の 1 つに「いいね」すると (ブログ投稿ページ自体からではなく、フロント ページからでも)、Facebook はその URL に ping を送信し、関連する og:image および og:description タグを探します。
<?php
wp_reset_query();
$fb_image = ui::getImage(290, 121, "align left");
if(!$fb_image){
$fb_image = ui::logo();
}
?>
<meta property="og:site_name" content="<?php ui::title(); ?>"/>
<meta property="og:title" content="<?php the_title(); ?>"/>
<meta property="og:url" content="<?php the_permalink(); ?>"/>
<meta property="og:image" content="<?php echo $fb_image ?>"/>
これは、すべてのページの「ヘッド」セクションにあります。