Phần 1: Nhận xét giao diện của moodle và moodle theme.
Xin chào các Moodlers,
Như các bạn đã thấy giao diện moodle không dễ chỉnh sửa theo ý muốn của người sử dụng, nhưng chúng ta vẫn chỉnh sửa được. Hay nói cách khác Moodle theme tính tùy chỉnh không cao bằng: vbulletin, xenforo, wordpress...
1. Theo ý kiến cá nhân của mình, nếu bạn sử dụng Moodle thì bạn nên sử dụng theme mặc định (default theme) như: Clean theme hoặc More theme. Tại sao vậy? Moodle có rất nhiều theme đẹp cho bạn lựa chọn mà? Lí do rất đơn giản - Đó là theme moodle bạn thích có thể không sử dụng được khi bạn nâng cấp bản moodle cao hơn. Chắc bạn cũng không muốn người sử dụng trang moodle của bạn thấy bạn sử dụng một theme khác rồi lại theme khác nữa.
2. Nhưng nếu bạn muốn trang moodle của bạn responsive trang smartphone và tablet thì bạn nên sử dụng các theme của các nhà làm theme. Nhưng chỉ áp dụng cho 2 thiết bị trên thôi.
3. Theo kinh nghiệm của mình nếu bạn có chỉnh sửa bất kì phần nào của theme thì không nên chỉnh sửa trực tiếp trên các file của theme đó, mà bạn nên tạo một file CSS, sau đó upload lên folder chứa theme bạn đang sử dụng như vậy khi bạn nâng cấp hay thay đổi theme thì file đó của bạn vẫn còn - chỉ cần vào file config.php của theme đó khai báo tên themesheet của bạn thôi.
Xin chào các Việt Nam Moodler,
Trong bài viết này, mình sẽ trao đổi về giao diện của moodle và moodle theme. Sau đó, mình sẽ hướng dẫn chỉnh sửa một số giao diện của moodle.
Phần 2: Hướng dẫn chỉnh sửa một số giao diện của moodle. Dự kiến mình sẽ hướng dẫn chỉnh sửa các phần sau đây:
- Bỏ logo của moodle.
- Bỏ login as ở footer.
- Thiết lập Fontpage (trang chủ)
- Đóng khung phần View more (Xem thêm) ở fontpage.
- Chỉnh sửa Navigation (điều hướng) như: bỏ màu nền, tăng cỡ chữ...
- Thay đổi site background color (thay đổi màu nền của trang moodle)
- Hướng dẫn làm footer 3 cột.
- Chỉnh sửa các Block như: canh chỉnh khoảng cách, đóng khung Block headings...
- Chỉnh sửa giao diễn Quiz (Đề thi/ Kiểm tra) như: gộp phần question No., Flag và nội dung câu hỏi thành 1 khối...
- Đóng khung các bài viết trong Forum (Diễn đàn)
* CÁC BẠN XEM CÁC LINK CÁC BÀI VIẾT SẼ ĐƯỢC CẬP NHẬT PHÍA DƯỚI NHA!!!
Go to Site administration > Appearance > Themes >Tên theme muốn chỉnh sửa.
- Như đã nói ở trên khi chỉnh sửa bạn nên:
+ Đầu tiên thử ở Custom CSS để theo dõi.
+ Sau đó cho vào 1 file .css riêng.
+ Nhớ Purge all caches - để thấy sự thay đổi.
1. Gỡ bỏ logo của moodle và login as ở footer như hình dưới.
+ Bạn chỉ cần đoạn code nhỏ này:
- Bỏ logo của moodle
.homelink {display:none}
.sitelink {display:none}
.logininfo {display:none}
Cho em hỏi, em muốn chỉnh sửa Header và Footer thông qua CSS trực tiếp trong file (ko phải trên nền Moodle đã có sẵn), thì em đã tìm được file MUSTACHE của Header và Footer ..\theme\boost\templates, nhưng ko biết vị trí source để chỉnh sửa (thêm) CSS ở đâu. Thầy có thể giúp em biết đc, hay có hướng dẫn về phần này ko. Em xin chân thành cảm ơn.
Thaytro.net chào bạn,
- Trước hết, thaytro.net phải nói rằng; moodle rất phức tạp và khó chỉnh sửa, nhất là thêm các thuộc tính vào. thaytro.net cũng chỉ chỉnh sửa các giá trị đã có sẵn của moodle và chỉ thêm được rất ít thuộc tính mới vào moodle. Thông thường, thaytro.net chỉ thêm HTML và addition HTML và CSS/ scss vào Custom CSS.
- Câu hỏi của bạn về header và footer, thaytro.net thấy header.mustache và footer.mustache chỉ là file bố cục chứ không chứa CSS hay SCSS. Bạn vào moodle.less xem thử có giúp được gì không? ...theme/boost/style/moodle.css.
- Tóm lại, bạn muốn thêm hay chỉ sửa gì của header và footer? Bạn cứ trình bày thử biết đâu thaytro.net có thể hỗ trợ được? Nhiều khi không cần phải đụng đến các file. Vì khi đụng đến các file thì khi upgrade moodle sẽ rất mất thời gian.
+ P/S: thaytro.net sẽ split phần câu hỏi của bạn thành bài viết mới để sau này dễ tìm kiếm.