Exclude Current Post in Recent Posts Shortcode

bartenderonduty · January 16, 2019, 1:52pm

Hi Themeco Team,

At the bottom of my posts, I am using your Recent Posts shortcode to display other articles a user may like. However, the shortcode displays the current post in the recent posts list. Is there any way to have the recent posts shortcode exclude the current post?

Prior to reaching out to you I found this post about my topic: https://theme.co/apex/forum/t/recent-posts-exclude-current-post/5078. I added the code to my functions.php file but it does not appear to be working. Can you provide an update to the code or a better way to exclude the current post from the recent posts shortcode?

Thank you!

thai · January 16, 2019, 6:58pm

Hi There,

Please try updating the custom code to this:

function x_shortcode_recent_posts_v3( $atts ) {
  extract( shortcode_atts( array(
    'id'           => '',
    'class'        => '',
    'style'        => '',
    'type'         => 'post',
    'count'        => '',
    'category'     => '',
    'offset'       => '',
    'orientation'  => '',
    // 'show_excerpt' => 'true',
    'no_sticky'    => '',
    'no_image'     => '',
    'fade'         => ''
  ), $atts, 'x_recent_posts' ) );

  $allowed_post_types = apply_filters( 'cs_recent_posts_post_types', array( 'post' => 'post' ) );
  $type = ( isset( $allowed_post_types[$type] ) ) ? $allowed_post_types[$type] : 'post';

  $id            = ( $id           != ''     ) ? 'id="' . esc_attr( $id ) . '"' : '';
  $class         = ( $class        != ''     ) ? 'x-recent-posts cf ' . esc_attr( $class ) : 'x-recent-posts cf';
  $style         = ( $style        != ''     ) ? 'style="' . $style . '"' : '';
  $count         = ( $count        != ''     ) ? $count : 3;
  $category      = ( $category     != ''     ) ? $category : '';
  $category_type = ( $type         == 'post' ) ? 'category_name' : 'portfolio-category';
  $offset        = ( $offset       != ''     ) ? $offset : 0;
  $orientation   = ( $orientation  != ''     ) ? ' ' . $orientation : ' horizontal';
  // $show_excerpt  = ( $show_excerpt == 'true' );
  $no_sticky     = ( $no_sticky    == 'true' );
  $no_image      = ( $no_image     == 'true' ) ? $no_image : '';
  $fade          = ( $fade         == 'true' ) ? $fade : 'false';

  $js_params = array(
    'fade' => ( $fade == 'true' )
  );

  $data = cs_generate_data_attributes( 'recent_posts', $js_params );

  global $post;

  $output = "<div {$id} class=\"{$class}{$orientation}\" {$style} {$data} data-fade=\"{$fade}\" >";

    $q = new WP_Query( array(
		'orderby'             => 'date',
		'post_type'           => "{$type}",
		'posts_per_page'      => "{$count}",
		'offset'              => "{$offset}",
		"{$category_type}"    => "{$category}",
		'ignore_sticky_posts' => $no_sticky,
		'post__not_in'        => array($post->ID)
    ) );

    if ( $q->have_posts() ) : while ( $q->have_posts() ) : $q->the_post();

      if ( $no_image == 'true' ) {
        $image_output       = '';
        $image_output_class = 'no-image';
      } else {
        $image              = wp_get_attachment_image_src( get_post_thumbnail_id(), 'entry-cropped' );
        $bg_image           = ( $image[0] != '' ) ? ' style="background-image: url(' . $image[0] . ');"' : '';
        $image_output       = '<div class="x-recent-posts-img"' . $bg_image . '></div>';
        $image_output_class = 'with-image';
      }

      // $excerpt = ( $show_excerpt ) ? '<div class="x-recent-posts-excerpt"><p>' . preg_replace('/<a.*?more-link.*?<\/a>/', '', cs_get_raw_excerpt() ) . '</p></div>' : '';

      $output .= '<a class="x-recent-post' . $count . ' ' . $image_output_class . '" href="' . get_permalink( get_the_ID() ) . '" title="' . esc_attr( sprintf( csi18n('shortcodes.recent-posts-permalink'), the_title_attribute( 'echo=0' ) ) ) . '">'
                 . '<article id="post-' . get_the_ID() . '" class="' . implode( ' ', get_post_class() ) . '">'
                   . '<div class="entry-wrap">'
                     . $image_output
                     . '<div class="x-recent-posts-content">'
                       . '<h3 class="h-recent-posts">' . get_the_title() . '</h3>'
                       . '<span class="x-recent-posts-date">' . get_the_date() . '</span>'
                       // . $excerpt
                     . '</div>'
                   . '</div>'
                 . '</article>'
               . '</a>';

    endwhile; endif; wp_reset_postdata();

  $output .= '</div>';

  return $output;
}

