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

アイキャッチSTINGER5

この記事を書いている人 - WRITER -

色んな人にブログ運営の事を教えている。得意なのはブログ集客・SNS活用法・SEOライティング。
※このおっさんの取扱注意点:ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。 ⇒詳しいプロフィールはこちら 

JUNICHI

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

アイキャッチSTINGER5

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

 

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

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

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

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

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

ebook

ブログ集客と収益化がオンラインで学べる!!
ブログマーケティングスクール

『集客』さえできれば、ほぼどんなビジネスも成功させることができます。

そしてブログは、現在のWEBメディアの中でも、最も強力な『集客メディア』として位置づけられています。

ブログマーケティングスクールでは、コンテンツマーケティング・SEOを意識したWEBマーケティングがオンラインで学べるスクールです。

BMSバナー

 

ブログマーケッターJUNICHI
×
OPEN CAGEコラボWordPressテーマ

あなたは今自分のサイトがスマートフォンからどれだけの人が見ているか知っていますか?

実は、2016年6月現在、6割~8割の人がスマホからブログを読んでいます。

なので、スマホから見た時に「分かりやすい」「使いやすい」「便利」というWordPressテーマが必要です。

『新しいスマホビュー時代を作ろう!』

がコンセプトの『STORK(ストーク)』を是非お試しください。

STORK

ABOUTこの記事をかいた人

色んな人にブログ運営の事を教えているブログ集客の専門家。得意なのはブログ集客・SNS活用法・SEOライティング。※このおっさんの取扱注意点:ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。