Next Post Order | DesignWall

Simon Macson
asked 9 years ago

Hello,

I would like the ‘Read Next’ link at the bottom of posts to show the more recent post chronologically (rather than going back historically). Is there a way to do this?

For clarity, I have a website that runs like a book with a new chapter released every week. If a visitor is on chapter 5, I would like the Read Next panel to take them to the more recent chapter 6 (rather than chapter 4).

Many thanks in advance,

Simon

3 Answers

DominicStaff
answered 9 years ago

Hi,
To resolve this issue, you can open the wp-content\themes\dw-timeline\templates\content-single.php file. Add the following code under line 10.

<div class="post-naviagtion">
    <span class="prev-post">
    <?php previous_post_link(); ?> 
    </span>
    <span class="next-post">
     <?php next_post_link(); ?> 
    </span>
    </div>

Then add the following code to the style.css file:

.single-post .post-naviagtion {
    display: inline-block;
    width: 100%;
}
.single-post .prev-post {
    float: left;
    width: 50%;
}
.single-post .next-post {
    float: right;
    width: 50%;
}
.post-naviagtion a {
    color: #21759b;
}
.post-naviagtion span {
    font-size: 24px;
    color: #21759b;
}

Note: All the posts within Same Category.
Hope this helps !

Simon Macson
answered 9 years ago

Many thanks for swift response, though perhaps I was not clear enough…

I actually want the whole footer panel with featured image to show the next post, not the previous.

Simon

DominicStaff
answered 9 years ago

You can add the following code under line 10 of the content-single.php file:

<div id="cooler-nav" class="navigation">
                <?php $prevPost = get_previous_post(true);
          if($prevPost) {?>
          <div class="nav-box previous" style="float:left;">
                    <?php $prevthumbnail = get_the_post_thumbnail($prevPost->ID, array(60,60) );}?>
                    <?php previous_post_link('%link',"$prevthumbnail  %title", TRUE); ?>
          </div>

                <?php $nextPost = get_next_post(true);
          if($nextPost) { ?>
                <div class="nav-box next" style="float:right;">
          <?php $nextthumbnail = get_the_post_thumbnail($nextPost->ID, array(60,60) ); } ?>
          <?php next_post_link('%link',"$nextthumbnail  %title", TRUE); ?>
                    </div>
                </div><!--#cooler-nav div -->

Then add the following code to the style.css file:

.single-post .navigation { display: inline-block; width: 100%; }
#cooler-nav{clear: both; height: 100px;}
#cooler-nav .nav-box{background: #e9e9e9; padding: 10px;}
#cooler-nav img{float: left; margin: 0 10px 0 0;}
#cooler-nav .previous{float: left; vertical-align: middle; width: 250px;}
#cooler-nav .next{float: right; width: 250px;}

Note: If you don’t want to use the previous post, you can add the following code:
#cooler-nav .previous { display: none; }

Hope this helps !

simonmacson
replied 9 years ago

Hi Dominic,

That still doesn’t help I’m afraid. I don’t want to add links or images, I simply want to replace the footer ‘Read Next’ panel to display the next post chronologically, not the previous.

Below is a screenshot if that is still not clear:
http://timeline.childrenofgraffiti.com/wp-content/uploads/2015/08/Screen-Shot-2015-08-18-at-07.59.45.png

The selected post is Chapter 3, and I want the read next panel to display Chapter 4, NOT the previous Chapter 2.

I hope that is clearer and you can provide a helpful resolution.

Simon

dominic Staff
replied 9 years ago

To resolve this issue, you can open the \wp-content\themes\dw-timeline-pro\lib\custom.php file. Find the line 38.
Replace the following code:
$adjacent_post = get_adjacent_post(false,$adjacent_post_exclude);

With new code:
$adjacent_post = get_adjacent_post(false,$adjacent_post_exclude, $next);

Hope this helps !

simonmacson
replied 9 years ago

Perfect – thank you very much for your help!