デジタルマーケッター・ブログ集客専門家 時々 おもろいおっさん

【STINGER5】記事の先頭部分に勝手にアイキャッチ画像を反映させる方法

  
アイキャッチSTINGER5
\ この記事を共有 /
【STINGER5】記事の先頭部分に勝手にアイキャッチ画像を反映させる方...

どうも、JUNICHIです。

今回も日本で一番有名なWordPressテーマかもしれない『STINGER5』のカスタマイズ方法です。

 

STINGER5というテーマを使って投稿をしたときに物足りなく感じる点は、「せっかく編集画面で設定したアイキャッチ画像が、記事の先頭部分に反映してくれない」という点です。

最近は、多くのテーマで、投稿編集画面で設定したアイキャッチ画像がそのまま記事の先頭部分に出てくれるっていう仕組みが用いられているので、STINGER5にもその仕組みを導入してやろうと思います。

簡単なので、是非やってみて下さい。

 

STINGER5の記事の先頭部分にアイキャッチ画像を反映させる方法

まずは、以下のコードをコピーして下さい。

<!? ここからアイキャッチ画像 ?>
<div class=“post-thumbnail”>
<?php the_post_thumbnail(‘full’);?>
</div>
<!? ここまでアイキャッチ画像 ?>

コピーができたら、以下の手順に進みます。

↓ 外観>テーマの編集をクリック
STINGER5カスタマイズ1

 

↓ 右側のテンプレートから「単一記事の投稿(single.php)」をクリック
STINGER5カスタマイズ2

 

↓ 赤枠の部分を探す。
STINGER5カスタマイズ3

 

↓ そこの上でEnterを押すなどして、1行分のスペースを作る
STINGER5カスタマイズ4

 

↓空いたスペース部分に、先ほどコピーしたコードを貼り付ける。
STINGER5カスタマイズ5

 

これでOK!

↓ちゃんと設定したアイキャッチ画像が、記事の先頭部分に出てくれました。STINGER5カスタマイズ6

 

 

分かりにくければ動画解説もあります。

動画解説

 

まとめ

めちゃくちゃ簡単なので、是非やってみてください。

⇒STINGER5のカスタマイズ方法一覧へ

デジタルマーケティングで重要な
「データ分析」を今すぐ始めよう!

\ Kindleで売れ筋トップ獲得本 / 

GA4超入門ガイドブック

プレゼント!

表紙