Trong Flatsome hiện chưa có bài viết liên quan cùng danh mục vì vậy bạn cần phải bổ xung nó vào ở dưới phần bài viết, bạn hãy chép đoạn code dưới đây vào functions.php và sau đó vào Giao diện -> Tùy Biến -> Blog Single Post sau đó chèn với shortcode dưới đây
[code_wp_related_posts count="3" title="Bài viết liên quan"]
function code_wp_related_posts_shortcode( $atts ) { $atts = shortcode_atts( array( 'count' => 3, 'title' => 'Bài viết liên quan' ), $atts ); $post_id = get_the_ID(); $categories = get_the_category( $post_id ); if ( ! empty( $categories ) ) { $category_ids = array(); foreach ( $categories as $category ) { $category_ids[] = $category->term_id; } $related_posts_args = array( 'post__not_in' => array( $post_id ), 'posts_per_page' => $atts['count'], 'category__in' => $category_ids, 'orderby' => 'rand', ); $related_posts_query = new WP_Query( $related_posts_args ); $output = '<div class="container section-title-container"><h3 class="section-title section-title-normal"><b></b><span class="section-title-main">'.$atts['title'].'</span><b></b></h3></div><div class="row large-columns-3 medium-columns- small-columns-1">'; if ( $related_posts_query->have_posts() ) { while ( $related_posts_query->have_posts() ) { $related_posts_query->the_post(); $output .= '<div class="col post-item">'; // Mở col $output .= '<div class="col-inner">'; $output .= '<div class="box box-text-bottom box-blog-post has-hover">'; $output .= '<div class="box-image">'; $output .= '<div class="image-cover" style="padding-top:56%;">'; $output .= '<a href="' . get_the_permalink() . '" class="plain" aria-label="' . get_the_title() . '">'; $output .= get_the_post_thumbnail( get_the_ID(), 'medium', array( 'class' => 'attachment-medium size-medium wp-post-image', 'loading' => 'lazy' ) ); $output .= '</a>'; $output .= '</div>'; $output .= '</div>'; $output .= '<div class="box-text text-left">'; $output .= '<div class="box-text-inner blog-post-inner">'; $output .= '<h5 class="post-title is-large">'; $output .= '<a href="' . get_the_permalink() . '" class="plain">' . get_the_title() . '</a>'; $output .= '</h5>'; $output .= '<div class="is-divider"></div>'; $output .= '<p class="from_the_blog_excerpt">'; $output .= get_the_excerpt(); $output .= '</p>'; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; } wp_reset_postdata(); } else { $output .= '<p>Không có bài viết liên quan nào.</p>'; } $output .= '</div>'; return $output; } return ''; } add_shortcode( 'code_wp_related_posts', 'code_wp_related_posts_shortcode' );
Và đây là thành quả mình.
Bài viết liên quan