Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > Wordpress Tips > Hướng dẫn tạo Widget hiển thị bài viết liên quan trong wordpress
Hướng dẫn tạo Widget hiển thị bài viết liên quan trong wordpress
Nguyễn Trung Hiếu
Share Code Web Company 2013

Hướng dẫn tạo Widget hiển thị bài viết liên quan trong wordpress

Hôm nay, sharecodeweb sẽ mở đầu một loạt các bài viết hướng dẫn các bạn tạo các widget cho WordPress, mở đầu danh sách này sẽ là nội dung rất được quan tâm: Hiển thị các bài viết liên quan

Loạt bài viết về Create Widget WordPress

Demo ảnh

Việc tạo danh sách Related Posts giúp cho độc giả của bạn tương tác với blog lâu hơn, đưa được nhiều thông tin cho người đọc nhiều hơn. Và trên internet đã có rất nhiều bài viết giúp bạn tạo phần related post này một cách nhanh nhất, nhưng chủ yếu là can thiệp trực tiếp vào code. Còn bài viết này sẽ hướng dẫn bạn tạo dưới dạng một widget.
widget hiển thị bài viết liên quan trong wordpress
Sử dụng widget sẽ tạo cho blog của bạn có tính linh hoạt và cơ động nhiều hơn, và người sử dụng có tùy biến cao hơn, thích thì kéo thả, không thích thì có thể bỏ đi một cách rất dễ dàng.

Tạo Widget Contructor

Bạn có thể tạo một file có tên Widget-Related.php riêng, hoặc có thể paste ngay đoạn này vào trong file function của bạn cũng được.

Hàm register_widget sẽ gọi đến một class có tên related_post_widget với nội dung file bên dưới

Widget Function

Hàm này làm nhiệm vụ hiển thị ra bên ngoài sidebar của bạn

Ở đây, bạn chú ý chúng ta đã cho phép hiển thị tùy chọn có ảnh thì hiện, không có ảnh sẽ hiển thị ra một ảnh mặc định nào đó.

Update Function

Hàm này làm nhiệm vụ update những thay đổi bên trong quản trị admin của bạn

Form Function

Hàm này sẽ tạo bên trong quản trị Widget một form cho phép người dùng nhập tên, và số lượng hiển thị bài viết liên quan

Style Widget

Cuối cùng là style cho các item của widget sao cho đẹp ý bạn nhé, ở đây mình làm đơn giản thôi

Download code

Vậy là đã xong rồi đó, chúc bạn có một blog đẹp!
Trong file bên dưới chỉ có một file relatedpost.php, bạn include vào file function của bạn và thực hiện css cho đẹp nhé

Related Posts

Tác giả: Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com

Leave a comment

Bạn phải Đăng nhập để tham gia bình luận.

https://sharecodeweb.net/?s={search_term_string}

Blog Stats

  • 4.006 hits
%d bloggers like this: