[Web30s – v.3] [Page-Editor] Làm việc với Widget Menu

  • Tuesday 31/03/2020

I. Tính năng giao diện: Giao diện Widget, Menu chính, Menu phụ.

Định nghĩa Menu web là vùng chứa tập hợp các link dẫn đến các trang chính trên website. Thông thường menu sẽ được đặt bên trong header. Menu được thiết kế dễ nhìn, giúp cho người dùng nhanh chóng đi đến các trang chính trên website. Ví dụ Quý khách thấy menu có thể gồm các link sau như: Trang chủ, Sản phẩm, Liên hệ, Giới thiệu …

Menu phụ cũng được định nghĩa tương tư như vậy. Menu phụ thường được dùng chứa các đường dẫn đặt bên trong nhưng để chứa các Danh mục thể loại như tin tức, sản phẩm, dịch vụ. Mục đích của Menu phụ là bổ trợ cho danh mục cha nhằm gom lại dữ liệu liên quan mà khách hàng cần tìm trong menu phụ.  

II. Cấu hình chung, Cấu hình widget.

Hướng dẫn đưa Widget vào Website

B1: Tạo một đoạn mới để chứa Widget bằng cách chọn Thêm đoạn.

B2: Quý khách Click vào đoạn cột muốn thêm Menu lúc này sẽ xuất hiện 4 nút chức năng bên phải cột. Quý khách chọn nút Thêm Widget (nút xanh)

B3: Lúc này sẽ xuất hiện danh sách Quản lý Widget. Quý khách chọn Widget Menu.

Sau khi chọn Menu thì sẽ có phần giao diện mẫu để Quý khách chọn.

Quý khách chọn menu nhấp đúp vào Menu mẫu sẽ được kết quả như hình ảnh ở dưới.

Quý khách đã thực hiện thêm thành công Widget menu vào trên web. Để lưu tuỳ chỉnh Quý khách thực hiện ấn nút  Lưu trang bên góc phải màn hình. 

III. Cách thức tuỳ chỉnh Widget menu hiển thị:

Bài viết mang tính hướng dẫn sử dụng và cách thêm Widget vào trang. Về tinh chỉnh chi tiết thì 1 bài viết khác hỗ trợ phần này. Ở bài viết này chỉ tập trung giải thích các thành phần có trong menu tuỳ chỉnh.

        1.Tuỳ chỉnh giao diện Menu chính

Thực hiện chọn Menu và sau đó chọn chức năng Tuỳ chỉnh và chọn menu chính (như ảnh). Sau khi thực hiện phần Thiết lập sẽ xuất hiện bên phải màn hình

Thiết kế: có 6 thành phần Kỹ thuật sẽ giải thích cách thức hoạt động của từng thành phần.

a. Tổng quan

+ Menu kích thước đều: dùng để chỉnh các nút trên menu cách đều cùng 1 thước như nhau. Nếu như chức năng tắt thì nút sẽ phụ thuộc vào độ dài chữ trong nút.
+ Hiển thị trên một dòng: Khi bật chức năng các nút sẽ tự động phân bố chiều dài của nút sao cho nút vừa đủ 1 dòng. Nếu tắt chức năng này đi thì Menu sẽ phụ thuộc vào độ dài chữ trên menu nếu thiếu chỗ trống để chữ thì menu sẽ tự tạo thêm 1 dòng cho nút hiển thị đầy đủ.
+ Khoảng cách Menu: là khoảng cách giữa các chữ menu
+ Chọn biểu tượng Menu: là cách hiển thị danh mục có menu phụ
+ Vị trí biểu tượng: là khoảng cách danh mục với biểu tượng hiển thị menu phụ.
+ Kích thước biểu tượng.
+ Giãn cách thành phần:
là cách hiển thị menu theo dạng căn lề.

b. Nền : Chức năng này thì Quý khách có tạo nền cho menu.

c. Thiết lập chữ: Chức năng tuỳ chỉnh kiểu chữ hiển thị màu chữ.

d. Bo góc: Chức năng bo góc menu.

e. Căn lề: Căn khoảng cách nút so với đoạn.

f. Đường viền: Tạo đường viền cho menu.

Bài viết không hướng dẫn chi tiết cách tuỳ chỉnh. Quý khách hãy tham khảo bài viết tại đây để hiểu rõ các thông số, tuỳ chỉnh chung.

2. Tuỳ chỉnh giao diện Menu phụ

Thực hiện chọn Menu và sau đó chọn chức năng Tuỳ chỉnh và chọn menu phụ (như ảnh). Sau khi thực hiện phần Thiết lập sẽ xuất hiện bên phải màn hình. Quý khách chỉ cần tuỳ chỉnh theo ý muốn của Quý khách.

 

Các thành phần trong thiết lập cũng có chức năng tương tự như menu chính. 

a. Nền : Chức năng này thì Quý khách có tạo nền cho menu phụ .

b. Thiết lập chữ: Chức năng tuỳ chỉnh kiểu chữ hiển thị màu chữ menu phụ.

c. Đường viền: Tạo đường viền giữa các danh mục.

d. Căn lề: Căn khoảng cách nút so với đoạn.

e. Đổ bóng: Tạo bóng cho menu phụ.

                  f. Biểu tượng: Nút biểu tượng danh mục có menu phụ

Bài viết chỉ hướng dẫn các chức năng mà wiget có, về tuỳ chỉnh thiết lập chung Quý khách hãy xem chi tiết phần chỉnh sửa tại đây ạ. 

IV. Hướng dẫn hiển thị dữ liệu Widget

Các trang mà Quý khách muốn ẩn hiện trên menu. Quý khách thực hiện tuỳ chỉnh hiển thị như sau.

B1: Chọn Trang & menu. (Góc bên trái màn hình)

B2: Chọn vào phần bánh răng để xuất hiện 4 chức năng. Lần lượt là:

1. Thiết kế trang.

2. Thiết lập/ cài đặt trang (tên hiển thị/ cách hiển thị ).

3. Ẩn trên menu/Hiện trên menu (Tuỳ vào trạng thái hiển thị của trang, nút sẽ tự động thay đổi).

4. Xoá trang.

Lưu ý rằng là các chức năng Module như sản phẩm, Tin tức, Liên hệ, Trang chủ Quý khách sẽ không thể xoá. Tuy nhiên có thể ẩn trên trang web.

 

 

Trên đây là các hướng dẫn để Quý khách có thể thao tác với Widget Menu. 

Cảm ơn Quý khách đã sử dụng dịch vụ của PA Việt Nam!