WordPressアイキャッチ画像を自動で投稿記事に表示する方法

今日は2025年5月12日です。

目次に行く･戻る

2025年5月12日 (月曜日)本日の人気記事トップ１０

• キッチンシンク下がドブ臭い下水臭い原因と解決方法20
• エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ10
• プラグイン不要アイキャッチ画像自動生成コード5
• Google推奨のJSON-LD形式で出力する構造化データのパンくずリストをトップページにもJSON-LDの構造化データを出力4
• 2025年4月（先月）のETCトラブルNEXCO中日本が方針転換で後払いでの料金請求しない4
• ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法4
• ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に3
• プラグイン使わずアイキャッチ画像自動生成しサイトのURLとカテゴリを自動的に追加する方法3
• Windows10で動かないアプリを動かす方法22
• ピカットロンプロでキッチンシンク排水口のヌメリやお風呂のカビ取り2

2025年5月12日 (月曜日)↓における週間月間人気記事トップ３は？↓

• 本日
• 週間
• 月間

1. 

   キッチンシンク下がドブ臭い下水臭い原因と解決方法 7PV

   意外と知られていないのが、キッチンシンクからいつもと違う臭いや異臭や下水臭い強烈な匂いが出てくることがあります。いくらシンク内をカビキラーやキッチンハイターなどの塩素系漂白剤などできれいにしても・・・…

   もっと読む

2. 

   エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 4PV

   車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

   もっと読む

3. 

   ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 4PV

   本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

   もっと読む

1. 

   エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 32PV

   車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

   もっと読む

2. 

   車のキーナンバー確認方法。キーレス紛失や壊れた時 25PV

   初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

   もっと読む

3. 

   エクストレイルT32ヘッドライト光軸調整方法 17PV

   エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…

   もっと読む

1. 

   エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 32PV

   車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

   もっと読む

2. 

   車のキーナンバー確認方法。キーレス紛失や壊れた時 25PV

   初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

   もっと読む

3. 

   エクストレイルT32ヘッドライト光軸調整方法 17PV

   エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…

   もっと読む

いまやブログにおいてアイキャッチ画像は無くてはならない存在になりつつあります。

特にWordPressにおいては、基本的にアイキャッチ画像を設定することが出来るようになっているテーマがほとんどです。

しかし、その幾度となくどれにしようか選びに選んだアイキャッチ画像ですが多くの場合は記事内には表示されません。（テーマにもよります。）

そこで…。

アドセンス336pxPC閲覧記事下表示1つ目コード

この記事を読む方へのオススメ

+人気カー用品を見てみるクリックでOPEN+

→人気のカーナビランキングカーメンテナンスWAKO'S車バイク用オイル

カーメンテナンス
ワコーズ

車バイク用オイル

ワコーズカーメンテナンス

カーメンテナンス
ワコーズ

WAKO'S

メルカリ招待コード： 招待コードをコピー

• 廃バッテリー処分方法
• シガーライターソケット増設方法
• ナビテレビが見れなくなった時
• Windows10・Windows8.1プロダクトキー
• アルミテープチューン貼る場所
• 車から異音の原因
• スロットルポジションセンサー調整方法
• バッテリー交換後アイドリング不調
• ハンドルセンターズレ調整方法
• 車のキーンナンバー確認方法
• ECUリセット方法

テーマで自動的にアイキャッチ画像を記事内（記事直上など）の任意の位置に自動的に表示させる方法です。

2つの方法があるのですが、
基本的なテーマなどの場合には以下のコードを自分が記事内で出力させたい場所にコピー・アンド・ペーストでOKです。

以下のコードになります。

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

 

このコードを例えば…。

single.php内の自分が表示させたい部分に貼り付けるだけで、自分が悩んで選びに選んだアイキャッチ画像を自動的に表示させることができます。

ただアイキャッチ画像はそのまま100%（full）の状態で出力されて表示されるので、

ちゃんと、
アイキャッチ画像の大きさを考えてのアイキャッチ画像設定をしていないとやたらと大きな画像になってしまいます。orz

 

次に、アイキャッチ画像にスタイルを適用させて大きさを調整させる方法です。

こちらも基本的には、
上記と同じなのですが、class指定でCSSによって大きさを任意に調整することが可能になります。

 

まずはsingle.php内に任意の場所に追記するコードです。

<!? ここからアイキャッチ画像 ?>
 <div align="center">
 <div class="st-eyecatch"><?php the_post_thumbnail('full'); ?>
 </div>
 </div>
 <!? ここまでアイキャッチ画像 ?>

 

ここで、class指定をst-eyecatchと設定しました。

なので、

style.CSSにも該当となるclassのcssを追記します。

 

今回の場合は以下のコードのようになります。

.st-eyecatch
 {
 margin: -20px -15px 15px;
 }

.st-eyecatch img
 {
 width:100%;
 background-color: #000;
 }

 

参考）

