Theme Flatsome đa chức năng nhưng hỗ trợ khá ít về blog, đơn kể là tính năng bài viết liên quan. Trước đây mình đã chia sẻ cách tạo bài viết liên quan có ảnh vào theme Flatsome, và đây là một cách tạo bài viết liên quan theo danh mục cho blog khác để bạn tham khảo.
Đầu tiên cần chèn đoạn code sau vào file functions.php của Child Theme.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | /* Dev by Woovn */ add_shortcode('woovn_posts_related','flatsome_related_posts'); function flatsome_related_posts(){ ob_start(); $categories = get_the_category(get_the_ID()); if ($categories){ echo '<div class="relatedcat">'; $category_ids = array(); foreach($categories as $individual_category) array_push($category_ids, $individual_category->term_id); $my_query = new wp_query(array( 'category__in' => $category_ids, 'post__not_in' => array(get_the_ID()), 'posts_per_page' => 6 )); $ids = wp_list_pluck( $my_query->posts, 'ID' ); $ids = implode(',', $ids); if( $my_query->have_posts() ){ echo '<h3>Bài viết liên quan</h3>'; //echo do_shortcode('[blog_posts style="normal" columns="3" columns__md="2" ids="' . $ids . '" image_height="56.25%" text_align="left"]'); // Slider echo do_shortcode('[blog_posts style="normal" type="row" columns="3" columns__md="2" posts="6" image_height="56.25%" text_align="left" ids="' . $ids . '"]'); // Row } echo '</div>'; } return ob_get_clean(); } |
Sau đó chúng ta chỉ việc chèn shortcode sau vào HTML after blog posts trong Tùy biến ▸ Blog ▸ Blog Single Post
1 2 | <!-- Chèn vào HTML after blog posts --> [woovn_posts_related] |
Chúc các bạn thành công
Nguồn: #WPVNTeam_Flatsome
Bài viết cùng chủ đề:
Bài viết cùng chuyên mục: