Pmedia - Marketing cung cấp dịch vụ phục vụ Marketing Online như Thiết Kế Web - Thiết Kế Nhận Diện - Quảng Cáo. Thực hiện các chiến dịch Branding đem lại hiệu quả truyền thông Doanh nghiệp nền tảng Social.

  • Phú Nhuận, Thành phố Hồ Chí Minh
  • 0939 300 306

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

cedca

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

huong-dan-them-icon-vao-menu-cua-wordpress

Bạn đang muốn thêm icon vào menu của WordPress để khiến chúng trở nên sống độ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 code snippet trong trường hợp theme không hỗ trợ sẵn, nhưng nhờ có một plugin hoàn toàn mới, bạn không cần thiết 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 động chạm vào bất kỳ đoạn code nào.

Tham khảo thêm:

Thêm icon vào menu của WordPress với plugin Menu Icons

Lưu ý: đối với Paradise child theme, chúng tôi đã tích hợp sẵn Font Awesome v4.7.0 nên các bạn không cần phải cài thêm plugin này nữa.

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

cai-dat-va-kich-hoat-plugin-menu-icons

2. Tiêp theo, truy cập vào Appearance => Menus. Tại đây, bạn sẽ thấy một hộp meta mới ở phía bên tay trái có tên là Menu Icons Settings. Bạn có thể chọn những bộ icons có sẵn (Dashicons, Elusive, Font Awesome, Foundation, Genericons) hoặc sử dụng file Image, SVG trong tab Global.

lua-chon-loai-icon-ban-muon-su-dung-cho-menu

Để tránh phải load quá nhiều loại fonts gây ảnh hưởng xấu đến tốc độ load web, các bạn chỉ nên chọn những loại fonts phù hợp nhất. Click vào nút Save Settings để lưu lại.

3. Chuyển qua tab Current Menu. Tại đây, các bạn có thể thiết lập cách mà icon được hiển thị.

thiet-lap-current-menu-trong-menu-icons-settings

Trong đó:

  • Hide Label: ẩn hoặc hiện nhãn menu.
  • Position: vị trí hiển thị icon (trước hoặc sau nhãn menu).
  • Vertical Align: căn lề cho icon. Cái này các bạn sẽ nhìn thấy rõ nhất trong phần Preview khi chọn icon.
  • Font Size: kích thước icon.
  • SVG Width: độ rộng của SVG.
  • Image Size: kích thước của Image.

Click vào nút Save Settings để lưu lại các thiết lập.

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

click-vao-nut-select-de-lua-chon-icon

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

lua-chon-icon-cho-menu

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 mà nó hiển thị. Các thiết lập tổng quan ở bước 3 được sử dụng theo mặc định.

preview-menu-icon

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à kiểm tra kết quả:

demo-them-icon-vao-menu-cua-wordpress

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 subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. 🙂

4.7/5(16 votes )

Bài viết liên quan

Rate this post
Profile Pic
Pmedia

    Related Blogs

    deaebfc
    Những plugin chia.

    Mục lụcBenchmark các plugin chia sẻ mạng xã hộiKết quả và lời khuyên Những plugin chia sẻ mạng xã hội nhẹ nhất,.

    Read More
    dba
    Cài HTTPS cho.

    Mục lụcCài HTTPS cho WordPress với plugin Really Simple SSL Cài HTTPS cho WordPress chỉ trong nháy mắt với plugin Really Simple.

    Read More