JetpackのOGPのimageがブランクのときはサイトのロゴにする

2014年7月2日2015年10月27日

この記事は最終更新日から9年経過しています。内容が古い可能性があります。

先週はJetpackのOGPを使わずにheader.phpに独自にOGP設定をする方法でOGPを設定しました。私の運営する趣味サイトのうさぎクラフトページは何もしないでいたのですが、やはりちょっと手を入れたくなりました。

今回はimageがブランクになってしまう、ということだけを避けられるように簡単な修正をしてブランクではなくロゴを表示するようにしてみました。

改定しました！　現在の使用に合わせたカスタマイズは→【改訂版】JetpackのOGPのimageがブランクのときはサイトのロゴに　こちらをご覧くださいm(_ _)m

記事をざっと見る

それまでの状況を確認してみる

Jetpackで設定されるOGPそのままのうさぎクラフトはこのような感じでした。

トップページ

↑og:imageは、

<meta property="og:image" content="http://wordpress.com/i/blank.jpg" />

となっているため、画像が表示されないのではなくブランク画像　が表示されています。

投稿ページ（画像有り）

↑アイキャッチ画像を指定してありますが、記事中に入っている画像が複数選択できるようになっていました。今回、こちらはこのままで。

投稿ページ（画像無し）

↑og:imageはトップと同じくブランク画像でした

どこでブランク画像を指定しているのか？

plugins\jetpack の中を全文検索して場所は分かりました。

wp-content\plugins\jetpack\functions.opengraph.php

の　function jetpack_og_get_image　というところで、

    // Second fall back, blank image
    if ( empty( $image ) ) {
        $image[] = apply_filters( 'jetpack_open_graph_image_default', "http://wordpress.com/i/blank.jpg" );
    }

このように指定しているからのようでした。このurlをサイトのロゴurlにしてしまえば簡単だと思うのですが、しかしアップデートがあるたびにこの部分を書き換えないといけません。忘れてしまいそうです。

ということでfunctions.phpで書き換えられないか、、、ググりました(^_^;

functions.phpでog:imageを置き換えるコード

こちらのサイトを見つけました。

WordPress : Jetpackが生成する og:image のデフォルト画像「blank.jpg」を変更したい

まさにやりたいことそのものでした。

/**
 * Adds default OpenGraph image.
 * Christoph Nahr 2014-02-28
 * @param array $tags Array of OpenGraph tags.
 * @return Specified array, possibly modified.
 */
function add_default_image( $tags ) {
 
    // replace blank Jetpack default image with site header
    if ( $tags['og:image'][0] == "http://wordpress.com/i/blank.jpg" ) {
        unset( $tags['og:image'][0] );
        $tags['og:image'][0] = 'http://usagicraft.com/wp-content/themes/chocolat-ryus/img/logo1.png';
    }
 
    // always remove useless HTTPS image tags
    unset( $tags['og:image:secure_url'] );
 
    return $tags;
}
add_filter( 'jetpack_open_graph_tags', 'add_default_image' );

ロゴの名前だけを置き換えて（http://usagicraft.com/wp-content/themes/chocolat-ryus/img/logo1.png）、あとはそのまま、子テーマのfunctions.phpに追加しました。