Cách chỉnh sửa theme moodle 2.4 Một số theme moodle 2.4 đẹp: https://moodle.org/plugins/browse.php?list=category&id=3 Chúng ta chỉ việc tải về bỏ vào thư mục theme -> giải nén và chỉnh sửa giao diện theo ý muốn. 1. Muốn thay đổi logo Vào mục Quản trị hệ thống -> hình thức trình bày -> Chọn theme cần chỉnh sửa-> Hiện ra phần cần chỉnh sửa như sau: (Lưu ý: Ta thay đổi logo bằng cách nhập địa chỉ URL tại đây, để làm được chỉ cần uploard logo lên mạng và copy địa chỉ URL) Sau đó là lưu những thay đổi lại. Để thấy được sự thay đổi trên giao diện với mỗi thao tác chúng ra đều phải thực hiện bước Clear theme caches (Quản trị hệ thông -> Hình thức trình bày-> Giao diện->Chọn giao diện-> Clear theme caches) thì mới thấy được logo mới xuất hiện chứ nếu Refesh thâu thì k thấy được. 2. Thay đổi banner Để thay đổi banner chúng ta phải vào code để sửa. Đầu tiên dùng công cụ kiểm tra phần tử ở các trình duyệt tìm ra vị trí banner sau đó chỉnh sửa code. Tôi đang sử dụng theme cover, đang code sau hiển thị banner PHP: #page-header { float: none; height: 145px; width: 100%; margin: 0 auto; min-width: 960px; position: relative; background: url([[pix:theme|banner]]) no-repeat center top; background-color: #011676;} Chúng ta chỉ cần tạo 1 banner đặt tên là banner giống như tên trên background và đưa hình vào thư mục pix chứa tất cả các hình ảnh, sau đó lưu code và xem thay đổi. Phần banner width code có sẵn hay để 100%, muốn có 1 banner phù hợp thì chúng ta nên thiết kế banner ở phần đầu và cuối có màu giống nhau để sau đó chèn thêm 1 background-color trùng màu, như thế nhìn banner rất hài hòa và không phải chỉnh sửa gì nhiều. 3. Tạo menu cho theme Quản trị hệ thống ->Hỉnh thức trình bày ->Thiết lập giao diện Làm theo hướng dẫn đã có sẵn, chúng ta muốn tạo bao nhiêu mục cũng được, cũng như có bao nhiêu cấp cũng được. Nếu muốn chỉnh sửa màu sắc background trên thanh menu chúng ra cũng vào code chỉnh sửa: PHP: #menu-wrap { background: [[setting:headercolor]] url([[pix:theme|menu]]) repeat-x bottom left; height: 50px;} Đường dẫn đến background dẫn đến file setting nên chúng ta vào file setting và tìm headercolor khi đó sẽ thấy dược PHP: $name = 'theme_cover/headercolor'; $title = get_string('headercolor','theme_cover'); $description = get_string('headercolordesc', 'theme_cover'); $default = '#E2472F'; $previewconfig = NULL; $setting = new admin_setting_configcolourpicker($name, $title, $description, $default, $previewconfig); $settings->add($setting); Ta chỉ cần thay đổi giá trị tại biến $default Trường hợp ở theme này có cả background-images nữa "url([[pix:theme|menu]]" thì chúng ta chỉ cần đưa bg vào thư mục pix và đặt tên là menu. Chúng ta nhớ rằng mỗi bước thay đổi giao diện phải thực hiện Clear theme caches nha. Như thế đã thay đổi được giao diện cho theme rồi đó. Đây là theme cover 2.4 mình cũng mới sửa lại được như thế. Chúc mọi người thành công!
