December 30, 2024
1 min read
WordPress Next and Previous Post

Wodpress next and previous post navigation is very important to increase visitor spending time on your site.

TO show the next and previous post we can use this code in any single.php page. First, let’s call 2 variable

Vairable
<?php 
$previous = get_previous_post();
$next = get_next_post();
 ?>

Then use this code for previous post

Previous post
<?php if ( get_previous_post() ) {?>
<a href="<?php echo get_the_permalink($previous) ?>">
    <img src="<?php echo get_the_post_thumbnail_url($previous) ?>" alt="">
    <div>
        <h3> <?php echo get_the_title($previous) ?></h3>
        <p> PREV</p>
    </div>
</a>
<?php }?>

This one for Next post of that post type

Next Post
<?php if ( get_next_post() ) {?>
<a href="<?php echo get_the_permalink($next) ?>">
    <img src="<?php echo get_the_post_thumbnail_url($next) ?>" alt="">
    <div>
        <h3> <?php echo get_the_title($next) ?></h3>
        <p>Next</p>
    </div>
</a>
<?php }?>

That’s simple. It work on custom post single page too. šŸ˜‰

Leave a Reply

Your email address will not be published. Required fields are marked *

WooCommerce Discount based on Cart Item

A discount on the total order with condition based on our cart item

Preventing Duplicate Email Submissions in Elementor Pro Forms

Prevent users from submitting the same email multiple times in an Elementor Pro form with this simple code.

Protected: WP user Login Notification

There is no excerpt because this is a protected post.

Random slide order in slickĀ sider

Change slick carousel slide order randomly

Web Development Project in mind?

if you looking for a web developer for paid contribution to your project I am available for work.

Mukto
Mukto

Click the button below to chat with me.