How can I intervene in my post loop output to show 3 posts in alternate mark-up, and then resume?
I have a post loop that calls my post card template fragment, card-pair_top.php, to display like this...
But, when the post count is high, it looks repetitive. So, at key points, I want to change the layout for visual variance. I want to use my 'feature' card-overlay.php theme fragment...
I want to do this using the same single WP_Query results, $posts_topic_remainder, rather than make multiple queries, partly as I want to retain tidy pagination.
Specifically, at points 19, 31 or 43 in the while have_posts loop, I'd like to break the column divs, and even the row div, and insert a new nested row mark-up set which itself should display the next three posts using card-overlay.php.
Then it should restore the mark-up and resume displaying the loop contents using card-pair_top.php, until the next break.
Here is the original loop output...
<!-- Posts row -->
<div class="row px-2">
<?php
$i=0;
// Post Loop
while ( $posts_topic_remainder->have_posts() ) {
$posts_topic_remainder->the_post();
// Impose an offset, skip same number used in features above
$i++;
if($i<=$num_features) continue;
// set_query_var( 'tax_slug_to_do', $this_terms_tax_slug );
set_query_var('columns', $post_classes);
// Get Loop template
get_template_part('partials/loops/card', 'pair_top');
}
wp_reset_postdata();
?>
</div><!-- end .row -->
And here is some code where I use a basic conditional to break the divs and introduce a new row...
<!-- Posts row -->
<div class="row px-2">
<?php
$i=0;
// Post Loop
while ( $posts_topic_remainder->have_posts() ) {
$posts_topic_remainder->the_post();
// Impose an offset, skip same number used in features above
$i++;
if($i<=$num_features) continue;
if ($i == 19 OR $i == 31 OR $i == 43) { ?>
</div><!-- break .row of .pair_tops -->
<div class="row showcase pt-4 pb-4">
<!-- CONTENT COLUMN -->
<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
<!-- Posts row -->
<div class="row posts-row">
<?php
/* *********************************** */
/* Features */
/* *********************************** */
echo '<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">';
set_query_var('queried_object',$queried_object);
set_query_var('use_byline', 'true');
if ( $queried_object->slug == 'essays') {
set_query_var('use_source', 'true');
} else {
set_query_var('use_source', 'false');
}
if ($queried_object->name == 'session') {
$card_type = 'overlay_session';
} else {
$card_type = 'overlay';
}
get_template_part('partials/loops/card', $card_type);
echo '</div>';
?>
</div>
</div>
</div>
<div class="row px-2"><!-- resume .row of .pair_tops -->
<?php
}
// Tell loop template which taxonomy to loop through (set above ^)
set_query_var('columns', $post_classes);
// Want to hide last N items for responsive-space reasons? Pass these vars
// Get Loop template
get_template_part('partials/loops/card', 'pair_top');
}
wp_reset_postdata();
?>
</div><!-- end .row -->
That gets me to this, which is half-way...
The issues with my code are...
- Whilst I have successfully introduced an alternate row and displayed a single post, I need to display three. How do I do that? (It is the "Features"
divinside.row .posts-rowwhich must be rendered for three posts). - How do I then stop the three posts in question from being rendered through
card-pair_top.phpsubsequently, when the standard-layout loop resumes?
I'm open to changes of approach.
How can I intervene in my post loop output to show 3 posts in alternate mark-up, and then resume?
I have a post loop that calls my post card template fragment, card-pair_top.php, to display like this...
But, when the post count is high, it looks repetitive. So, at key points, I want to change the layout for visual variance. I want to use my 'feature' card-overlay.php theme fragment...
I want to do this using the same single WP_Query results, $posts_topic_remainder, rather than make multiple queries, partly as I want to retain tidy pagination.
Specifically, at points 19, 31 or 43 in the while have_posts loop, I'd like to break the column divs, and even the row div, and insert a new nested row mark-up set which itself should display the next three posts using card-overlay.php.
Then it should restore the mark-up and resume displaying the loop contents using card-pair_top.php, until the next break.
Here is the original loop output...
<!-- Posts row -->
<div class="row px-2">
<?php
$i=0;
// Post Loop
while ( $posts_topic_remainder->have_posts() ) {
$posts_topic_remainder->the_post();
// Impose an offset, skip same number used in features above
$i++;
if($i<=$num_features) continue;
// set_query_var( 'tax_slug_to_do', $this_terms_tax_slug );
set_query_var('columns', $post_classes);
// Get Loop template
get_template_part('partials/loops/card', 'pair_top');
}
wp_reset_postdata();
?>
</div><!-- end .row -->
And here is some code where I use a basic conditional to break the divs and introduce a new row...
<!-- Posts row -->
<div class="row px-2">
<?php
$i=0;
// Post Loop
while ( $posts_topic_remainder->have_posts() ) {
$posts_topic_remainder->the_post();
// Impose an offset, skip same number used in features above
$i++;
if($i<=$num_features) continue;
if ($i == 19 OR $i == 31 OR $i == 43) { ?>
</div><!-- break .row of .pair_tops -->
<div class="row showcase pt-4 pb-4">
<!-- CONTENT COLUMN -->
<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
<!-- Posts row -->
<div class="row posts-row">
<?php
/* *********************************** */
/* Features */
/* *********************************** */
echo '<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">';
set_query_var('queried_object',$queried_object);
set_query_var('use_byline', 'true');
if ( $queried_object->slug == 'essays') {
set_query_var('use_source', 'true');
} else {
set_query_var('use_source', 'false');
}
if ($queried_object->name == 'session') {
$card_type = 'overlay_session';
} else {
$card_type = 'overlay';
}
get_template_part('partials/loops/card', $card_type);
echo '</div>';
?>
</div>
</div>
</div>
<div class="row px-2"><!-- resume .row of .pair_tops -->
<?php
}
// Tell loop template which taxonomy to loop through (set above ^)
set_query_var('columns', $post_classes);
// Want to hide last N items for responsive-space reasons? Pass these vars
// Get Loop template
get_template_part('partials/loops/card', 'pair_top');
}
wp_reset_postdata();
?>
</div><!-- end .row -->
That gets me to this, which is half-way...
The issues with my code are...
- Whilst I have successfully introduced an alternate row and displayed a single post, I need to display three. How do I do that? (It is the "Features"
divinside.row .posts-rowwhich must be rendered for three posts). - How do I then stop the three posts in question from being rendered through
card-pair_top.phpsubsequently, when the standard-layout loop resumes?
I'm open to changes of approach.
Share Improve this question asked Jun 24, 2019 at 11:13 Robert AndrewsRobert Andrews 9881 gold badge19 silver badges42 bronze badges1 Answer
Reset to default 1There are a number of ways you can break this up. I think you have the right idea though to break it inside of your current loop with $i, but maybe something simple that is readable could be changing this:
if ($i == 19 OR $i == 31 OR $i == 43) { ?>
Into this:
if(
in_array($i, range(19, 21)) ||
in_array($i, range(31, 33)) ||
in_array($i, range(43, 45))
) { ?>
You could take it a deeper and create an array that could control the number you want to start with and an offset of that number to be flagged as a Featured post.
Hope this helps!!
发布者：admin，转转请注明出处：http://www.yc00.com/questions/1745374740a4624948.html
评论列表（0条）