Discourse

Hướng dẫn cài đặt theme (giao diện) cho diễn đàn Discourse

Như vậy tới đây bạn nào đang tìm hiểu về cách cài đặt một diễn đàn với mã nguồn mở miễn phí Discourse đã làm được hết rồi đúng không nào? Và như mình nói thì một ưu điểm lớn của Discourse là rất ít plugin và theme cho nó vì cộng đồng sử dụng chưa phát triển nhiều.

Tuy nhiên dù ít những vẫn có rất nhiều giao diện – theme miễn phí mà bạn có thể tải về và sử dụng cho diễn đàn mình.Và bạn có thể tìm các theme được các lập trình viên phát triển và chia sẽ ở đây: https://meta.discourse.org/c/theme

Và trong các số đó theme Material Design Stock Theme , bạn có thể xem demo là diễn đàn hoidap.cheng.vn đó nhé.So với bản gốc của Discourse thì mượt mà và dễ nhìn hơn nhiều đúng không nào 😀

Dưới đây là hình ảnh của bản theme này:

Material Design Stock Theme

Material Design Stock Theme

OK! Bây giờ chúng ta sẽ tiến hành đi cài theme và hướng dẫn này áp dụng cho bất kì theme nào chứ không phải theme ở trên thôi đâu nhé.

Thông thường bản theme được các lập trình phát triển chia sẽ link theme ở github dạng như sau:

https://github.com/discourse/material-design-stock-theme

Công việc bây giờ của bạn là copy lấy link theme đó và đi vào trong quản trị diễn đàn để cài đặt thôi.

Bạn truy cập vào mục quản trị của diễn đàn hoặc vào thẳng đường dẫn cú pháp sau:

tên miền diễn đàn/admin/customize/themes

Bạn xem hình ảnh dưới đây sẽ thấy nhé.

Tải giao diện về

Tải giao diện về

Sau đó vào mục Nhập để nhập url của theme, bạn chọn chế độ Từ Web để nhập vào link theme nhé.Sau khi nhập xong bạn bấm Nhập để tải giao diện về diễn đàn nhé.

Lúc này danh sách theme bên cạnh trái bạn sẽ thấy có theme Material Disign Theme, bạn chọn vào theme đó rồi bấm Check for Updates để nó cập nhật phiên bản mới nhất nhé.

Cập nhật giao diện

Cập nhật giao diện

Sau đó bạn kích hoạt theme lên là bây giờ có thể thay đổi được giao diện của diễn đàn rồi.

Kích hoạt theme cho diễn đàn

Kích hoạt theme cho diễn đàn

Bạn tích xanh vào ô Theme is enabled by default để kích hoạt theme nhé, ngoài ra bạn có thể thay đổi các màu sắc của theme khác nhau ở mục Color Scheme nhé.

Và bây giờ bạn xem thành phẩm của diễn đàn sau khi đã thay đổi theme nhé.

Theme đã cài đặt thành công

Theme đã cài đặt thành công

Khi thay đổi màu sắc theme thì sẽ có một giao diện khác như sau:

Thay đổi màu sắc diễn đàn

Thay đổi màu sắc diễn đàn

Giao diện này khá là đẹp mắt và phẳng đúng không mọi người, thiết kế này là của Google đưa ra cho nền tảng website của họ trước kia.

Vậy là xong, bạn còn chần chừ gì mà không đi thay đổi giao diện cho diễn đàn bạn ngay bây giờ nào.Nếu có thắc mắc hay khó khăn trong quá trình thực hiện thì hãy đăng tải câu hỏi lên diễn đàn ở chuyên mục này nhé, mình sẽ giải đáp với nhau: https://hoidap.cheng.vn/c/discourse

Một số bài viết liên quan về Discourse:

Chúc các bạn thành công.

Hướng dẫn cài đặt theme (giao diện) cho diễn đàn Discourse
5 1 vote

About the author

Cheng

Tôi là Cheng.Blog này lập ra nhằm mục đích chia sẽ những cái gì mình biết và là cái gì mình cũng không rõ.Rất vui khi bạn đã ghé thăm Blog của mình.Hi vọng sẽ giúp ích được gì đó cho bạn.

1 Comment

  • Trên giao diện của discourse mình muốn hiển thị ra menu “all tags” kiểu như “all categories” ý bạn
    Cài đặt như thế nào vậy bạn?

Để lại bình luận

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.