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

【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のカスタマイズ方法一覧へ

 

今までの僕のブログ集客のノウハウを全部つぎ込んで しかも無料で配布することにしました。

【今すぐ読める無料Ebook】 広告費を一切使わずブログだけで 19,000人以上を集客した全手法!

総ページ100ページ以上の 大ボリュームE-bookです。

是非あなたのブログのお役立てください。

今のうちにゲットしてください。

Ebook