Addon 2x [BZ] MenuFlex - Menu linh hoạt cho XenForo 2.3 2.0.0

[PVS]

[BZ] MenuFlex - Menu linh hoạt cho XenForo 2.3 2.0.0


MenuFlex tăng cường khả năng điều hướng của XenForo với ba tính năng thiết thực: Mở Menu Khi Di Chuột , Menu Theo Tầng và Biểu Tượng Menu Font Awesome .

Nó được thiết kế để cải thiện chức năng menu và tăng thêm sức hấp dẫn trực quan. Nó có thể được quản lý hoàn toàn thông qua bảng điều khiển quản trị (ACP) một cách dễ dàng. MenuFlex rất tuyệt vời cho những người quản trị muốn kiểm soát nhiều hơn mà không cần đào sâu vào code, và đối với những người quản trị muốn đào sâu hơn, bạn sẽ tìm thấy nhiều thứ để chơi cùng và một số khả năng "chưa được ghi chép". MenuFlex cung cấp một cách đơn giản, hiệu quả để nâng cao trải nghiệm người dùng của trang web của bạn.

Các tính năng:

• Mở Menu Khi Di Chuột mang đến quyền truy cập menu khi di chuột vào trang web của bạn, nhắm mục tiêu đến máy tính để bàn và các thiết bị có khả năng 'di chuột' khác. Có thể bật tính năng này bằng một checkbox ACP duy nhất. Đây là cách điều hướng nhanh chóng, trực quan, tự động chuyển sang nhấp chuột cho các thiết bị không có khả năng 'di chuột' (ví dụ: hầu hết các thiết bị di động) hoặc khi bị vô hiệu hóa, đảm bảo mọi người luôn được bảo vệ. Cải tiến này giúp các menu có cảm giác phản hồi nhanh hơn và thân thiện với người dùng hơn, hợp lý hóa trải nghiệm máy tính để bàn với thiết lập tối thiểu. Đã có một số "bản hack" Open On Hover trong nhiều năm, nhưng chúng luôn phá vỡ các thành phần của hệ thống điều hướng. Giải pháp này không phá vỡ bất cứ điều gì và tích hợp liền mạch với hệ thống điều hướng XenForo hiện có.

• Menu Theo Tầng đưa chế độ xem menu phẳng mặc định của XenForo lên một tầm cao mới. Thêm các tầng menu lồng nhau chỉ bằng một cú nhấp chuột ACP để bật chúng. Thay vì danh sách phẳng một lớp, điều hướng của bạn sẽ có chiều sâu hơn. Hãy nghĩ đến các menu chính hiển thị các menu phụ trong một cấu trúc thả xuống gọn gàng, có tổ chức, thuần hóa các menu mở rộng thành thứ gì đó hấp dẫn hơn về mặt thị giác. MenuFlex đảm bảo các tầng này thích ứng mượt mà trên mọi kích thước thiết bị, được xây dựng với tính năng phản hồi để duy trì điều hướng có thể truy cập được cho dù trên máy tính để bàn, máy tính bảng hay điện thoại. Kết hợp với 'Mở menu khi di chuột qua' và các tầng đó sẽ hiển thị khi di chuột qua, tăng cường cả tính thực tế và mức độ tương tác của trang web.

• Biểu tượng Menu Font Awesome làm nổi bật menu của bạn với các biểu tượng bắt mắt. Tính năng này được tích hợp liền mạch với các bộ biểu tượng Font Awesome gốc của XenForo (XF 2.3+). Add-on này đi kèm với 'Gán biểu tượng chuẩn' được chọn trước cho tất cả các tùy chọn menu XenForo, XenForo Media Gallery ( nếu đã cài đặt ) và XenForo Resource Manager ( nếu đã cài đặt ). Bật nó lên chỉ với một vài tùy chọn checkbox và/hoặc tìm hiểu sâu hơn về các tùy chọn add-on để có thêm khả năng tùy chỉnh Font Awesome. Gán kiểu biểu tượng tùy chỉnh (Light, Regular, Solid, hoặc Duotone) cho tất cả các biểu tượng của bạn chỉ bằng một cú nhấp chuột. Bạn muốn kiểm soát tùy chỉnh nhiều hơn? Các biểu tượng đơn, đôi, ba và bốn tùy chỉnh của add-on sẽ cho phép bạn tùy chỉnh các biểu tượng Font Awesome của trang web của mình theo từng kiểu dáng và màu sắc. Biểu tượng Menu Font Awesome của MenuFlex sẽ hoạt động với tất cả các tùy chọn menu của XenForo, các tùy chọn menu cá nhân của bạn hoặc các tùy chọn menu do bất kỳ add-on XenForo nào khác tạo ra.

