1) Bản mẫu và phong cách diễn đàn (Themes & Templates)
Mặc định MyBB khi mới cài đặt xong có giao diện hết sức đơn giản và không có gì đặc biệt cả. Phần lớn mọi người trước khi đưa diễn đàn của mình vào hoạt động chính thức đều muốn thay đổi giao diện của diễn đàn để trông nó được đẹp mắt hơn. MyBB cho phép ta thay đổi giao diện của diễn đàn một cách dễ dàng và cũng cung cấp cho mọi người một thư viện giao diện chuẩn miễn phí tại địa
chỉ http://mods.mybboard.net/themes
Tìm hiểu và viết ứng dụng trên diễn đàn khoa CNTT GVHD: Thầy Hoàng Trọng Thạch
Ở trang này có 2 menu dọc là Themes và Templates. Sở dĩ có 2 trang như vậy là vì giao diện trong MyBB được chia làm 2 phần:
- Theme: Chứa các thông tin về giao diện và CSS được lưu trữ trong CSDL và tệp tin. Có thể coi như đây là phần định dạng CSS cho diễn đàn.
- Template: Đây là phần chứa các đoạn mã HTML của diễn đàn. Các đoạn mã này được chia nhỏ ra tương ứng với các phần trong các trang của MyBB. Hệ thống của MyBB sẽ dựa vào chúng để in trang.
a. Cài đặt giao diện cho MyBB
Một gói giao diện của MyBB gồm 1 thư mục chứa ảnh cần upload và 1 file XML (có đuôi là .xml). Sau khi download gói giao diện về ta cần xác định thư mục ảnh của giao diện rồi upload theo hướng dẫn của tác giả. Thông thường thì thư mục ảnh cần được upload vào thư mục ./images của MyBB.
Sau khi đã upload xong thư mục chứa ảnh, ta vào AdminCP -> Templates & Styles -> Themes -> Import a theme
Trang hiện ra có các mục sau:
- Import from: Chọn file XML của goi giao diện. Đánh dấu vào Local file rồi chọn file XML đó trên máy tính của mình. Ta cũng có thể đánh dấu vào URL rồi điền link của file XML đó để tải lên.
- Parent Theme: Nhóm giao diện (Để nguyên là tốt nhất).
- New Name: Đặt tên cho giao diện. Nếu không điền gì vào hệ thống sẽ dùng tên mặc định của giao diện đó.
- Ignore Version Compatibility:Ta nên đánh dấu vào đây để có thể dùng những giao diện dành cho phiên bản cũ hơn một chút.
- Import Stylesheets: Có nhập CSS không? (Nên đánh dấu ô này). - Import Templates: Có nhập Templates không? (Nên đánh dấu ô này).
Sau khi đã nhập xong hãy nhấn nút Import theme để hoàn tất. Sau khi giao diện được nhập xong, ta sẽ được chuyển đến trang chỉnh sửa lại thông tin giao diện đó.
b. Chỉnh sửa giao diện
Để chỉnh sửa giao ta nhấn vào nút Options bên phải của giao diện cần sửa (Trong trang Theme) rồi chọn Edit theme. Trang hiện ra sẽ gồm 2 phần là Stylesheets in Default chứa danh sách các tệp CSS ( có thể nhấn vào nút Options rồi chọn Edit style để sửa chúng) và Edit Theme Properties chứa các thông tin về giao diện bao gồm các mục cần điền sau:
- Name: Tên giao diện.
- Parent Theme: Nhóm giao diện. - Allowed User Groups:
Cho phép nhóm thành viên nào được sử dụng (Giữ phím Ctrl để chọn nhiều nhóm). Nếu giao diện đang sửa là giao diện mặc định của diễn đàn thì ta bắt buộc phải cho tất cả các nhóm được sử dụng.
- Template set: Sử dụng template nào?
- Editor Style: Giao diện của bộ soạn thảo bài viết. - Image Directory: Thư mục chứa ảnh của giao diện. - Board Logo: Logo của diễn đàn.
- Table Spacing: Khoảng cách giữa các bảng.
Sau khi chỉnh sửa xong, nhấn nút Save theme properties để lưu lại. c. Thay đổi giao diện mặc định
Để thay đổi giao diễn mặc đinh của diễn đàn ta vào: AdminCP -> Templates & Styles -> Themes. Bên phải mỗi giao diện sẽ có một cái hình nhỏ màu xanh. Giao diện nào có hình vuông màu xanh thì là giao diện mặc định. Các giao diện còn lại sẽ có hình mũi tên màu xanh. Nếu muốn đặt giao diện nào làm giao diện mặc định thì hãy nhấn vào hình mũi tên đó là xong ngay.
d. Chỉnh sửa Templates Để chỉnh sửa template của giao diện:
Tìm hiểu và viết ứng dụng trên diễn đàn khoa CNTT GVHD: Thầy Hoàng Trọng Thạch
Tiếp đó ta nhấn vào tên của Template cần chỉnh sửa hoặc nhấn vào nút Options bên phải của Template đó rồi chọn Expand template. Trang hiện ra sẽ có danh sách của các nhóm Template Set. Trong mỗi nhóm này sẽ có một hoặc nhiều Template Set có liên quan đến nhau (thường là của cùng một trang nào đó trong diễn đàn). Khi nhấn vào tên một nhóm thì các Template Set của nhóm đó sẽ hiện ra,ta có thể nhấn vào tên của Template Set để sửa code của nó.
Sau khi đã sửa xong ta nhấn nút Save and Continue Editing để lưu lại và tiếp tục sửa hoặc nhấn nút Save and Return to Listing để lưu lại và quay lại trang danh sách.
e. Xóa bỏ một giao diện
Để xóa bỏ một giao diện, việc đầu tiên là phải chắc chắn rằng nó không phải là giao diện mặc định. Nếu nó đang là giao diện mặc định, ta phải chuyển sang cái khác. Tiếp đó ta phải xóa Template của nó đi bằng cách vào trang Templates rồi nhấn vào nút Options bên phải template của giao diện muốn xóa và chọn Delete Template rồi nhấn OK để xác nhận.
Công việc tiếp theo là xóa Theme đi, vào trang Themes rồi nhấn nút Options bên phải theme muốn xóa và chọn Delete theme và nhấn OK để xác nhận.
Công việc cuối cùng là xóa bỏ thư mục ảnh của giao diện đó đi cho đỡ tốn Disk space.