テーマをCocoonに変更しました!

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

wordpress

アイキャッチ画像のお話

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

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

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

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

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

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

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

20140329133639

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

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

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

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

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

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

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

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

20140329140928

<?php the_post_thumbnail('large'); ?>

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

the_post_thumbnail();                  // パラメータなし -> サムネイル

the_post_thumbnail('thumbnail');       // サムネイル
the_post_thumbnail('medium');          // 中サイズ
the_post_thumbnail('large');           // 大サイズ

the_post_thumbnail( array(100,100) );  // 他のサイズ
このネーミング「thumbnail」が私の頭を混乱させた。もっと分かりやすいネーミングで

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

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

ブログ管理者などによく売れてる本です

コメント

タイトルとURLをコピーしました