Hướng dẫn tạo Feature Images cho các chủ đề trong trang Discourse

Hướng dẫn tạo Feature Images cho các chủ đề trong trang Discourse

Hướng dẫn tạo Feature Images cho các chủ đề trong trang Discourse, nghe có thể khá lạ với những người mới dùng WordPress sang. Thật ra, Discourse là một nền tảng thảo luận diễn đàn nên việc hiển thị Feature Images có phần không cần thiết. Dẫu vậy, đôi khi chúng ta lại muốn hiển thị Feature Images để giúp giao diện trở nên sinh động và bớt nhàm chán hơn. Trong bài này, mình sẽ hướng dẫn bạn sử dụng một Plugin rất nổi tiếng của Discourse để giúp hiển thị Feature Images.

Bài viết này là một phần của bài viết:

Mình đã xây dựng một website Forum bằng Discourse như thế nào?

Đây là một giao diện thuần túy của Discourse khi không có Feature Images:

Hướng dẫn tạo Feature Images cho các chủ đề trong trang Discourse

Và đây là khi hiển thị Feature Images, sinh động hơn rất nhiều:

Hướng dẫn tạo Feature Images cho các chủ đề trong trang Discourse

Để bắt đầu, trước tiên bạn cần phải hiểu rõ cách cài đặt một plugin trong Discourse, thật ra nó khá dễ thôi – chỉ có cái là nó hơi lâu, chỉ cần 2 phút để làm theo:

Hướng dẫn cài Plugin cho trang Discourse

Sau khi hiểu được cách cài đặt plugin trong Discourse, bạn truy cập vào link này: https://meta.discourse.org/t/topic-list-previews. Đây là bài viết chia sẻ plugin Topic List Previews của Angus McLeod, một lập trình viên năng nổ của Discourse. Plugin này giúp bạn có thể hiển thị Feature Images ra bên ngoài.

Cài đặt plugin hoàn tất, chúng ta hãy cùng vào Quản trị (Admin), chọn sang mục Xác lập và search cụm từ “Topic list”, tại đây hệ thống sẽ liệt kê ra toàn bộ các tùy chọn của plugin Topic List Preview.

Hướng dẫn tạo Feature Images cho các chủ đề trong trang Discourse

Bạn cần tùy chỉnh giống như mình để có thể hiển thị Feature Image, tất nhiên bạn có thể tùy chỉnh lại kích thước theo sở thích. Bạn cũng có thể loại bỏ các tùy chọn mà bạn cảm thấy trang Discourse của bạn không thật sự cần.

Hướng dẫn tạo Feature Images cho các chủ đề trong trang Discourse
Các tùy chọn này giúp lựa chọn các hình ảnh cần hiển thị. Mình chọn Lastes và lastes-mobile để nó hiển thị cả Desktop và Mobile.
Hướng dẫn tạo Feature Images cho các chủ đề trong trang Discourse
Phần này tập trung hiển thị thêm phần Excerpt và độ dài của nó. Phần này cũng điều chỉnh kích thước của Feature Images
Hướng dẫn tạo Feature Images cho các chủ đề trong trang Discourse
Phần này giúp bạn thêm tag để hiển thị trên Feature lớn.

Và đây là kết quả mà mình đã custom trong 1 dự án của mình.

Hướng dẫn tạo Feature Images cho các chủ đề trong trang Discourse

Đây vậy là xong rồi đúng hông. Plugin này sẽ tự động lấy tấm ảnh đầu tiên làm Feature Image nha. 🎉

Bài viết tương tự:

Đánh giá bài viết:

Twitter
Facebook
LinkedIn
Email
Print