WordPressでサムネイル画像をどうやって表示するの？
ナカイ君: WordPressでサムネイル画像を表示できるようにする方法をわかりやすく教えてほしいんだけど。
世界のアオキ: OK、WordPressでサムネイル画像を表示するには、まずテーマがサムネイル（特集画像）をサポートしていることを確認する必要があるよ。これを実現するには、テーマのfunctions.phpファイルに特定のコードを追加して、特集画像機能を有効化するんだ。
ナカイ君: もっと具体的に教えてくれない?
世界のアオキ: そうだね。具体的には、functions.phpに以下のコードを追加することで、テーマで特集画像をサポートできるようになるんだ。
わかりやすいコード例
ナカイ君: わかりやすいコードがあれば教えてほしいな。
世界のアオキ: もちろんだよ。こんな感じでfunctions.phpに追加するんだ。
add_theme_support('post-thumbnails');これで、サムネイル画像機能がテーマで使えるようになるんだ。
具体的にどう使うの？
ナカイ君: 具体的にはどうやって使うの？
世界のアオキ: サムネイル画像が有効になったら、WordPressの投稿やページの編集画面で、特集画像を設定できるようになるんだ。そして、特集画像を表示したい場所のテンプレートファイルに、以下のようなコードを追加するんだ。
if ( has_post_thumbnail() ) {
the_post_thumbnail();
}これで、特集画像が設定されている投稿やページには、自動的にその画像が表示されるようになるんだ。
ナカイ君: 他のパターンがあれば教えてほしいな。
世界のアオキ: 了解だよ。サイズ指定で特集画像を表示したい場合は、the_post_thumbnail()関数にサイズを指定できるんだ。例えば、こんな感じでね。
the_post_thumbnail('thumbnail'); // サムネイルサイズで表示
the_post_thumbnail('medium'); // 中サイズで表示
the_post_thumbnail('large'); // 大サイズで表示
the_post_thumbnail(array(100, 100)); // 幅100px、高さ100pxで表示ナカイ君: そうやって使えばいいんだね。
世界のアオキ: そういうわけで、functions.phpで特集画像を有効にして、テンプレートファイルに表示コードを追加することがポイントだよ。ただし、テーマをカスタマイズする時は子テーマを使うことを忘れないでね。
ナカイ君: わかった、ありがとう！
まとめ
WordPressでサムネイル画像を表示するには、まずテーマのfunctions.phpファイルに特集画像機能を有効化するコードを追加し、WordPressの管理画面から投稿やページに特集画像を設定します。
その後、テーマのテンプレートファイルに特集画像を表示するコードを追加することで、サイト上に画像を表示できるようになります。
ナカイ君のように、基本からしっかりと学び、実践してみましょう。そして、カスタマイズの際は子テーマの使用を忘れずに！
この記事へのコメントはありません。