Thursday, June 6, 2013

Code Tạo bài viết liên quan trong wordpress


Hôm nay mình giới thiệu với các bạn hai cách hiển thị các bài viết liên quan trong wordpress đó là hiển thị theo từ khóa (tags) và hiển thị theo thể loại (categories).
Nếu theo dõi các bài của mình thì có thể các bạn đã làm được một số việc quan trọng rồi đúng k nào, chẳng hạn thiết kế được theme wordpress đơn giản với các tính năng đơn giản. hì… Hôm nay chúng ta sẽ làm mở rộng hơn một tí đó là hiển thị các bài viết liên quan trong WordPress
Bạn có thể sử dụng plugin để làm vấn đề này không sao cả tuy nhiên chủ đề mình là thiết kế theme nên chúng ta sẽ dùng các không xài plugin mà tự code vào.
Đầu tiên chúng ta cần xác định các bài post liên quan chỉ hiển thị ở trang chi tiết bài post hay nói cách khác đó là file single.php của chúng ta. Do chỉ hiển thị ở 1 trang duy nhất nên ta code trên đây lun khỏi viết hàm cho khổ. hì…

Hiển thị bài viết liên quan theo tags
Bạn vào trong file single.php, thông thường là sẽ ở dưới cùng sau khi kết thúc nội dung bài viết chúng ta sẽ đặt các bài viết liên quan tại đây. Bạn copy đoạn code sau vào.
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
30
31
32
33
Cách này sẽ cho phép hiển thị các bài có cung tag, bạn có thể thay đổi số lượng bài hiển thị tại nơi mình chú thích.
Hiển thị bài viết liên quan theo Categories
Tương tự như trên chỉ cần thay đổi một ít là dc! Bạn đổi đoạn code trên thay bằng đoạn code dưới đây.
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
30
31
32
Sau đó bạn save lại và test. Tùy rằng mới hiển thị giao điện hơi cùi nhưng không sao bạn style lại sẽ đẹp thôi. Dưới đây là bản style lại của mình cũng như kết quả bài hôm nay ta được.
Tạo bài viết liên quan trong wordpress
Bài viết liên quan trong wordpress
Kết luận: Vậy là xong nha các bạn. lưu ý anh em một điều là khi bị lầm lẫn bài viết với comment không đúng với nhau có nghĩa là comment này phải là bài này mà nó hiển thị ở bài khác, bạn phải reset truy vấn khi hiển thị tin để tránh nhọc nhằn code. Chúc thành công !

No comments:

Post a Comment