WordPress2019年追記:このページの内容は以下のページでわかりやすく書き直しています。https://www.1-firststep.com/archives/8054WordPressの記事内の画像を一覧表示する時の問題点で書いたように、WordPressにおいて各記事内の1枚目の画像を自動リサイズさせて一覧表示させるやり方を解説します。完成形は以下のようなHTMLにするとします。これはこのブログのサイドバー部分と同じです。href="投稿ページのURL">投稿ページのタイトル</a></li></ul>このブログの本文領域の幅の関係で変な位置で改行が起きていますが、なんとなく読み取ってください。コードをコピーしてテキストエディタなどに貼り付けると見やすくなります。各投稿ページのタイトルとリンクを表示させる記事一覧を表示させるテンプレートファイル、今回の例の場合はsidebar.phpに書くとして、以下のように記述する。?></ul>上記のコードでは投稿ページを最新5件表示させている。get_postsで記事を取得し、foreachによって繰り返し表示させている。これにより出力されるHTMLは以下のようになる。href="投稿ページ5のURL">投稿ページ5のタイトル</a></li></ul>各投稿ページ内の1枚目の画像を表示させる次に、一覧表示させる画像の大きさをサイドバー表示用として80ピクセル×80ピクセルにする場合、function.phpにて新たなサイズを設定するために以下のコードを記述する。」を、第4引数には「画像の切り抜きを行うか否かを指定」をtrueまたはfalseで設定します。指定しない場合の初期値はfalseになります。次に、繰り返し表示をしているforeachの中で各投稿ページの画像を取得するためのコードを記述する。foreachの開始直後、つまり出力するli要素の前に記述してください。get_children($args);?>上記のコードによって各投稿ページ内の1枚目の画像が取得できる。日本語版そして、上記コードに続いて以下のように記述し、各画像を出力する。?>これにより、各投稿ページ内の1枚目の画像が表示される。日本語版この時点で出力されているHTMLは以下のようになる。完成形のコード完成形のコードは以下のようになります。?></ul>完成形とは言いましたが、このコードでは投稿ページ内に画像が1枚もなかった場合のデフォルト画像の設定がしてありません。そのあたりに関してはまた次の機会に追加説明します。続きは「WordPressで記事内に画像がない場合の一覧表示用画像の設定」のページへどうぞ。コンビニで缶コーヒーを飲みながらタバコを吸うのが日課の暗い人。ご質問やお便りはお問い合わせページからどうぞ。企画もの(使用に注意)全国のうんこ大好きなチビッコ達が大喜び。このボタンの詳しい説明はこちら。一度押すとスタート、もう一度押すとストップ。このボタンの詳しい説明はこちら。