ワードプレスのOGP設定

OGP設定 Facebook

の続き。今回はワードプレス版です。
ワードプレスのOGP設定も簡単ですよ。

管理画面のテーマ編集から「header.php」を開いて

</head>直前の記述を…

<!–OGP開始–>
<meta property=”fb:admin” content=”個人のアカウントに設定された15桁の数字”>
<meta property=”og:locale” content=”ja_JP”>
<meta property=”og:type” content=”blog”>
<?php
if (is_single()){// 投稿記事
if(have_posts()): while(have_posts()): the_post();
echo ‘<meta property=”og:description” content=”‘.mb_substr(get_the_excerpt(), 0, 100).'”>’;echo “n”;//抜粋から
endwhile; endif;
echo ‘<meta property=”og:title” content=”‘; the_title(); echo ‘”>’;echo “n”;//投稿記事タイトル
echo ‘<meta property=”og:url” content=”‘; the_permalink(); echo ‘”>’;echo “n”;//投稿記事パーマリンク
} else {//投稿記事以外(ホーム、カテゴリーなど)
echo ‘<meta property=”og:description” content=”‘; bloginfo(‘description’); echo ‘”>’;echo “n”;//「一般設定」で入力したブログの説明文
echo ‘<meta property=”og:title” content=”‘; bloginfo(‘name’); echo ‘”>’;echo “n”;//「一般設定」で入力したブログのタイトル
echo ‘<meta property=”og:url” content=”‘; bloginfo(‘url’); echo ‘/”>’;echo “n”;//「一般設定」で入力したブログのURL
}
?>
<meta property=”og:site_name” content=”<?php bloginfo(‘name’); ?>”>
<?php
$str = $post->post_content;
$searchPattern = ‘/<img.*?src=([“‘])(.+?)1.*?>/i’;//投稿記事に画像があるか調べる
if (is_single() or is_page()){//投稿記事か固定ページの場合
if (has_post_thumbnail()){//アイキャッチがある場合
$image_id = get_post_thumbnail_id();
$image = wp_get_attachment_image_src( $image_id, ‘full’);
echo ‘<meta property=”og:image” content=”‘.$image[0].'”>’;echo “n”;
} else if ( preg_match( $searchPattern, $str, $imgurl ) && !is_archive()) {//アイキャッチは無いが画像がある場合
echo ‘<meta property=”og:image” content=”‘.$imgurl[2].'”>’;echo “n”;
} else {//画像が1つも無い場合
echo ‘<meta property=”og:image” content=”画像がない記事のサムネイル画像URL”>’;echo “n”;
}
} else {//投稿記事や固定ページ以外の場合(ホーム、カテゴリーなど)
echo ‘<meta property=”og:image” content=”記事以外のページのサムネイル画像URL”>’;echo “n”;
}
?>
</head>

とすれば良いだけです。
なんて簡単なんでしょう(‘ ‘*)!


コメントを残す

メールアドレスが公開されることはありません。

*