December 30, 2024
1 min read

We are going to show some related posts on the blog single page. Here the trick is very simple. We are going to show post from the same category (you can use tag also) and we will make the post appear randomly so it looks like the same as the related post. Also, we will hide the current post that we are reading from the related post. let do it with the simple code.

You need to put this code on sidebar or bottom of main post at single.php or your custom post type single php

single.php
<?php
/**
 * Related post code
 *
 * code from https://www.mukto.info
 *
 * You can use same code for custom post type and taxomoy as well
 */
//get the taxonomy terms of custom post type
$customTaxonomyTerms = wp_get_object_terms( $post->ID, 'category', array('fields' => 'ids') );

//query arguments
$args = array(
    'post_type' => 'post',
    'post_status' => 'publish',
    'posts_per_page' => 5,
    //show random posts
    'orderby' => 'rand',
    'tax_query' => array(
        array(
            'taxonomy' => 'category',
            'field' => 'id',
            'terms' => $customTaxonomyTerms
        )
    ),
    //hide current post from the list
    'post__not_in' => array ($post->ID),
);
$query = new WP_Query( $args );

            ?>

<?php if( $query->have_posts() ) : ?>
<ul>
    <?php while ( $query->have_posts() ) : $query->the_post(); ?>
    <li> <a href="<?php the_permalink(); ?>"><?php the_title() ?>
        </a></li>
    <?php endwhile; ?>
</ul>
<?php endif; ?>

<?php wp_reset_query(); ?>

Wohoo we are done with simple code. You can customize html to give your desire look. Make sure you have more then 1 post on that taxonomy.

Leave a Reply

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

Get WooCommerce product info

Show product info in the place as you wish to. It help you to make your custom woocommerce product page layout.

Jquery Replace specific text in all element

Scenario Imagine you have a set of elements with the class specific_class, and they all contain the phrase “old text.” You want to replace this phrase with “New text” programmatically. The Solution Here’s a simple jQuery script to achieve this: How It Works Things to Keep in Mind Extending the Script jQuery provides a quick […]

Most View or Popular Post on WordPress

WordPress Post query by user views without plugin and simple code snippet

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.

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.