WordPressからFacebookに投稿する際の画像とOGP設定【改訂】。
この記事は2014/05/05に公開され、503回読まれました。
ゆめぴょんの知恵「【ブログ術】FacebookのOGP設定をプラグインなしで設置する方法」にバッチリ掲載されていました。
前回投稿は、基本的な考え方の参考になるとは思いますが、こちらなら思った通りに動きます。
以下を<head>〜</head>の適当な場所に追加します。●●●●●はfb_admins_IDです。
- <!–//for FB//–>
- <meta property=”og:type” content=”company”/>
- <meta property=”fb:admins” content=”●●●●●”/>
- <meta property=”og:site_name” content=”<?php echo wp_specialchars(get_bloginfo(‘name’),1) ?>”/>
- <?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
- }
- ?>
- <?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=”‘ . get_bloginfo(‘template_url’) .’/images/fb_logo.png”>’;echo “\n”;
- }
- } else {//投稿記事や固定ページ以外の場合（ホーム、カテゴリーなど）
- echo ‘<meta property=”og:image” content=”‘ . get_bloginfo(‘template_url’) .’/images/fb_logo.png”>’;echo “\n”;
- }
- ?>
- <!–//for FB//–>
コメントする