Hướng dẫn cài đặt plugin chỉnh sửa menu wordpress faltsome năm 2024
|
Nếu trang web của bạn chuyên kinh doanh bán hàng với nhiều mẫu mã và sản phẩm đa dạng, việc sử dụng Vertical Menu là một giải pháp phù hợp. Dưới đây là hướng dẫn chi tiết về cách tạo menu dọc trong nền tảng WordPress bằng plugin OT Vertical Menu Flatsome. Show Bước 1: Tải và Cài Đặt OT Vertical Menu Flatsome
Bước 2: Cấu Hình Menu Dọc với OT Vertical Menu Flatsome
Tại đây, bạn có thể linh hoạt điều chỉnh menu dọc bằng cách nhấp vào biểu tượng cài đặt (hình bánh răng) trên ô màu đỏ. Một bảng cài đặt sẽ xuất hiện, cho phép bạn điều chỉnh kích thước, màu sắc và các tùy chọn khác của menu dọc. Khi bạn hài lòng với cấu trúc, nhấp Đăng để lưu thay đổi và hiển thị chúng trên trang web của bạn. Bước 3: Cải Thiện Văn Bản Quay lại Dashboard, chọn Cài đặt >> OT Vertical Menu Flatsome.
Các tùy chọn khác như Show Overlay Background, Submenu Always At The Top cũng có thể được điều chỉnh tại đây. Đừng quên nhấn Lưu thay đổi để hoàn tất. Để thêm sản phẩm vào menu dọc, chọn Giao diện >> Menu và sửa menu có sẵn hoặc tạo menu mới. Chọn Hiển thị vị trí là Vertical Menu và nhấn Lưu thay đổi. Lưu ý: Để sử dụng Vertical Menu, đảm bảo rằng bạn đã có menu chứa tất cả sản phẩm và danh mục. Nếu không, tạo một menu mới và làm theo các bước trên. Bạn muốn thêm icon vào menu để website wordpress của bạn trở nên chuyên nghiệp hơn, sống động hơn, chuyên nghiệp hơn. Có rất nhiều cách để thêm icon vào menu wp, nhưng ở bài viết này, mình sẽ chỉ các bạn cách đơn giản nhất, dễ làm nhất, và được sử dụng nhiều nhất. Đó là cài đặt plugin Menu Icons by ThemeIsle. Với plugin Menu Icons bạn có thể thêm nhiều loại icon khác nhau, icon từ máy tính, icon từ font awesome, flaticon, … plugin Menu Icons hoàn toàn miễn phí 100% nhé! bạn không cần phải biết code. Plugin Menu Icons by ThemeIsleBước 1: Tìm và cài plugin Menu Icons by ThemeIsleBạn đăng nhập vào trang quản trị (admin), bấm vào menu Plugin -> Cài mới Sau đó, gõ vào thanh tìm kiếm, gõ từ khóa “Menu Icons by ThemeIsle” Icon (ảnh đại diện) của Plugin Menu Icons có thể thay đổi khác đi theo thời gian, nên các bạn xem phần tác giả, nếu đúng là ThemeIsle thì hãy cài plugin nhé! Bạn cần bấm cài đặt và đợi 30 giây, sau đó bấm kích hoạt để sử dụng plugin nhé! Cấu hình menu iconsSau khi chúng ta đã cài đặt và kích hoạt thành công plugin Menu Icons, để sử dụng, các bạn cần vào menu muốn thêm icon nhé! Bạn truy cập vào : Giao diện -> Menu (tùy vào website của bạn, có thể sẽ có rất nhiều loại menu, bạn cần chọn đúng menu cần thêm icon ở mục “Chọn menu để sửa“) Tiếp đến, bạn nhìn sang bên trái, sẽ thấy hộp tác vụ Menu Icons Settings, tại tab Global, bạn click chọn loại font icon muốn sử dụng, rồi bấm lưu lại (save settings). Bạn nên chọn 1 loại font icon thôi, không nên chọn nhiều, để tránh website phải tải quá nhiều font, gây chậm website khi người dùng truy cập vào website của bạn. Tiếp theo, bạn chọn tab Current Menu để tùy chỉnh thêm các thông số khác (sao cho phù hợp với website wordpress của bạn) Trong đó:
Click vào nút Save Settings để lưu lại các thiết lập. Thêm icon vào menuBạn nhìn qua bên phải, chọn menu muốn thêm icon (ví dụ: trang chủ, giới thiệu, liên hệ, tin tức, sản phẩm, dịch vụ,…) tại dòng Icon: bạn bấm Select để chọn icon Một cửa sổ sẽ được hiển thị với các icon để cho bạn lựa chọn: Khi một biểu tượng được chọn, phía bên phải sẽ xuất hiện một số tùy chọn cho phép bạn thay đổi cách mà nó hiển thị. Các thiết lập tổng quan ở bước 3 được sử dụng làm cách hiển thị mặc định. Một trong những tính năng mà tôi yêu thích là khả năng sử dụng icons từ nhiều gói fonts khác nhau. Nếu một gói không có icon mà bạn đang tìm kiếm, bạn có thể lựa chọn icon từ một gói khác. Sẽ mất chưa đến 5 phút để bạn tìm thấy các biểu tượng phù hợp với menu của mình. Sau khi hoàn tất, hãy click vào nút Save Changes để lưu menu lại và quay ra trang chủ để kiểm tra kết quả Thật đơn giản phải không nào? Hy vọng plugin Menu Icons sẽ giúp các bạn nhanh chóng có được một thanh menu đẹp hơn, bắt mắt hơn cho trang web WordPress của mình. Nếu bạn thích bài viết này, hãy để lại bình luận bên dưới nhé! Cảm ơn rất nhiều 🙂 WPFAST's CEO. Thích sưu tầm các sản phẩm công nghệ, mô hình. Niềm đam mê mãnh liệt với lập trình web và app mobile. Nền tảng hay dùng như: WordPress, Laravel, CodeIgniter, Zend, Node.js, Android, iOS. Thích xem phim và chơi game những lúc căng thẳng. |
