wordpressのアイキャッチ画像の意味が理解出来ました

公開日: wordpress 

閲覧所要時間: 約 2

アイキャッチ画像のお話

今までwordpressを使ってなんかアイキャッチ画像と言うものが理解出来たような出来ていないようなモヤモヤした感じでした。
やっとではありますがようやく理解出来たと自負してます

それで私なりに少しメモ程度に書きますが私だけが分かる内容かもしれませんからその辺はご了承くださいませ

何から書いてよいやら頭がグチャグチャ状態なんだけどwww

とりあえずは記事を書く投稿画面の右下にある「アイキャッチ画像を設定」で画像を登録します。

この登録した画像はいったいどこに表示されるのか!?※この辺で頭が混乱していた私です

使っているテーマによって変わってくると思いますが

とりあえず私の今使ってる「stinger3」のテーマで話を進めたいと思います。

20140329133639

はい見てお分かりかと思いますがTOP画面の左のサムネイル画像が「アイキャッチ画像」なんです。

home.phpを見てみると
the_post_thumbnailとかhas_post_thumbnailがちょくちょく見かけますが実は

この「thumbnail」がアイキャッチ画像の正体だったんです

次に個別の記事を開くとTOP画面で表示されていた「アイキャッチ画像」はどこにも出てきません。

因みにRSSパーサーなので表示させると「アイキャッチ画像」ではなく一番最初の投稿画像が表示されます。

そこで個別記事にも「アイキャッチ画像」を表示させるには

single.phpを開いて表示させたい箇所に以下のコードを入れるだけで個別記事にも「アイキャッチ画像」が表示されます。

私の場合はビッグサイズの「アイキャッチ画像」を最初に表示する設定にしています。

20140329140928

画像のサイズの変更は以下

このネーミング「thumbnail」が私の頭を混乱させた。もっと分かりやすいネーミングで

Eye-catchi image」とか「Eye-catchi thumbnail」とかだったら分かりやすかったのに

私はてっきり普通に画像を投稿した時のサムネイルだとばかり思っていました。
余談ではありますがそろそろこちらも桜が咲きかけてきましたので背景画像も桜にしました

他カテゴリで本日よく読まれてる記事

  1. wordpress関連ニュース

 関連記事-こちらもどうぞ

 タグ関連記事

20140329144649

RSS FEEDにもアイキャッチ画像を表示させる方法

前回に「アイキャッチ画像」のお話をしたのでついでに今回はRSS FEEDにもアイキャッチ画像を表示させる方法の紹介です。 wordpressをrssfeedで表示してみると普通はテキストだけで表示さ...

記事を読む

20171005204003.jpg

Auto Post Thumbnailが使えなくなった

無料テーマSimplicityを使えば自動アイキャッチ画像が出来る 以前にこのブログでも Auto Post Thumbnailを使ってWindows Live Writerから投稿するとアイキ...

記事を読む

コメントを残す

更新情報

ご挨拶  更新日: 11月05日
20171005204003.jpg
Auto Post Thumbnailが使えなくなった

無料テーマSimplicityを使えば自動アイキャッチ画像が出来る

20171114140704
Windows live writterから投稿すると頻繁に403エラーで使い物にならない時やアカウントの追加が出来ない時

MixHostのサーバーでWindows live writte

20171106070902
WordPressテーマ国産品の無料テーマBLACK-WHITEの紹介

シンプルを追求した WordPress 無料テーマ であなたのブロ

20171105190531
wordpress国産品テーマDROPの紹介

ドロップショッピング用に作られたwordpress無料テーマのテーマ

20171104161218
wp-includes/SimplePie/Parse/Date.php on line 694のエラーが表示される

PHP7系では数値型エラーが出力されてしまう WordPres

→もっと見る


  • Windows live writterから投稿すると頻繁に403エラーで使い物にならない時やアカウントの追加が出来ない時へのコメント (mixhostを使っての感想を書いていきます | 時代は変わる(PCやネット関連)より[11/14]) […] Windows live writterから投稿すると403…
  • レスポンシブをサクッと解除する方法へのコメント (レスポンシブデザインを解除してスマホでもPC表示にする方法 - 週間後藤隊長より[06/18]) […] 参考サイト […]
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (優香より[02/17]) お返事遅くなり申し訳ございませんでした。 wordpress popular p…
  • そのままでは危ないWordPressの設定へのコメント (【重要】WordPress4.7と4.7.1の人は4.7.2にすぐにアップデートしましょう! | 時代は変わる(PCやネット関連)より[02/12]) […] そのままでは危ないWordPressの設定マメにWordP…
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (HYより[02/09]) この記事大変参考になりました。 すみません。一つご質問があります。 「Wor…

    スポンサードリンク