add_action('wp_head', 'change_recent_posts_to_v3');
function change_recent_posts_to_v3() {
  remove_shortcode( 'x_recent_posts' );
  remove_shortcode( 'recent_posts' );
  add_shortcode( 'recent_posts', 'x_shortcode_recent_posts_v3' );
  add_shortcode( 'x_recent_posts', 'x_shortcode_recent_posts_v3' );
}

Would you mind providing us with login credentials(by clicking on the Secure Note button at the bottom) so we can take a closer look? To do this, you can make a post with the following info:

Link to your site
WordPress Admin username / password
FTP credentials

Thanks.

bartenderonduty · January 17, 2019, 1:51am

Thank you for providing updated custom code, it works! Do you still need login creds?

paul.r · January 17, 2019, 9:01am

Hi,

No need for the login.

Glad to know it works.

Have a great day!

bartenderonduty · January 17, 2019, 5:51pm

Thanks again!

ruenel · January 17, 2019, 11:16pm

You’re welcome!
We’re glad our staff were able to help you out.

bartenderonduty · January 19, 2019, 4:02pm

Quick follow up question… Is there a way to make the posts randomly populate in no particular order, instead of most recent ones first?

rad · January 19, 2019, 5:09pm

Hi @bartenderonduty,

It’s possible by just changing this line

'orderby' => 'date',

with this

'orderby' => 'rand',

Thanks!

bartenderonduty · January 19, 2019, 5:21pm

Excellent, thank you!

The only issue with this is when I have multiple rows it will often show the identical post more than once, but in separate rows. For example, I’m using the following shortcode:

[recent_posts count=“3” orientation=“horizontal”] [recent_posts count=“3” orientation=“horizontal” offset=“3”]

When set to “random”, the same post sometimes shows up in both row 1 and row 2. Can you suggest a way to prevent duplicate posts from populating in the shortcode?

rad · January 19, 2019, 6:36pm

Hi @bartenderonduty,

Unfortunately, it’s not possible at this moment. Two instances of the shortcode don’t share the same WP_Query. It works with date order since items within different offset are not always the same.

How about using the bundled Essential Grid plugin? You can display them randomly with your preferred number of rows? Please check this https://theme.co/apex/forum/t/extension-essential-grid/68

Thanks!

bartenderonduty · January 20, 2019, 1:38am

Thank you for the suggestions. I am trying to avoid using third party plugins, just to keep the site lightweight. I’ll use the shortcode for now.

I appreciate your help!

ruenel · January 20, 2019, 1:41am

No problem.
If you need anything else we can help you with, don’t hesitate to open another thread.

bartenderonduty · January 21, 2019, 4:44am

Actually, I do have a couple additional questions I’m hoping you can help with…

I am also trying to show the custom post excerpt and maybe a ‘read more’ button with the recent posts shortcode. I found this support request, which might be what I’m looking for, but I’m not sure if there will be conflicts with the code you already provided if I were to add this to my functions file. Can you confirm?

Lastly, can you suggest a way to remove the hover overlay and icon on post previews (recent posts, etc.), and have longer titles wrap instead of cutting off with a ‘…’ ?

Thank you again for your help!

paul.r · January 21, 2019, 10:20am

Hi,

Yes, it will be in conflict with the code that has been provided.

To add excert please change the code that you have added with this

