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

ブログ収益化の教科書大好評連載中

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

 
アイキャッチSTINGER5
この記事を書いている人 - WRITER -
ジュンイチ
ブログ集客の専門家。ブログが一番ですが、WEB周りの事はたいていできます。SNS活用・SEO・マーケティングも大好物。【好き】⇒妻・娘・愛犬チワワ・漫画を描くこと・FF14。大阪吹田の千里ニュータウンを愛す。北摂によく出没。
詳しいプロフィールはこちら

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

 

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

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

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

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

何やらここでは言えない
『超豪華特典』が付いています。

詳しくはE-bookの最後で。

e-book

この記事を書いている人 - WRITER -
ジュンイチ
ブログ集客の専門家。ブログが一番ですが、WEB周りの事はたいていできます。SNS活用・SEO・マーケティングも大好物。【好き】⇒妻・娘・愛犬チワワ・漫画を描くこと・FF14。大阪吹田の千里ニュータウンを愛す。北摂によく出没。
詳しいプロフィールはこちら

Copyright© ジュンイチのブログ , 2015 All Rights Reserved.