wordpressのループ処理を使ってカテゴリーごと記事を表示させたい

Question

wordpressのテーマを現在自作してます。

そこでカテゴリーごとの一覧を出そうと思っています。
表示はされるのですが中々うまくなりません。

<?php if(in_category('hibilog')):?>
<div class="sectionWrap">
<?php
	$args = array(
	'post_type' => 'post',
	'posts_per_page' => 2,
	'category_name' => 'hibilog'
	);
	$wp_query = new WP_Query($args);
	if ( $wp_query->have_posts() ) {
		while ( $wp_query->have_posts() ){
			the_post();
		$category = get_the_category();
		$cat_name = $category[0]->cat_name;
?>
<div class="column cf">
	<span class="<?php $cat=get_the_category(); $cat=$cat[0]; {echo $cat->slug;}?>"><a href="#"><?php echo $cat_name; ?></a></span>
	<a href="<?php the_permalink(); ?>">
	<div class="img2"><img src="<?php the_post_thumbnail_url(); ?>"></div>
	<h2 class="title"><?php the_title(); ?></h2>
<p>
<?php if(mb_strlen($post->post_content,'UTF-8')>50){
$content= str_replace('\n', '', mb_substr(strip_tags($post-> post_content), 0, 50,'UTF-8'));
echo $content.'……';
}else{
echo str_replace('\n', '', strip_tags($post->post_content));
}
?>
</p>
</a>
</div>
<?php
		}
	}
	wp_reset_postdata();
?>
</div>

<div class="sectionWrap">で囲んでいる記事ですが 現在は ■■←記事 最新の記事2つが表示されて終わってる状態です。 これを ■■ ■■ ■■ という感じで最新から記事がある分だけ<div class="sectionWrap">で囲んでるものを3つ表示させたいです。 よろしくお願いします。

Answer 1

1ページに表示させる投稿が2になってるからではないですか？ここを表示させたい数に変更すれば変わるかと思います。
また、-1にすれば投稿すべて表示されます。
合計6つ表示させたいのであれば、6にして、CSSを修正します。

'posts_per_page' => 6,

<div class="column cf columntwo">
<!--コード-->
</div>

.columntwo{
  width:45%;
  display: inline-block;
}

Comments

[akama_666]

例えば'posts_per_page' => 3,と変更すると並びが
■■■
となってしまうのでそこは2つでいいのかなと思っています。

イメージでは<div class="sectionWrap">の中の<div class="column cf">は
'posts_per_page' => 2,で表示させて
<div class="sectionWrap">は
縦に3回表示させる感じかと思いまして...

そうゆうことはできないのでしょうか。

[unotalk]

追記しました。2×3のレイアウトを作成したいのであれば、合計6表示して、あとはcssで修正というのがいいかと思います。

[akama_666]

ですね、貴重なご意見ありがとうございました。
無事できました。

[unotalk]

無事できたとのことよかったです。