Làm thế nào để thêm icon vào menu của WordPress?

Source: Làm thế nào để thêm icon vào menu của WordPress?

Hướng dẫn thêm icon vào menu WordPress một cách đơn giản mà không cần biết code.

Bạn muốn thêm các biểu tượng vào menu WordPress của mình để làm cho chúng sinh động và chuyên nghiệp hơn? Thông thường, bạn sẽ phải chỉnh sửa CSS, tích hợp một đoạn mã trong trường hợp chủ đề không hỗ trợ nó, nhưng nhờ có một plugin hoàn toàn mới, bạn không cần phải làm điều này nữa. Menu Icons là một plugin miễn phí cho phép bạn dễ dàng thêm các biểu tượng vào menu mà không cần phải chạm vào bất kỳ mã nào.

Tìm hiểu thêm:

Việc thêm biểu tượng vào menu có làm cho web tải chậm hơn không?

Câu trả lời chắc chắn là có. Tùy thuộc vào loại Biểu tượng phông chữ bạn chọn, mức độ ảnh hưởng sẽ khác nhau. Do đó, bạn cần cân nhắc kỹ việc chèn icon vào web có thực sự cần thiết hay không? Nếu bạn ưu tiên tốc độ tải trang web, thì tốt nhất bạn nên tránh xa các loại Phông chữ và Biểu tượng phông chữ của Google, vì chúng là một trong những “kẻ thù” hàng đầu.

Thêm biểu tượng vào menu WordPress bằng plugin Biểu tượng menu

1. Đầu tiên, bạn cần cài đặt và kích hoạt plugin Menu Icons (tải xuống) từ thư viện WordPress.org.

2. Tiếp theo, đi tới Vẻ bề ngoài => Thực đơn. Tại đây, bạn sẽ thấy một hộp meta mới ở phía bên trái được gọi là Cài đặt biểu tượng menu. Bạn có thể chọn từ các bộ biểu tượng có sẵn (Dashicons, Elusive, Font Awesome, Foundation, Genericons) hoặc sử dụng tệp Hình ảnh, SVG trong tab Toàn cầu.

Để tránh phải load quá nhiều font ảnh hưởng không tốt đến tốc độ tải web, bạn chỉ nên chọn những font phù hợp nhất. Nhấn vào nút Lưu các thiết lập để tiết kiệm.

3. Chuyển sang tab Menu hiện tại. Tại đây, bạn có thể đặt cách biểu tượng được hiển thị.

Trong đó:

• Ẩn nhãn: ẩn hoặc hiện các nhãn menu.
• Chức vụ: vị trí hiển thị biểu tượng (trước hoặc sau nhãn menu).
• Căn chỉnh theo chiều dọc: căn chỉnh cho biểu tượng. Điều này bạn sẽ thấy rõ ràng nhất trong Xem trước khi chọn các biểu tượng.
• Cỡ chữ: kích cỡ biểu tượng.
• Chiều rộng SVG: chiều rộng của SVG.
• Kích cỡ hình: kích thước của Hình ảnh.

Nhấn vào nút Lưu các thiết lập để lưu cài đặt.

4. Trong giao diện chỉnh sửa menu bên phải, nhấp vào. cái nút Lựa chọn (mục Biểu tượng) tương ứng với nhãn menu bạn muốn thêm biểu tượng vào:

Một cửa sổ sẽ được hiển thị với các biểu tượng cho bạn lựa chọn:

4. 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 hiển thị của nó. Tổng quan về cài đặt trong bước 3 được sử dụng theo 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 các biểu tượng từ các gói phông chữ khác nhau. Nếu một gói không có biểu tượng bạn đang tìm, bạn có thể chọn một biểu tượng từ một gói khác. Chỉ mất chưa đầy 5 phút là bạn đã có thể tìm thấy những biểu tượng phù hợp với menu của mình.

Sau khi hoàn tất, hãy nhấp vào nút Lưu thay đổi để lưu menu và kiểm tra kết quả:

Thật đơn giản đúng không? Hy vọng rằng plugin Menu Icons sẽ giúp bạn nhanh chóng có được 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 đăng ký blog của tôi để thường xuyên cập nhật những bài viết hay nhất và mới nhất qua email. Cảm ơn rất nhiều.

4.7 / 5 – (25 phiếu bầu)

Via: sieucoder.com

from sieucoder.com https://ift.tt/3zES4uv
via Sieucoder.com