アイキャッチ画像の表示@テーマ作成62日目

 今日の進捗状況

・記事一覧のサムネイルをアイキャッチ画像として表示

今までトップページの記事一覧で表示していていたサムネイル画像はそのまま画像を<img>タグで記述していたものでした。

eyecatch2

そこで記事ごとのサムネイルをwordpress側で表示するように変更します。wordpressにはそのために使用できるアイキャッチ画像の機能があるので、まずその設定をします。

functions.phpに↓

add_theme_support( ‘post-thumbnails’ );

を記述。そして、画像を表示したい場所に

<?php the_post_thumbnail(‘thumbnail’); ?>

を書きます。

1番シンプルなものであれば、設定自体はこれでおしまい。

別に難しい話ではないのですが、ここからが初心者ならではのミスです。

「さて、コード追加したからサムネイルが表示されているはず……」と思って一覧を見るとなにも表示されていない。なぜだかさっぱりわかりません。この間の悩み具合は長くなるので割愛しますが、30分近く唸っていた気がします。

結果を言えば、問題は簡単で記事を「新規追加」する際にアイキャッチ画像を設定しないと表示されないってだけでした。

これだけのことに随分苦労しましたが、悩んでいる間に素敵な記事を発見することができました。

WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 - Kachibito.net

画像がない時に、「NO IMAGE」のような画像を自動で表示できるように設定できるとのこと。

早速、photoshopを開き、「NO IMAGE」の画像を作成して、手順通りに追加しました。

eyecatch

簡単にできました。これらの設定はこちらの本ブログでもしておいた方がいいですね。

特にアイキャッチ画像は今のうちに設定しておかないと、いざオリジナルテーマを使用し始めた時に機能しなくなってしまいます。

スポンサーリンク
スポンサーリンク

シェアする

フォローする

スポンサーリンク
スポンサーリンク

コメント

  1. […] これは画像を設定しない場合には150×150の「NO IMAGE」アイキャッチ画像が表示されるようにしたからなのですが、これではいけないので修正します。 […]