Chủ đề giao diện là công cụ cho phép bạn lên các thiết kế riêng, áp dụng trên nhiều trang web trường học. Với chủ đề, bạn có thể:
- Cài đặt phong cách bằng CSS
- Ứng dụng Javascript để tạo hiệu ứng/hành động
- Sử dụng phông chữ từ bộ Google Fonts
Đây sẽ là một công cụ vô cùng hữu ích, đặc biệt là với những ai đã có kinh nghiệm sử dụng CSS và Javascript, và khi thiết kế một lượng lớn trang web. Tất cả cài đặt cần thiết và việc áp dụng code ra sao ở các trang - có thể thực hiện tại một nơi duy nhất là Chủ đề.
Sử dụng chủ đề được tạo để thiết kế
- Các trang trong cùng một thư mục
- Các khoá học chính và phụ
- Các trang nội bộ của tài khoản
Cách tạo chủ đề giao diện
Đầu tiên, những ai có thể tạo chủ đề giao diện của trường học?
- Chủ tài khoản
- Tất cả quản trị viên
- Nhân viên được cấp quyền "Quản lý CMS"
Để tiến hành, hãy làm theo các bước sau:
- Vào mục Website - Trang web
- Ở bên cạnh nút Sơ đồ trang web, bấm nút mở menu phụ
- Chọn phần Chủ đề giao diện
- Chọn hành động Thêm một chủ đề
- Lựa chọn tên và lưu chủ đề mới
Cách tuỳ chỉnh chủ đề giao diện
Chủ đề giao diện có thể được cấu hình trong mục Cài đặt - nơi bạn có thể:
- Thay đổi tiêu đề
- Kích hoạt/vô hiệu hóa các tùy chọn bổ sung
- Chọn một chủ đề giao diện cha mà các cài đặt của nó sẽ được áp dụng vào chủ đề giao diện con này. Điều này sẽ giúp, ví dụ, tránh việc phải chuyển mã từ chủ đề giao diện này sang chủ đề giao diện khác một cách thủ công.
- Đi đến các tệp gói (Bundle files), nơi bạn có thể xem tất cả mã CSS/JS được sử dụng trong chủ đề giao diện mà không cần phải vào các tệp bổ sung và các tab của chủ đề giao diện. Tại đây, bạn cũng có thể truy cập công cụ xác thực mã CSS (dịch vụ xác thực W3C CSS).
- Thêm các tệp CSS/JS bổ sung.
Cách sử dụng các tùy chọn bổ sung trong tab Cài đặt:
"Cho các templates" – sử dụng tùy chọn này nếu "Là mẫu" (Is a template) được bật trong cài đặt của các trang sử dụng chủ đề giao diện.
"Tắt font mặc định" – cho phép bạn không kết nối các phông chữ mặc định vào trang. Tùy chọn này được sử dụng trong bố cục tùy chỉnh để tối ưu hóa trang.
"Tắt kiểu xem mặc định" – cho phép bạn không kết nối tệp kiểu dáng mặc định superlite-block.css vào trang. Tùy chọn này được sử dụng trong bố cục tùy chỉnh để tối ưu hóa trang.
"Sử dụng Bootstrap4" – dành cho các trường hợp khi trang có bố cục đặc biệt yêu cầu Bootstrap4, thay vì Bootstrap3, vốn được sử dụng mặc định.
Điều này cho phép, ví dụ, tăng tính linh hoạt trong việc quản lý khả năng tương thích. Nếu bạn sử dụng các khối chuẩn hoặc mã CSS và HTML chuẩn mà không yêu cầu các plugin hay framework, thì không cần bật tùy chọn này.
"Các tập tin có thể được hợp thành một nhóm" là một tùy chọn kỹ thuật, khi bật lên, sẽ “ghép” mã JS và CSS đã thêm vào các tab tương ứng và các tệp chủ đề giao diện bổ sung.
Bạn có thể bật tùy chọn này nếu chủ đề giao diện của bạn sử dụng rất nhiều mã, được chia thành nhiều tệp bổ sung. Điều này sẽ cải thiện hiệu suất trình duyệt, giúp các trang với chủ đề giao diện hoặc các phần tử riêng lẻ trong trang tải nhanh hơn.
Thêm tệp bổ sung:
Nếu cần, bạn có thể thêm các tệp bổ sung vào chủ đề giao diện. Trong cài đặt tệp, bạn có thể chỉ định mã CSS/JS sẽ được sử dụng kết hợp với mã trong các tab CSS và JS.
Điều này hữu ích khi bạn muốn tổ chức mã nguồn tốt hơn để dễ quản lý. Ví dụ, bạn có thể thêm mã thay đổi kiểu chữ trong một tệp CSS, và thay đổi kiểu dáng của các khối (blocks) trong tệp khác
Tạo kiểu bằng CSS
Bạn có thể áp dụng các kiểu CSS của riêng mình thông qua chủ đề giao diện trong tab "CSS". Mã sẽ được phân phối đến các trang sử dụng chủ đề này.
Chú ý: Khi thêm mã, bạn không cần sử dụng thẻ <style>...</style>.
Cách áp dụng mã JS
Bạn có thể áp dụng các kiểu CSS của riêng mình thông qua chủ đề giao diện trong tab "CSS". Mã sẽ được phân phối đến các trang sử dụng chủ đề này.
Chú ý:
- Mã cần được thêm trực tiếp mà không sử dụng thẻ
- Nên thử nghiệm mã từ bên thứ ba trên các bản sao của trang để tránh làm gián đoạn hoạt động của trang gốc do ảnh hưởng từ mã đó.
Cách cài đặt phông chữ bằng chủ đề giao diện
Với chủ đề giao diện, bạn có thể cài đặt phông chữ của riêng mình cho các trang tài khoản. Để làm điều này, bạn cần:
- Chọn và kết nối phông chữ phù hợp với chủ đề giao diện.
- Đặt phông chữ cho các trang sử dụng chủ đề giao diện.
Chọn và kết nối phông chữ phù hợp với chủ đề giao diện:
Để chọn phông chữ phù hợp để kết nối, hãy truy cập trang Google Fonts.
Từ trang Google Fonts:
- Chọn phông chữ theo nhu cầu
- Bấm chọn Get font
- Tiếp tục bấm chọn Get embed code
- Sao chép dữ liệu từ trường "link".
- Dán dữ liệu đã sao chép vào trường "Font chữ được kết nối"tên là gì trong cài đặt chủ đề.
Để kết nối nhiều phông chữ hoặc kiểu phông chữ với một chủ đề, bạn có thể làm như sau:
- Chọn các phông chữ cần thiết ngay trên trang Google Fonts, sau đó chúng sẽ hiển thị trong danh sách "Review".
- Thêm dữ liệu mới để kết nối với những phông chữ hiện có trong trường "Font chữ được kết nô" trong cài đặt chủ đề.
CÁCH CÀI ĐẶT PHÔNG CHỮ TRÊN CÁC TRANG SỬ DỤNG CHỦ ĐỀ GIAO DIỆN
- Cho tất cả các khối trên trang.
- Cho từng khối riêng lẻ bằng cách sử dụng CSS.
Cài đặt phông chữ cho tất cả các khối trên trang
Để cài đặt phông chữ đã kết nối cho tiêu đề và văn bản chính của tất cả các khối trên trang, bạn cần vào tab "Phông chữ", sau đó chỉ định tên phông chữ trong các trường sau:
- Phông chữ chính (văn bản chính);
- Phông chữ phụ (tiêu đề).
Cài đặt phông chữ cho từng khối riêng lẻ bằng CSS
Bạn có thể chọn phông chữ cho mỗi khối riêng lẻ. Để làm điều này, bạn phải để trống các trường phông chữ chính và phông chữ phụ.
Phông chữ đã thêm vào chủ đề có thể được áp dụng cho một khối thông qua cài đặt kiểu dáng chi tiết của khối đó, bằng cách chỉ định mã CSS thích hợp cho selector.
Cách áp dụng chủ đề giao diện cho thư mục trang
Để áp dụng một chủ đề giao diện, hãy tạo một thư mục riêng và chỉ định chủ đề đã tạo trong phần cài đặt của nó. Chủ đề giao diện sẽ chỉ được áp dụng cho các trang nằm trong thư mục này.
Bạn có thể di chuyển một trang vào thư mục:
- Thông qua sơ đồ trang web;
- Bằng cách chỉ định thư mục trong phần cài đặt của trang.
Cách sử dụng chủ đề giao diện để thiết kế tài khoản của bạn
- chủ tài khoản;
- quản trị viên phụ trách.
Để áp dụng chủ đề cho các trang nội bộ của tài khoản:
Đi tới phần "Cài đặt Tài khoản" - "Cài đặt".Khi bạn lưu các thay đổi, chủ đề sẽ được áp dụng cho hầu hết các trang nội bộ của tài khoản, bao gồm cả các trang đào tạo và bài học.
Lưu ý: Vì lý do bảo mật, mã từ bên thứ ba sẽ không được áp dụng cho một số trang hệ thống. Bạn có thể xem danh sách các trang trong bài viết ➡ "Cài đặt chung của tài khoản".
Ngoài ra, các chủ đề từ cài đặt tài khoản không áp dụng cho:
- Các trang website (chủ đề có thể được áp dụng riêng cho thư mục các trang);
- Các trang blog;
- Các tiện ích (widgets).
Cách sử dụng chủ đề giao diện để thiết kế tài khoản của bạn
Theo mặc định, các khóa đào tạo sẽ kế thừa chủ đề giao diện tổng thể của tài khoản. Nếu cần, bạn có thể áp dụng một chủ đề riêng cho một khóa đào tạo.
Chủ đề có thể được áp dụng cho khóa đào tạo bởi:
- chủ tài khoản;
- quản trị viên;
- nhân viên được bổ nhiệm làm giảng viên chính trong khóa đào tạo;
- nhân viên được chỉ định làm giảng viên bổ sung trong khóa đào tạo, với tùy chọn "Cấm giảng viên bổ sung thay đổi khóa học và bài học" đã được tắt.
Để thực hiện điều này, mở khóa đào tạo và đi tới tab "Cài đặt".
Khi bạn lưu các thay đổi, chủ đề sẽ được áp dụng cho các trang mà học viên có thể truy cập:
- Tab "Nội dung" của khóa đào tạo và các khóa đào tạo phụ;
- Các trang bài học ở chế độ xem và chỉnh sửa.
Kế thừa cài đặt chủ đề
Hai chủ đề có thể được sử dụng cho một khóa đào tạo:
- chủ đề chung của tài khoản;
- chủ đề riêng hoặc chủ đề của khóa đào tạo cha kế tiếp.
Chú ý:
- Nếu các chủ đề có các tham số khác nhau, chúng sẽ được áp dụng đồng thời.
- Nếu chủ đề của tài khoản và chủ đề của khóa đào tạo chứa các tham số giống nhau nhưng có giá trị khác nhau, giá trị được chọn trong chủ đề của khóa đào tạo sẽ được áp dụng.
- Nếu bạn không muốn chủ đề của tài khoản được áp dụng cho khóa đào tạo, hãy bật tùy chọn "Không áp dụng chủ đề trình bày của tài khoản" trong cài đặt của khóa đào tạo.
CÔNG TY TNHH GETCOURSE VIỆT NAM
Số Đăng Ký Kinh Doanh: 0318291167
Phòng 106, Tầng 1, 108, Trần Đình Xu, Phường Nguyễn Cư Trinh, Quận 1, Thành phố Hồ Chí Minh, Việt Nam
Email: support@getcourse.vn
Hotline: 037 827 5103
vui lòng ủy quyền