Bạn thường vào một số web có chèn bài viết dạng gợi ý giữa bài đăng thực tế đó là bài viết ngẫu nhiên trong wordpress làm cách nào để tạo được như thế ?
Hôm nay Flatsome.xyz sẽ chỉ cho bạn cách tạo ra như thế 🙂
Cách thêm bài viết ngẫu nhiên trong wordpress vào giữa bài đăng blog
Thống kê bài viết
để để Hình dùng bạn xem vị trí bài viết nó hiện thị giữa blog 1 cách ngẫu nhiên và tự động
bắt tay vào làm nhé
CÓ THỂ BẠN QUAN TÂM
- Cách kick hoạt theme Flatsome bản quyền mới nhất 2022 09/2023
- Thêm Block Share cho web theme Flatsome 09/2023
- Tìm Hiểu về 4 thuộc tính position trong CSS 09/2023
- SALE TƯNG BỪNG – MỪNG NĂM MỚI 2023 09/2023
- WP Content Crawler – cách lấy hình Lazy-loading images về web wordpress 09/2023
- [Hỏi – Đáp] DataTables – jQuery Plugin quản lý table tuyệt hảo 09/2023
Bước 1 : Để tạo bài viết ngẫu nhiên trong wordpress – Thì bạn phải tạo 1 Short có tên là [flatsome-random1]
Thêm đoạn code sau vào trong theme của bạn qua file functions.php ( khuyến khích dùng child theme nhé )
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
/* Flatsome.xyz - Tạo bài đăng ngẫu nhiên */ function flatsome_rand_posts() { $args = array( 'post_type' => 'post', 'orderby'=> 'rand', 'posts_per_page' => 5, ); $the_query = new WP_Query( $args ); if ( $the_query->have_posts() ) { $string .= '<ul>'; while ( $the_query->have_posts() ) { $the_query->the_post(); $string .= '<li><a href="'. get_permalink() .'">'. get_the_title() .'</a></li>'; } $string .= '</ul>'; wp_reset_postdata(); } else { $string .= 'no posts found'; } return $string; } add_shortcode('flatsome-random1','flatsome_rand_posts'); add_filter('widget_text', 'do_shortcode'); |
Đoạn code trên tạo cho ta được 1 short có tên là [flatsome-random1]
tiếp đến là nhét bài Ramdom này vào giữa bài đăng bằng đoạn code chèn quảng cáo vào giữa bài đăng như mình đã giới thiệu
code tiếp bên dưới đoạn code trên trong file functions.php nhé
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
//Chèn Short [flatsome-random1] vào giữa bài đăng add_filter( 'the_content', 'insert_post_ads' ); function insert_post_ads( $content ) { $ad_code = '<div class="blog_noibat"> <h3> CÓ THỂ BẠN QUAN TÂM </h3> [flatsome-random1] </div>'; if ( is_single() && ! is_admin() ) { return prefix_insert_after_paragraph( $ad_code, 3, $content ); } return $content; } function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) { $closing_p = '</p>'; $paragraphs = explode( $closing_p, $content ); foreach ($paragraphs as $index => $paragraph) { if ( trim( $paragraph ) ) { $paragraphs[$index] .= $closing_p; } if ( $paragraph_id == $index + 1 ) { $paragraphs[$index] .= $insertion; } } return implode( '', $paragraphs ); } |
Bạn để ý đoạn
|
1 2 3 4 |
<div class="blog_noibat"> <h3> CÓ THỂ BẠN QUAN TÂM </h3> [flatsome-random1] </div> |
Tớ đã chèn class vào blog_noibat
CSS Cho đẹp chút nhé
|
1 2 3 4 5 6 7 8 |
.blog_noibat { padding: 8px 35px 8px 14px; margin: 20px 0; text-shadow: 0 1px 0 rgb(255 255 255 / 50%); border: 1px solid #BCE8F1; border-radius: 4px; background-color: #D9EDF7; } |
OK view lại và xem nảy giờ mình làm được gì nào 🙂
nếu các bạn không làm được hoặc các thao tác lỗi , vui lòng commen bên dưới mình sẽ giúp nhé
Chúc các bạn thành công !