ろんカテゴリ別のリスト状の記事一覧を表示する[WordPress]ツイートシェアGoogle+はてブPocket私のブログはWordpressでしているのですが、書く記事のカテゴリーがバラバラな上に、投資とプログラミングという全く別の趣味ということもあり、投稿一覧で一緒に表示させてしまうのはなんか違うかなと...というわけで記事一覧を一気にカスタムしてみました。...という言い方すると語弊あるかもしれないですが、正確には記事一覧のページを新しく作るというものです。Exec-PHPとかでやってみようとも思ったのですが、やはり大きくカスタマイズするとなると限界があったりセキュリティリスクが出たりと...というわけでテンプレートページを新しく作り、固定ページとして表示しようと思います。HuemanテーマはHuemanです。大事なことなので2回書きました。この記事の内容はそのテーマに合わせて作っています。各自のテーマにあったデザインにカスタマイズしましょう。あとこの記事を書いている私自身、PHPの知識どころかHTMLの知識も怪しいぐらいです。参考までに、お願いします。テーマの特徴まずリスト上の投稿一覧を作る前に今使っているテーマの特徴を掴んでおく必要があります。いうのも、既にリスト上の投稿一覧の表示方法があるかもしれません。私の方ではなかったですが。Humanだと基本的な投稿一覧の表示はこのようになります。このテーマはレスポンシブ対応デザインなので、幅を小さくすれば列も1列になります。便利ですねーリスト状にする場合はレスポンシブを気にする必要はないと思います。このテーマだと、記事の一覧を表示するときはget_template_part(‘content’);で呼び出されて表示しています。これはテーマディレクトリにあるontent.phpを見れば表示するコードを見ることができます。完成図まずは下準備をしましょう。style.cssの一番下にこのソースコードを追加しましょう。left;}このcssはリスト表示をするための最低限のcssです。デザインも質素、もう少し派手にしてもいいかも?そしてテーマフォルダーにcontent-mini.phpを作り、このコードを追加します。これはcontent.phpを改造したもの。サムネイルのサイズは48,48でこちらで指定しています。?></span><!--/.post-title--></div></div><!--/.post-->そしてテーマフォルダのpage-templatesフォルダの中にtop-page.phpを作り、下のコードをカスタマイズして保存してください。このコードは私のサイトの場合であり、他のサイトだと確実に正常に動作しないと思います。query_posts(‘showposts=5&cat=3′);というところでカテゴリーの記事を取得しています。このcat=3のところがカテゴリーIDなのでこれを表示したいカテゴリーIDに置き換えてください。カテゴリーの編集ページのURLからカテゴリーIDが分かります。?>まとめ正直反省してます。この記事絶対わかりにくいですよね。関連記事は見つかりませんでした。