Wordpressで固定ページにカテゴリー別の記事一覧ページを作りたい。

Question

Wordpressの固定ページのテンプレート（page.php）を使って下記の新着情報一覧のコードを

カテゴリー別に記事一覧を表示するようにしたいのですが。うまくいきません。

固定ページでタイトルやスラッグで指定した文字列を使ってカテゴリー別の一覧ページは作れないでしょうか？

「全カテゴリー新着情報一覧ページのコード」

<!-- 新着記事表示 -->
<?php
$args = array(
'posts_per_page' => 14 // 表示件数の指定
);
$posts = get_posts( $args );
foreach ( $posts as $post ): // ループの開始
setup_postdata( $post ); // 記事データの取得
?>
	
<!-- カテゴリー名取得 -->
<?php
  $category = get_the_category();
  $cat_id   = $category[0]->cat_ID;
  $cat_name = $category[0]->cat_name;
  $cat_slug = $category[0]->category_nicename;
?>
<!-- カテゴリー名取得 -->

<!-- imgTextBox -->
<div class="imgTextBox">
<p class="textP"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br><span class="postDate"><?php echo get_the_date( $format, $post ); ?></span><span class="writeName"><?php the_author(); ?></span><span class="catName"><?php echo $cat_name; ?></span></p>
<p class="imgP"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></p>
</div>
<!-- imgTextBox -->

<?php
endforeach; // ループの終了
wp_reset_postdata(); // 直前のクエリを復元する
?>
<!-- 新着記事表示 -->

「全カテゴリー新着情報一覧表示ページ(index.php)のデザイン」

これと同じようなデザインで固定ページにカテゴリー別の記事一覧を作りたいです。

「試したこと」

<?php
$categories = get_categories();
foreach($categories as $category):
?>
 
<?php query_posts('cat='.$category->cat_ID);
if(hav_posts()):while(have_posts()):the_post();
?>

この2つを追加してみたが、固定ページが表示されなくなった。

Answer 1

記事の一覧が出力できるようなプラグインを使って固定ページにショートコード挿入した方が簡単かと思います。

おすすめは「W4 Post List」です。いろいろな切り口で記事の一覧が作れ、固定ページや投稿の中にショートコードで挿入できます。

公式ページは
https://wordpress.org/plugins/w4-post-list/

※コードでやりたい場合はこの回答を無視していただいて結構です

Comments

[退会済みユーザー]

ありがとうございます。プラグインも考えたのですがあのデザインでないとダメなのでなんとかコードで頑張ってみます。教えていただいたのに申し訳ないです。参考にはさせていただきます。

[退会済みユーザー]

ちなみにW4 Post Listを入れた場合、質問にある画像のようなデザインにはできるでしょうか？できるのであればプラグインを使いたいです。

[momosiri]

CSSがお分かりであれば上のように表示することは可能です。CSSについてはご自身で勉強してみてください。

[退会済みユーザー]

CSSはある程度理解しているつもりなので利用してみます！ありがとうございます。

[退会済みユーザー]

すいません。PHPを書き込むことは可能でしょうか？プラグインをインストールしてみるとCSSとJavaScriptしか使えないようですが…。

[momosiri]

PHPは動作しません。各項目の設定とテンプレートでの情報引き出しを使って一覧を作ります。詳しくは公式ページなどを参照ください。

[退会済みユーザー]

ありがとうございます。見てみます！