ブログ村でサムネイル画像が表示されなくなった件

少し前からブログ村でサムネイル画像が表示されなくなりました。
特にこちらで何かした記憶はなかったんですが。。。

ググってみると、「[OGP](https://blogmura-help.muragon.com/entry/490.html)」という meta タグを追加する必要があることがわかりました。
それで、og:image を指定できるプラグインを導入して対処していたんですが、あまりに面倒臭いのです。

それで、場当たり的ですが、ブログ村の説明に従って対処を試みましたが、その説明の通りではすんなりいかず、少々コードを書き食わせてうまく行っているように見えるので、備忘録を兼ねてメモっておきます。

まず、前提となるブログ村の説明ですが、WordPress の場合は、以下のページになります。

– [WordPress(ワードプレス)のOGPの設定方法](https://blogmura-help.muragon.com/entry/496.html)

ここに提示してあるコードですが、is_single() というのが個別のポスト(投稿)であるかを判定していて、その場合に処理をするようです。

肝心の og:image ですが、has_post_thumbnail() の場合とそうでない場合の処理があるんですが、has_post_thumbnail() は投稿にアイキャッチ画像が設定されているかどうかを調べる関数のようです。

なので、アイキャッチ画像があれば、それを og:image として、そうでない場合、$post->post_content を preg_match で img タグをマッチさせて src で指定している URL をキャプチャする、という結構強引な力技で解決しようとしているんです。

ここでズッポリハマったのが、ギャラリーなどで画像を記事に載せた場合、$post->post_content には img タグとして存在していない、ということです。
ギャラリーがあるかどうかは、has_shortcode($post->post_content, ‘gallery’) で調べることができ、画像は $image_url = get_post_gallery_images($post) で、$image_url に配列で帰ってきますから、最初の URL を og:image に指定してやるととりあえずは目的は達成できました。

ただ、アホなことに、property のつづりを間違えていて、ずっと画像が反映されず、2 時間は無駄にしたような気がしますが。。。

現状、テーマの header.php を書き換えているんですが、これだとテーマを更新するたびに書き換えないといけないので面倒臭いし、そこまで記憶力が良くないのです。
ある程度安定したらプラグイン等で対処しようと思います。

それはそうと、記事は Classic Editor を使って Markdown 書式で書いているのです。
ところが、ここ数日、急に Markdown が無効になっています。
昔の記事は、有効なままなんですけどね。

Jetpack の設定で執筆を確認すると無効になっているのです。
有効にすると、その画面では、設定を更新中… → 設定が更新されました。と表示されるんですが、別の画面に遷移してから戻ってくると、又無効に戻っているんです。

なんでだろう。

これは地味に不便なので、早めになんとかしたいと思います。

にほんブログ村 ライフスタイルブログ 薪ストーブ暮らしへ
にほんブログ村 ライフスタイルブログ 薪ストーブ暮らしに参加しています。 励みになりますので、足あとがわりに、ランクアップにご協力下さい。

Leave a Reply