让我更好地解释一下,我有两个类别,我想显示一个有两列的页面,每个类别一列,之后我想在同一行中显示每个类别的每一篇文章,只是为了独立于文本的长度应用相同的背景色。
做这样的事最简单和正确的方法是什么?
提前感谢,问候!
编辑:添加我使用的查询。
<?php
// for a given post type, return all
$post_type = \'evento\';
$tax = \'categorias-eventos\';
$tax_terms = get_terms($tax);
$post_counter = 0; // reset so we can generate columns
$paged = (get_query_var(\'paged\')) ? get_query_var(\'paged\') : 1;
if ($tax_terms) { ?>
<ul class="column_wrap" style="width:45%; float:left;">
<?php foreach ($tax_terms as $tax_term) {
$args = array(
\'post_type\' => $post_type,
"$tax" => $tax_term->slug,
\'post_status\' => \'publish\',
\'posts_per_page\' => 6,
//\'posts_per_page\' => -1,
//\'paged\' => $paged,
\'orderby\' => \'title\',
\'order\' => \'ASC\',
\'caller_get_posts\' => 1
); // END $args
$my_query = null; // clear the query variable
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) { ?>
<li class="column_row" style="float:left;">
<h4><?php echo $tax_term->name; ?></h4>
</li>
<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li class="column_row" style="float:left;">
<div class="retailer_wrap retailer_id-<?php the_ID(); ?>">
<p><strong><?php the_title(); ?></strong></p>
<p><?php echo get_post_meta($post->ID, \'eventdate\', true);?></p>
<p><?php echo get_post_meta($post->ID, \'eventplace\', true);?></p>
</div>
</li>
<?php $post_counter++; ?>
<?php if ( 0 == $post_counter % 6 ) { ?>
</ul>
<ul class="column_wrap noneed" style="width:45%; float:left;">
<?php } // END if $post_counter ?>
<?php
endwhile;
//wp_pagenavi( array( \'query\' => $my_query ) );
} // END if have_posts loop
wp_reset_query();
} // END foreach $tax_terms ?>
</ul>
<?php } // END if $tax_terms
?>
编辑2:添加我想要接近的最终结果的图像。
两个类别的两列,每个类别的每个帖子都有相同的行高,如何做到这一点?
就像我没有足够的权限发布图片一样,这是指向该图片的链接。enter link description here