東京都練馬区。Wordpressはおまかせ。印刷・ホームページなど販売促進のためのデザインを提案します。

デザイン事務所ダウンアンダー

営業
10:00-
19:00

WordPressからFacebookに投稿する際の画像とOGP設定【改訂】。

     技術ノート   ,  野村貞次

ゆめぴょんの知恵「【ブログ術】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//–>

 

     技術ノート   ,  野村貞次

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

 こちらの記事も読んで見ましょう

WordPressからFacebookに投稿する際の画像とOGP設定【改訂】。 東京都練馬区。Wordpressはおまかせ。印刷・ホームページなど販売促進のためのデザインを提案します。

Copyright©デザイン事務所ダウンアンダー,2014 All Rights Reserved.

ページ先頭へ