今回はStinger6のテーマを使わせていただいているのでst-eyecatchとしました。class指定のネーミングは他とかぶらなければ任意のclass名で大丈夫です。

pickup）

アンダーライン赤色の部分の数字を100%から自分のブログやデザインに合わせてパーセンテージを上げたり下げたりして調整してみてください。

最後に、

これまで、
アイキャッチ画像をせっかく悩んで選びに選んで設定してきたのに、記事を読んでくれる人にはそのアイキャッチ画像を見てもらえない…。

だから、2度手間をかけて投稿記事のはじめに自分でアイキャッチ画像と同じ画像を設定していた方々などはもう2度手間をかける必要はありません。

せっかくのアイキャッチ画像です。

是非、是非、試してみてください！(^-^)！

Windows10サポート終了まで

Multiplex 広告

あなたにおすすめな関連記事

伝えたいこと 備忘録 時事ネタ 治療

小林麻央さんの姉小林麻耶さん、見事な神対応だった…。やっぱり一味違う!!

（アイキャッチ画像出典元：小林麻耶オフィシャルブログ「まや★日記」Powered by Ameba）ここ数日世間では（職場や友人間など）、 小林麻央さんの病状のことやお姉さんの小林麻耶さんの事などの話…

もっと読む

インフィード広告アドセンス

WordPress カスタマイズ カスタマイズ テーマ 伝えたいこと 備忘録

RSSフィードにアイキャッチ画像をしっかりと表示する方法

これまでに何度かThemeによってRSSフィードやFeedlyなどにアイキャッチ画像が表示されないThemeがあります。このアイキャッチ画像を今更ながら再検証してみました。以前にfunction.ph…

もっと読む

インフィード広告アドセンス

WordPress 不具合

WordPress4.4ビジュアルエディタで見出しタグ挿入不具合

WordPressにおいて、 ビジュアルエディタとテキストエディタの切り替え時に、 勝手に改行されるなどの不具合はあったということは調べてわかっていました。 ですが、 ちょっとしたプラグインにて対応可…

もっと読む

インフィード広告アドセンス

Stinger6 Stinger7 WordPress インターネット カスタマイズ テーマ 伝えたいこと 備忘録

ページ表示速度高速化レンダリングブロックを非同期にしてみる。

ここ最近…。本当にサイトの高速化、サイトのページ表示速度を速くしなければ！！なんて思い過ぎている私です。 ない知識をフルに活用してみてはいるものの、うまくいったりいかなったり、トライ・アンド・エラーそ…

もっと読む

インフィード広告アドセンス

メンテナンス 備忘録 車

カーメイトのエンジンスターターでエラー15表示と対処方法

夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

もっと読む

インフィード広告アドセンス

伝えたいこと 時事ネタ

新型コロナウイルス感染症拡大で医療資源やその他資源など足りるのだろうか

この1年間、新型コロナウイルス感染症（COVID-19）の感染拡大で多くの自粛など制限が多くマスクやアルコール消毒の徹底など衛生観念が変わったと思われます。特にご家族にご年配者（ご高齢者）や持病がある…

もっと読む

【AmazonタイムセールSALE車＆バイク】！

人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」

人気の商品が日替わりで登場。毎日お得なタイムセール

年金倍増で日本経済は大復活する!デフレの終わり、第二の「高度成長」の始まり

¥2,749 （2025/05/08 05:43時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

メルカリ

ポチップ

エクストレイルT32おすすめバッテリーPanasonicカオスバッテリー

すべての車でバッテリーが搭載されています。特にアイドリングストップ車以降現在主流になりつつある電気自動車などではバッテリーの性能がとても重要になってきます。今回は日産エクストレイ

📅 2020.11.14 | 📂 メンテナンス, 車

バッテリー交換後の廃バッテリー処分方法3つ

バッテリー交換は、どの車においてもいずれは発生する事象です。新車で購入して3年で乗り換えなんて言う方は今ではそんなに多くはないと思います。（中に入ると思いますが、多くの方々はそれ

📅 2023.08.06 | 📂 メンテナンス, 車

あなたが訪問してから

⏰ 0 秒経過 🎉

入学入社まであと…入学入社祝いはどんなPresent（プレゼント）でどのように過ごされますか？

ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。

今週の人気記事トップ１０

• キッチンシンク下がドブ臭い下水臭い原因と解決方法 153件の PV

• エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 30件の PV

• カーメイトのエンジンスターターでエラー15表示と対処方法 18件の PV

• 車のキーナンバー確認方法。キーレス紛失や壊れた時 16件の PV

• Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法 15件の PV

• 2025年4月（先月）のETCトラブルNEXCO中日本が方針転換で後払いでの料金請求しない 12件の PV

• アイドリングストップシステム異常警告灯表示対処方法 11件の PV

• ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 11件の PV

• プラグイン使わずにアイキャッチ画像自動生成コード 9件の PV

• シガーライターがない車にシガーライターソケットの付け方と増設方法 7件の PV

ブログサービスが始まってから:

カウントダウンタイマー

おすすめの記事一部広告