Related posts wordpress without plugin

<?php
/**
 * Blog Template Part for displaying single blog related posts
 *
 * @package Thype
 * @subpackage Blog Parts
 * @since 1.0.0
 *
 */


$the_query = codeless_get_related_posts( get_the_ID(), 4 );
global $cl_from_element;
$cl_from_element['is_related'] = true;						
// Display posts
if ( $the_query->have_posts() ) : 

?>
<div class="cl-entry-single-section cl-entry-single-section--related">
  <h6 class="cl-entry-single-section__title cl-custom-font"><?php echo esc_attr__( 'Related Posts', 'thype' ) ?></h6>
  <div class="cl-blog cl-blog--style-simple-no_content cl-blog--module-carousel">
    <div class="cl-blog__list cl-items-container cl-carousel owl-carousel owl-theme" data-dots="1" data-nav="0" data-items="2" data-responsive='{"0": {"items":1}, "992": { "items":2 } }'>
      <?php $i = 0;
        while ( $the_query->have_posts() ) : $the_query->the_post();
        

        if( has_post_thumbnail() ){
          get_template_part( 'template-parts/blog/style-simple-no_content' );
          $i++;
        }
          
        if( $i == 2 )
          break;

        endwhile;
      ?>
    </div>
  </div>
</div>

<?php endif; 

wp_reset_query();
$cl_from_element['is_related'] = false;
?>

Source: codeless.co

Similar codes

2 votes331 views2 answers
How to input elements in list in python using for loop
TypeScript
0 vote440 views2 answers
Typescript cannot find namespace
TypeScript
0 vote298 views1 answer
Add custom text after title of products on achive page
TypeScript
0 vote336 views1 answer
Order documents in firestore
TypeScript
2 votes323 views2 answers
Vue 3 setup props typescript
TypeScript
0 vote286 views1 answer
Can only use lower 16 bits for requestCode registerForActivityResult
TypeScript
5 votes299 views1 answer
Cheats for dino game chrome
TypeScript
0 vote384 views1 answer
Reorder inline-block elements css
TypeScript
0 vote308 views1 answer
A "region" configuration value is required for the "s3" service (e.g., "us-west-2"). A list of available public regions and endpoints can be found at http://docs.aws.amazon.com/general/latest/gr/rande.html.
TypeScript
0 vote374 views1 answer
How to create nest without spec test filefile
TypeScript