Chào mừng Bạn tham gia Diễn Đàn VNKienThuc.com - Định hướng Forum Kiến Thức
- HÃY TẠO CHỦ ĐỀ KIẾN THỨC HỮU ÍCH VÀ CÙNG NHAU THẢO LUẬN
Kết nối: VNK X - VNK groups | Nhà Tài Trợ: BhnongFood X - Bhnong groups - Đặt mua Bánh Bhnong

Trả lời chủ đề

Nội dung: <blockquote data-quote="Butchi" data-source="post: 67077" data-attributes="member: 7">Tạo diễn đàn bằng mã nguồn MyBB: Phần 3b- Quản lý giao diện diễn đànTạo diễn đàn bằng mã nguồn MyBB: Phần 3b- Quản lý giao diện diễn đàn Một  yếu tố khác dẫn đến sự thành công của một diễn đàn là có giao diện đẹp,  thân thiện và bắt mắt. MyBB cung cấp cho người dùng nhóm tính năng  Templates & Style giúp dễ dàng quản lý và thay đổi giao diện. Đồng  thời, tại đây còn cung cấp một thư viện nhiều mẫu giao diện đẹp, đang  được nhiều thành viên của MyBB sử dụng...  2. Quản lý giao diện  Một yếu tố khác dẫn đến sự thành công của một diễn đàn là có giao diện đẹp, thân thiện và bắt mắt. MyBB cung cấp cho người dùng nhóm tính năng Templates & Style  giúp dễ dàng quản lý và thay đổi giao diện. Đồng thời, tại đây còn cung  cấp một thư viện nhiều mẫu giao diện đẹp, đang được nhiều thành viên  của MyBB sử dụng.  2.1. Cài đặt giao diện mới  Đầu tiên, bạn nhấn vào menu Templates & Style và nhấn chọn thẻ Browses Theme ở phía dưới.  <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP315.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" />Trong danh sách các Themes hiện ra, bạn xem hình hiển thị mẫu và nhấn Download nếu thích giao diện đó. Ngoài những mẫu đó, bạn còn có thể tìm thấy các mẫu khác tại địa chỉ <a href="https://mods.mybb.com/themes" target="_blank">https://mods.mybb.com/themes</a>. Tại đây, bạn nhấn vào tên mẫu (ví dụ Ajdija.com v3 Public Green) rồi nhấn vào liên kết Download, nhấn nút I agree để tải về tập tin nén dạng zip. <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP316.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> Mỗi  mẫu giao diện có cách cài đặt khác nhau tùy theo tác giả của mẫu đó.  Thông thường, sau khi tải về bạn giải nén tập tin vào thư mục diendan\images của Appserv. Đối với mẫu này, bạn sẽ thấy hai thư mục groups, images và tập tin Ajdija.com v3 Public Green-theme.xml (cùng bốn tập tin dạng text khác dùng để cung cấp thông tin, hướng dẫn cài đặt mẫu).   <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP317.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" />Bạn hãy mở tập tin installation.txt để xem qua hướng dẫn của tác giả. Theo hướng dẫn này, bạn cần sao chép các tập tin và thư mục con trong thư mục images sau khi giải nén vào thư mục image của diễn đàn. Nếu có tập tin trùng tên thì bạn nhấn Yes to all ở hộp thoại hiện ra để xác nhận việc ghi đè. <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP318.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" />Để 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. <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP319.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" />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. <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP320.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> 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 đó. <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP321.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" />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. <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP322.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> 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. <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP323.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" 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). <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP324.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" />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). <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP325.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> 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. <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP326.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> 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. <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP327.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> 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ỉ <a href="https://tonghop24.com/home/" target="_blank">https://tonghop24.com/home/</a>. 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. <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP328.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> Để 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. <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP329.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /> Trang tiếp theo hiện ra, bạn tìm đến mục Default Language trong khung bên phải, nhấn vào nút xổ xuống chọn Vietnamese, nhấn Save Settings  ở cuối trang để hoàn tất. Ngoài ra, các tính năng khung này giúp chỉnh  sửa những thông tin cơ bản về diễn đàn mà trong lúc cài đặt bạn khai báo  sai hoặc thiếu sót. <img src="https://images.xhtt.vn/Images/Uploaded/Share/2010/11/2010112709291969/MyBBP330.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" />        Việc quản lý diễn đàn với các tính năng cơ bản như đã nêu sẽ giúp bạn  có một diễn dàn chuyên nghiệp. Và sau loạt bài này, nếu có yêu cầu thêm  thì tôi sẽ giới thiệu đến các bạn một số tính năng quản lý nâng cao,  giúp diễn đàn hoạt động tốt hơn. Xem tiếp Tạo diễn đàn bằng mã nguồn MyBB: Phần 4- Đăng kí và sử dụng hosting   BÙI THANH LIÊM - XHTT </blockquote>

Tên

Mã xác nhận