WordPress(lightning)ブログ村でサムネイル画像が取得されない
WordPress(例として lightningテーマ)を使っている人で下記のように「ブログ村」の新着記事サムネイルに画像が表示されない人のための内容です。
![ブログ村サムネイル画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_290,h_180/https://ibox-design.com/wp/wp-content/uploads/2023/11/blog_eyecatch.png)
最初の確認として、ブログを公開するときに「アイキャッチ」の設定はしてありますか?
投稿画面の右上・設定 / 投稿タブに切り替え / アイキャッチ
してあるという方は、下記の方法を試してください。
WordPressのアイキャッチ画像をOGPに設定する方法
<?php if (has_post_thumbnail()) : ?>
<meta property="og:image" content="<?php the_post_thumbnail_url(); ?>" />
<?php else: ?>
<meta property="og:image" content="<?php bloginfo('template_directory'); ?>/images/no-eyecatch.png" />
<?php endif; ?>
lightningの場合
①外観 / ②テーマファイルエディター / ③header.php / ④コードを書き込む / ⑤ファイルを更新
![Wordpress lightningテーマファイルエディター](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_576/https://ibox-design.com/wp/wp-content/uploads/2023/11/lightning_blog01-1024x576.png)
これでファイル更新が出来れば、完了なのですが、私の場合何故かエラーで書き込めなかったです。
同じ症状の方は、サーバーにアクセスし、header.phpのファイルをダウンロードしてください。
例として 、サクラインターネットのサーバーです。
①home/wp/wp-content/themes/lightning/
②「header.php」を見つける
③「header.php」ファイルをPCにダウンロード
④エディターで開いてコードを書き込み、保存(例としてVisual Studio Codeを使用)
⑤同じ場所にアップロードして「header.php」ファイルを入れ替える
![サーバコントロールパネルのファイルマネージャー](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_576/https://ibox-design.com/wp/wp-content/uploads/2023/11/lightning_blog02-1024x576.png)
![Visual Studio Code](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_576/https://ibox-design.com/wp/wp-content/uploads/2023/11/lightning_blog03-1024x576.png)
この方法で「ブログ村」の新着記事サムネイルに画像が表示されるようになりました。