我知道 wordpress 循環是這樣完成的： <?php /*MOSTRA NEWS CPT ALLENAMENTO*/ $query_mostra_cpt_allenamento = array( 'post_type' => 'news-allenamento', 'posts_per_page' => 4, 'orderby' => 'meta_value', 'order' => 'ASC', ); $res_cpt_allenamento = new WP_Query( $query_mostra_cpt_allenamento ); if( $res_cpt_allenamento->have_posts() ) : ?> <div style="padding-top: 30px;" class="row"> <?php while( $res_cpt_allenamento->have_posts() ) : $res_cpt_allenamento->the_post(); ?> <!-- Grid row --> <div style="padding-bottom: 10px;padding-top: 10px;" class="col-md-6"> ... </div> <!-- Grid column --> <?php endwhile; ?> </div> <?php endif; wp_reset_postdata(); ?>我將有 4 個帖子col-md-6現在我需要更多東西，或者更確切地說，我想創建一個自動結構，但是，它是以這種方式組成的，我該怎么做？<div class="container"> <div class="row"> <div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6"> <div class="view"> ... </div> </div> <div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6"> <div class="container-fluid"> <div class="row"> <div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6"> <div class="view"> ... </div> </div> </div> </div> </div> </div></div>那會給我這個結果：新聞雜志我怎樣才能用wordpress循環制作這個結構？
1 回答
呼啦一陣風
TA貢獻1802條經驗 獲得超6個贊
一個選項是像這樣拆分查詢：
<?php
/*MOSTRA NEWS CPT ALLENAMENTO*/
$query_mostra_cpt_allenamento = array(
'post_type' => 'news-allenamento',
'posts_per_page' => 1, // return only the first post
'orderby' => 'meta_value',
'order' => 'ASC',
'no_found_rows' => true,
);
/*MOSTRA NEWS CPT ALLENAMENTO*/
$query_mostra_cpt_allenamento_after = array(
'post_type' => 'news-allenamento',
'posts_per_page' => 3,
'offset' => 1,// start from the second post
'orderby' => 'meta_value',
'order' => 'ASC',
'no_found_rows' => true,
);
$res_cpt_allenamento = new WP_Query( $query_mostra_cpt_allenamento );
$res_cpt_allenamento_after = new WP_Query( $query_mostra_cpt_allenamento_after ); ?>
<div style="padding-top: 30px;" class="row">
<?php if( $res_cpt_allenamento->have_posts() ) : ?>
<?php while( $res_cpt_allenamento->have_posts() ) : $res_cpt_allenamento->the_post(); ?>
<div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">
<div class="view">
...
</div>
</div>
<?php endwhile; ?>
<?php endif;
wp_reset_postdata();
?>
<?php if( $res_cpt_allenamento_after->have_posts() ) : ?>
<div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">
<div class="container-fluid">
<div class="row">
<?php while( $res_cpt_allenamento_after->have_posts() ) : $res_cpt_allenamento_after->the_post(); ?>
<div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">
<div class="view">
...
</div>
</div>
<?php endwhile; ?>
</div>
</div>
</div>
<?php endif;
wp_reset_postdata();
?>
</div>
另一種選擇是在你的 while 循環中添加一個計數器，檢查你在哪里并采取相應的行動：
<?php
/*MOSTRA NEWS CPT ALLENAMENTO*/
$query_mostra_cpt_allenamento = array(
'post_type' => 'news-allenamento',
'posts_per_page' => 4,
'orderby' => 'meta_value',
'order' => 'ASC',
);
$res_cpt_allenamento = new WP_Query( $query_mostra_cpt_allenamento );
$i = 0;
if( $res_cpt_allenamento->have_posts() ) : ?>
<div style="padding-top: 30px;" class="row">
<?php while( $res_cpt_allenamento->have_posts() ) : $res_cpt_allenamento->the_post(); $i++; ?>
<?php if ($i < 2) : ?>
<div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">
<div class="view">
...
</div>
</div>
<div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">
<div class="container-fluid">
<div class="row">
<?php else : ?>
<div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">
<div class="view">
...
</div>
</div>
<?php endwhile; ?>
</div>
</div>
</div>
</div>
<?php endif;
wp_reset_postdata();
?>
不確定結構，但這是邏輯
- 1 回答
- 0 關注
- 115 瀏覽
添加回答
舉報
0/150
提交
取消