Cách Thêm Biểu Tượng Font Awesome Tùy Chỉnh:
1) Tìm tùy chọn menu 'Navigation ID'. Bạn có thể tìm thấy tùy chọn này trong: ACP: Setup > Public Navigation; chọn tùy chọn điều hướng bạn muốn thêm biểu tượng vào 'Navigation ID' sẽ là mục nhập đầu tiên được hiển thị.

2) Lấy 'Navigation ID' (navid) đó và áp dụng vào tùy chọn 'Biểu tượng menu tùy chỉnh Font Awesome' của MenuFlex dưới dạng đơn, cặp, bộ ba hoặc bộ bốn.

Các phần gán biểu tượng menu tùy chỉnh của Font Awesome :
navid = XenForo Navigation ID
iconname = Tên biểu tượng Font Awesome
style = light, regular, solid, duotone hoặc brands
color = bất kỳ màu hợp lệ nào trong các định dạng sau: Màu được đặt tên, Hexadecimal, RGB(a), HSL(a), hoặc XenForo Color ID

Các loại biểu tượng tùy chỉnh của Font Awesome :
Singles: Sử dụng navid: (ví dụ: forum: ) để xóa biểu tượng được gán chuẩn nếu bạn đang sử dụng 'Gán biểu tượng chuẩn'.
Pairs: Sử dụng pairs navid:iconname (ví dụ: forums:comments) để thêm các biểu tượng mới hoặc ghi đè 'Gán biểu tượng chuẩn'.
Trios: Sử dụng trios navid:iconname:style (ví dụ: forums:comments:solid) để đặt kiểu cụ thể cho từng biểu tượng.
Quads: Sử dụng quads navid:iconname:style:color (ví dụ: forums:comments:solid:red) để đặt màu cụ thể cho từng biểu tượng.

Ví dụ Input:

# Main Menu Items
home:home:solid:rebeccapurple
forums:comments:duotone:hsl(128, 100%, 50%)

Ví dụ Output:

---

Dễ sử dụng :
Chỉ cần một vài thao tác và vài cú nhấp chuột, bạn có thể mang đến cho menu của mình một diện mạo mới sắc nét, chuyên nghiệp. Hãy dành thêm một chút thời gian và khám phá tất cả các khả năng tùy chỉnh để tận dụng tối đa MenuFlex. Cho dù bạn thích giao diện tối giản và chỉ muốn thêm biểu tượng vào các tùy chọn Menu chính hay muốn có biểu tượng ở khắp mọi nơi, add-on này sẽ cho phép bạn tùy chỉnh ít hay nhiều tùy ý.

Hiệu suất trang web :
Hiệu suất là ưu tiên hàng đầu khi thiết kế và xây dựng MenuFlex. MenuFlex giúp điều hướng tùy chỉnh của bạn hiệu quả bằng cách đóng gói tất cả các tính năng và cài đặt tùy chỉnh được bật của bạn vào một mẫu biên dịch duy nhất, mẫu này sẽ cập nhật bất cứ khi nào bạn lưu các thay đổi từ trang tùy chọn. Hầu hết các thao tác nâng cấp và biên dịch nặng được thực hiện khi lưu các tùy chọn của bạn, không phải khi tải từng trang. Phương pháp hợp lý hóa này giúp add-on này cực kỳ nhẹ bất kể bạn chọn bao nhiêu tùy chọn. Tác động đến hiệu suất rất nhỏ đến mức không đáng chú ý. MenuFlex hoàn hảo cho bất kỳ quản trị viên XenForo nào muốn tinh chỉnh trang web của họ về mặt trực quan và chức năng, và bạn không thể đánh bại được mức giá này.

Chúc các bạn thành công.

Nguồn: xenforo.com​