Elementor xóa menu khỏi trang

Tiện ích Menu điều hướng cho phép bạn sử dụng các menu mà bạn đã tạo trong WordPress và thiết kế chúng theo bất kỳ cách nào bạn muốn

Xem video này minh họa các tính năng khác nhau của tiện ích này

Nội dung

Cách trình bày

1. Thực đơn. Chọn menu bạn đã thiết lập trước đó qua Giao diện > Menu
2. Cách trình bày. Chọn bố cục Ngang, Dọc hoặc Thả xuống
3. Căn chỉnh. Đặt căn chỉnh mục menu, Trái, Giữa, Phải hoặc Căn đều
4. con trỏ. Chọn một con trỏ, Không có, Gạch chân, Đường đôi, Có khung, Nền hoặc Văn bản
5. hoạt hình. Chọn hoạt hình con trỏ, Làm mờ dần, Trượt, Lớn lên, Thả vào, Bỏ ra hoặc Không có
6. Chỉ báo menu con. Chọn biểu tượng cho biết một mục có các mục menu con, Không có, Cổ điển, Chevron, Góc hoặc Thêm

Di động thả xuống

1. Điểm dừng. Chọn điểm khởi động menu thả xuống dành cho thiết bị di động, trên Di động, Máy tính bảng hoặc Không có
2. Chiều rộng đầy đủ. Chọn xem danh sách thả xuống dành cho thiết bị di động có mở rộng hết chiều rộng của thiết bị hay không, Có hoặc Không
3. Căn chỉnh. Chọn xem các mục menu di động được hiển thị ở bên trái hay ở giữa bằng cách chọn Bên cạnh hoặc Chính giữa
4. Nút bật tắt. Hiển thị biểu tượng Hamburger dưới dạng nút chuyển đổi hay không
5. Biểu tượng. Điều này có thể được đặt cho các trạng thái Bình thường, Di chuột và Hoạt động. Bạn có thể sử dụng các biểu tượng mặc định hoặc tùy chỉnh bằng cách nhấp vào biểu tượng thích hợp. Chọn từ thư viện biểu tượng hoặc tải lên SVG của riêng bạn
   
6. Chuyển đổi căn chỉnh. Hiển thị nút chuyển đổi ở Bên trái, Giữa hoặc Bên phải của màn hình

Phong cách

Thực đơn chính

kiểu chữ. Đặt các tùy chọn kiểu chữ cho văn bản mục menu

Các mục sau đây có thể được đặt độc lập cho cả ba trạng thái. Bình thường, Di chuột và Hoạt động.  

1. Văn bản màu. Chọn màu của văn bản mục menu
2. Màu con trỏ. Chọn màu của trạng thái di chuột hoặc hoạt động của con trỏ. Trạng thái bình thường sử dụng màu được đặt làm Màu nhấn trong cài đặt Màu mặc định

Lưu ý rằng nếu Màu di chuột được đặt nhưng không có Màu hoạt động nào được đặt, thì Màu hoạt động sẽ sử dụng màu Di chuột theo mặc định

dải phân cách

1. dải phân cách. Chuyển đổi tùy chọn để bật hoặc tắt dải phân cách giữa các mục menu
2. Phong cách. Từ menu thả xuống, chọn chọn giữa nét liền, nét đôi, chấm, nét đứt hoặc có rãnh
3. Bề rộng. Sử dụng thanh trượt hoặc nhập giá trị vào trường trong PX
4. Chiều cao. Sử dụng thanh trượt hoặc nhập giá trị vào trường trong PX hoặc %
5. Màu. Từ bộ chọn màu, chọn màu cho dải phân cách của bạn

Đệm và giãn cách

1. Chiều rộng con trỏ. Đặt chiều rộng của con trỏ
2. Đệm ngang. Sử dụng thanh trượt hoặc nhập giá trị vào trường trong PX để đặt phần đệm ngang xung quanh văn bản của các mục menu
3. Đệm dọc. Sử dụng thanh trượt hoặc nhập giá trị vào trường trong PX để đặt khoảng đệm dọc xung quanh văn bản của các mục menu
4. khoảng cách giữa. Sử dụng thanh trượt hoặc nhập giá trị vào trường trong PX để đặt khoảng cách giữa mỗi mục menu

thả xuống

Trên giao diện máy tính để bàn, điều này sẽ ảnh hưởng đến menu con. Trên chế độ xem trên thiết bị di động, điều này sẽ ảnh hưởng đến toàn bộ menu

Các mục sau đây có thể được đặt độc lập cho cả ba trạng thái. Bình thường, Di chuột và Hoạt động

1. Văn bản màu. Chọn màu của văn bản mục menu
2. Màu nền. Chọn màu nền của các mục menu
3. kiểu chữ. Đặt các tùy chọn kiểu chữ cho các mục menu
4. Loại đường viền. Chọn một loại đường viền xung quanh menu thả xuống, chọn Không có, Rắn, Đôi, Chấm, Nét đứt hoặc Rãnh
5. Bề rộng. Đặt độ rộng của đường viền
6. Màu. Chọn màu của đường viền
7. Bán kính biên giới. Đặt bán kính đường viền để kiểm soát độ tròn của góc
8. bóng hộp. Tạo bóng hộp xung quanh menu thả xuống
9. Đệm ngang. Đặt phần đệm ngang xung quanh văn bản của các mục menu
10. Đệm dọc. Đặt phần đệm dọc xung quanh văn bản của các mục menu

dải phân cách

1. Loại đường viền. Chọn loại đường viền cho đường phân cách, chọn Không có, Liền nét, Gấp đôi, Chấm, Nét đứt hoặc Rãnh
2. Màu. Nếu chọn đường viền dải phân cách, hãy chọn màu của đường viền dải phân cách
3. Chiều rộng biên giới. Nếu đường viền dải phân cách được chọn, hãy đặt chiều rộng của đường viền dải phân cách
4. Khoảng cách. Đặt khoảng cách giữa chuyển đổi và menu thả xuống

Mẹo. Đi tới Elementor > Cài đặt > Nâng cao và đảm bảo rằng Hỗ trợ Tải phông chữ tuyệt vời 4 được đặt thành Có để các chỉ báo menu con của bạn sẽ hiển thị chính xác

Nút bật tắt

Các mục sau đây có thể được đặt độc lập cho cả trạng thái bình thường và trạng thái di chuột

1. Màu. Chọn màu của biểu tượng nút chuyển đổi
2. Màu nền. Chọn màu nền của nút bật tắt
3. Kích thước. Đặt kích thước của nút chuyển đổi
4. Chiều rộng biên giới. Đặt độ rộng của đường viền xung quanh nút chuyển đổi
5. Bán kính biên giới. Đặt bán kính đường viền của nút chuyển đổi

Ghi chú. Nút chuyển đổi đề cập đến biểu tượng menu bánh hamburger

Thuộc tính trợ năng

Tiện ích Menu điều hướng có các thuộc tính trợ năng sau

• chỉ mục tab
• mở rộng aria
• aria-ẩn
• vai trò = "điều hướng"

Nâng cao

Đặt các tùy chọn Nâng cao áp dụng cho tiện ích này

• Đọc bài phát hành đầy đủ về tiện ích Menu
• Đọc Cách tạo và thiết kế menu điều hướng tùy chỉnh