Tạo diễn đàn bằng mã nguồn MyBB: Phần 3b- Quản lý giao diện diễn đàn

Để cài đặt, bạn quay lại giao diện MyBB Admin Control Panel, nhấn chọn thẻ Import a Theme của mục Templates & Style. Trong khung Import a Theme, bạn nhấn nút Browse của mục Local File để duyệt đến tập tin Ajdija.com v3 Public Green-theme.xml, đặt tên cho giao diện mới ở mục New Name (có thể bỏ qua, MyBB sẽ sử dụng tên của mẫu giao diện đó), giữ nguyên các mục còn lại, nhấn nút Import Theme.

Trang tiếp theo hiện ra yêu cầu bạn chỉnh sửa giao diện trước khi đưa vào sử dụng. Bạn có thể thay đổi các thuộc tính ở khung Edit Theme Properties,  gồm Name (tên giao diện), Parent Theme (chọn nhóm giao diện phụ thuộc), Allowed User Groups (cho phép một nhóm thành viên nào đó sử dụng), Editor Style (giao diện cửa sổ soạn thảo bài viết), Board Logo (hình đại diện của diễn đàn, có thể đổi đường dẫn hoặc đổi tập tin), …, nhấn Save Themes Properties để thay đổi có hiệu lực.

Nếu muốn sử dụng giao diện vừa cài đặt làm giao diện mặc định thì bạn nhấn vào biểu tượng mũi tên màu xanh phía sau tên giao diện đó. Lưu ý, khi đã chọn giao diện mặc định thì giao diện đó được sử dụng chung cho tất cả các nhóm thành viên, mặc dù trước đó có thiết lập chỉ cho phép hiển thị đối với một nhóm nào đó.

2.2. Tự tạo bộ cài đặt giao diện

            MyBB còn có một tính năng độc đáo là giúp người dùng tự thiết kế giao diện. Cạnh thẻ Theme, bạn nhấn chọn thẻ Create New Theme rồi nhập tên giao diện muốn tạo ở ô Name, chọn giao diện chứa nó ở trường Parent Theme, nhấn Create New Theme.

Tại thẻ Edit Stylesheets, bạn cần chỉnh sửa những tập tin có định dạng css (global.css, usercp.css, modcp.css, star_racings.css, showthread.css). Minh họa với tập tin global.css, bạn nhấn nút Options > chọn Edit Style.

Ở trang mới hiện ra, có hai hình thức chỉnh sửa Simple Mode (đơn giản) và Advanced Mode (nâng cao, chỉnh sửa trực tiếp trên các đoạn mã css). Đối với hình thức Simple Mode, bạn chọn mục ở trường Selector rồi thay đổi các giá trị ở trong khung bên dưới: Background (màu nền), Color (màu), Width (độ rộng), Font Family (nhóm font muốn dùng), Font Size (kích thước chữ), Font Style (kiểu chữ), …, xong nhấn Save Changes (hoặc Save Changes & Close).

Công việc cuối cùng là cần xuất bản tập tin xml, bạn chuyển sang thẻ Export Theme, giữ nguyên các lựa chọn ở khung Export Theme > nhấn nút Export Theme > chọn nơi lưu trữ tập tin Maugiaodien-theme.xml.

2.3. Việt hóa giao diện

         Trong gói cài đặt của MyBB chỉ chứa duy nhất một ngôn ngữ là tiếng Anh (English). Bạn có thể tự mình chỉnh sửa giao diện tiếng Anh thành tiếng Việt. Để thực hiện, bạn vào menu Configuration rồi nhấn vào mục Languages ở khung bên phải. Trong khung Installed Language Packs, bạn nhấn nút Options > chọn Edit with English (American).

Trong trang mới hiện ra sẽ có hai loại giao diện để bạn chỉnh sửa ngôn ngữ, là giao diện bình thường của diễn đàn (Front End), giao diện bảng điều khiển của người quản trị (Admin CP). Đối với khung Front End, bạn nhấn vào liên kết Edit ở mỗi module, ví dụ module forumdisplay.lang.php.

Khi đó, bạn chỉ việc nhập vào các ô tương ứng những từ hoặc cụm từ tiếng Việt theo ý tưởng thiết kế diễn đàn của mình. Nếu chỉ đơn thuần là dịch thì có thể sử dụng công cụ Google Translate để dịch các cụm từ tiếng Anh sang tiếng Việt. Khi xong, bạn nhấn Save Language File. Cạnh thẻ Language Files, bạn nhấn chọn thẻ Quick Phrases để chỉnh sửa ngôn ngữ ở các trường đăng kí thành viên và một số trường thông báo khác.

Hiện tại trên Internet có rất nhiều gói ngôn ngữ tiếng Việt được người dùng tạo ra, bạn có thể tải gói ngôn ngữ có tỉ lệ Việt hóa trên 95% tại địa chỉ http://tonghop24.com/home/. Sau khi giải nén, bạn cần sao chép thư mục vietnamese và tập tin vietnamese.php trong thư mục LangVietFull_2.1 vào thư mục \inc\languages của diễn đàn. Khi xong, bạn quay lại giao diện Admin Control Panel và kiểm tra  trong khung Installed Language Packs sẽ xuất hiện mục Vietnamese.

Để thiết lập tiếng Việt làm ngôn ngữ mặc định của diễn đàn, bạn nhấn Settings bên dưới chữ Configuration rồi tìm trong khung Board Settings mục Genaral Configuration.