Hướng dẫn chèn danh sách bài viết liên quan vào giữa bài viết
Hướng dẫn chèn bài viết liên quan vào giữa bài viết mà không cần phải dùng plugin. Vừa rồi có nhiều bạn hỏi về việc làm sao để chèn bài viết liên quan vào giữa bài viết trong wordpress và có 1 số web có hướng dẫn bằng cách sử dụng plugin… nhưng chắc chắc nhiều bạn cũng như mình rất ít thích sử dụng plugin bên ngoài trừ khi là tự mình viết những gì mình cần sài đến còn không thì thôi chứ dùng plugin ngoài thì chắc sẽ có những chức năng dư thừa mà mình không dùng đến làm cho web nó nặng hơn…
Vậy nên hôm nay mình sẽ viết 1 bài hướng dẫn mọi người viết code để chèn bài viết liên quan vào giữa bài viết và đương nhiên là nó rất dễ sử dụng rồi.
Và bạn xem hình trên để thấy trước về demo nhé.
Bắt tay vào viết code chèn bài viết liên quan vào giữa bài viết nào
1. Tạo Shortcode bài viết liên quan
Sử dụng đoạn code sau viết trong file function.php của theme đang dùng.
Đoạn trên là lấy danh sách các bài viết có cùng danh mục với bài viết hiện tại để show ra ngẫu nhiên
- posts_per_page : chính là số bài bạn muốn hiển thị, có thể sửa theo ý bạn.
- orderby : rand là ngẫu nhiên, bạn có thể sắp xếp theo ý bạn nếu muốn
Có thể xem thêm về sắp xếp tại đây
2. Tạo 1 function xác định kết thúc số thẻ </p>
Các đoạn ký tự trong 1 bài viết sẽ ở trong từng thẻ <p> … </p>, lợi dụng thẻ này ta đếm số thẻ <p> trong bài và khi kết thúc thẻ <p> đó ta sẽ chèn shortcode bài viết liên quan đó vào.
Code trên cũng viết trong function.php nhá mọi người.
3. Chèn Shortcode bài viết liên quan ở trên vào khi kết thúc thẻ </p>
code này cũng viết trong file function.php
Với đoạn trên trong đoạn retrurn count_p(…) thì số 2 ở đây là số thẻ P mà mọi người muốn kết thúc sẽ chèn list bài viết liên quan vào.
Làm hết 3 phần trên là đã kết thúc và hoàn thành việc chèn danh sách bài viết liên quan vào giữa bài viết rồi đó, dựa vào code này ta có thể làm ra các chức năng khác tương tự nữa như chèn quảng cáo google vào bài viết … hay chèn các bài viết quảng cáo cho các web bán hàng khác … chủ yếu là ý tưởng muốn làm gì thôi. Nếu mọi người thích mình sẽ chuyển cái này thành plugin và bạn sẽ chủ động làm mọi thứ trong admin chứ không cần phải code gì hết mà chức năng sẽ không bị dư thừa :), chỉ có đủ hoặc thiếu thôi kkk. :v
Thấy thích thì chia sẽ cho mọi người cùng xem và làm động lực để em chia sẽ nhiều thứ khác nữa nhé.
bài viết rất bổ ích
Tuyệt vời 🙂
Mình cũng xin góp ý thêm là bạn nào muốn trang trí các tiêu đề đẹp thì trước thẻ li có thể thêm các icon thông fa-icon nhé . Ví dụ : .
Thank bài góp ý của bạn rất nhiều 🙂
Cho mình hỏi là làm sao để tạo màu nền cho phần related post này được ko
Muốn tạo màu nền cho nó thì bạn dùng css để tạo màu nền như tất cả các thuộc tính khác bình thường nha bạn. Vẫn trong file css của theme
Sao không được vậy ad. Thêm 3 đoạn code ở trên vào funcion.php mà ko dc
của bạn nó hiện như thế nào ? có báo lỗi gì không post lên mình xem
Hi great blog! Does running a blog such as this require a lot of work?
I’ve very little expertise in coding but I was hoping to
start my own blog in the near future. Anyhow, if you have
any recommendations or techniques for new blog owners please
share. I understand this is off subject nevertheless I just had to ask.
Cheers!
Thank and Welcome !
Dc rồi bạn à. Do mình quên chưa xóa Cache.
giờ mình muốn tạo đường viền thì làm sao ad ?
Tạo viền thì css border thôi bạn. Chỉ cần tìm div bao quanh vùng đó và css vd : border:1px solid #ddd; đơn giản vậy thôi 🙂
rất cảm ơn tác giả, !code này có ok cho mọi theme k ạ?
Ok cho mọi theme nha bạn.
Admin ơi cho em hỏi giờ em muốn lấy theo tag thì làm sao ạ?
thay query từ danh mục chuyển sang tab là dc rồi bạn.