function x_shortcode_recent_posts_v3( $atts ) {
  extract( shortcode_atts( array(
    'id'           => '',
    'class'        => '',
    'style'        => '',
    'type'         => 'post',
    'count'        => '',
    'category'     => '',
    'offset'       => '',
    'orientation'  => '',
     'show_excerpt' => 'true',
    'no_sticky'    => '',
    'no_image'     => '',
    'fade'         => ''
  ), $atts, 'x_recent_posts' ) );

  $allowed_post_types = apply_filters( 'cs_recent_posts_post_types', array( 'post' => 'post' ) );
  $type = ( isset( $allowed_post_types[$type] ) ) ? $allowed_post_types[$type] : 'post';

  $id            = ( $id           != ''     ) ? 'id="' . esc_attr( $id ) . '"' : '';
  $class         = ( $class        != ''     ) ? 'x-recent-posts cf ' . esc_attr( $class ) : 'x-recent-posts cf';
  $style         = ( $style        != ''     ) ? 'style="' . $style . '"' : '';
  $count         = ( $count        != ''     ) ? $count : 3;
  $category      = ( $category     != ''     ) ? $category : '';
  $category_type = ( $type         == 'post' ) ? 'category_name' : 'portfolio-category';
  $offset        = ( $offset       != ''     ) ? $offset : 0;
  $orientation   = ( $orientation  != ''     ) ? ' ' . $orientation : ' horizontal';
   $show_excerpt  = ( $show_excerpt == 'true' );
  $no_sticky     = ( $no_sticky    == 'true' );
  $no_image      = ( $no_image     == 'true' ) ? $no_image : '';
  $fade          = ( $fade         == 'true' ) ? $fade : 'false';

  $js_params = array(
    'fade' => ( $fade == 'true' )
  );

  $data = cs_generate_data_attributes( 'recent_posts', $js_params );

  global $post;

  $output = "<div {$id} class=\"{$class}{$orientation}\" {$style} {$data} data-fade=\"{$fade}\" >";

    $q = new WP_Query( array(
        'orderby'             => 'date',
        'post_type'           => "{$type}",
        'posts_per_page'      => "{$count}",
        'offset'              => "{$offset}",
        "{$category_type}"    => "{$category}",
        'ignore_sticky_posts' => $no_sticky,
        'post__not_in'        => array($post->ID)
    ) );

    if ( $q->have_posts() ) : while ( $q->have_posts() ) : $q->the_post();

      if ( $no_image == 'true' ) {
        $image_output       = '';
        $image_output_class = 'no-image';
      } else {
        $image              = wp_get_attachment_image_src( get_post_thumbnail_id(), 'entry-cropped' );
        $bg_image           = ( $image[0] != '' ) ? ' style="background-image: url(' . $image[0] . ');"' : '';
        $image_output       = '<div class="x-recent-posts-img"' . $bg_image . '></div>';
        $image_output_class = 'with-image';
      }

       $excerpt = ( $show_excerpt ) ? '<div class="x-recent-posts-excerpt"><p style="color:#000;">' . preg_replace('/<a.*?more-link.*?<\/a>/', '', cs_get_raw_excerpt() ) . ' <span style="color:#000;display:block;">Read More</span></p></div>' : '';

      $output .= '<a class="x-recent-post' . $count . ' ' . $image_output_class . '" href="' . get_permalink( get_the_ID() ) . '" title="' . esc_attr( sprintf( csi18n('shortcodes.recent-posts-permalink'), the_title_attribute( 'echo=0' ) ) ) . '">'
                 . '<article id="post-' . get_the_ID() . '" class="' . implode( ' ', get_post_class() ) . '">'
                   . '<div class="entry-wrap">'
                     . $image_output
                     . '<div class="x-recent-posts-content">'
                       . '<h3 class="h-recent-posts">' . get_the_title() . '</h3>'
                       . '<span class="x-recent-posts-date">' . get_the_date() . '</span>'
                        . $excerpt
                     . '</div>'
                   . '</div>'
                 . '</article>'
               . '</a>';

    endwhile; endif; wp_reset_postdata();

  $output .= '</div>';

  return $output;
}

add_action('wp_head', 'change_recent_posts_to_v3');
function change_recent_posts_to_v3() {
  remove_shortcode( 'x_recent_posts' );
  remove_shortcode( 'recent_posts' );
  add_shortcode( 'recent_posts', 'x_shortcode_recent_posts_v3' );
  add_shortcode( 'x_recent_posts', 'x_shortcode_recent_posts_v3' );
}

Then add this in Theme Options > CSS

.x-recent-posts a:hover .has-post-thumbnail .x-recent-posts-img:after {
    opacity: 0;
}

.x-recent-posts a:hover .has-post-thumbnail .x-recent-posts-img:before {
    opacity: 0;
}

Hope that helps

bartenderonduty · January 22, 2019, 1:43am

Awesome, thank you! Works great!

paul.r · January 22, 2019, 8:22am

You’re welcome!

system · February 1, 2019, 8:22am

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.