Bạn đã biết cách thêm Icon vào Menu WordPress?

Thêm icon trên menu Wordpress

Bạn đang muốn thêm icon vào Menu WordPress để kiến cho thanh Menu này sinh động và chuyện nghiệp hơn hẳn. THông thường những trường hợp theme đều không hỗ trợ sẵn nhưng nhờ vài plugin thì có thể giúp bạn việc này, bạn không phải tự code chỉ cần tuỳ chỉnh là được. Menu Icon là một plugin miễn phí giúp bạn có thể thêm các icon vào thanh menu mà không cần đụng chạm vào đoạn code nào trên WordPress, nên ai ai cũng có thể sử dụng được

Thêm Icon và Menu làm web có chậm hơn?

Đương nhiên là chậm hơn rồi nhé. Việc độ chậm hơn bao nhiêu còn tùy thuộc vào loại Font Icon mà bạn chọn. Do đó bạn cần phải cân nhắc sao cho phù hợp và cần thiết hay không nhé. Nếu như bạn ưu tiên vào tốc độ lướt web thì bạn nên tránh xa những Google Font hay loại bỏ các Font Icon vì nó khiến website load chậm nhé

Thêm icon vào menu của WordPress bằng plugin Menu Icons

Đầu tiên bạn cần cài đặt và kích hoạt Plugin Menu Icon từ thư viện WordPress.org hoặc trên thư viện Plugin của Website đang cài WordPress là gì?

Thêm plugin icon menu
Thêm plugin icon menu

Tiếp tới bạn hãy truy cập vào Appearance => Menu. Tới phần này bạn sẽ nhận được 1 hộp Meta mới phía bên trái có tên là Menu Icon Settings. Bạn hãy chọn những icon có sẵn như: dashicons, Elusive, Font Awesome, Foundation, Genericons hoặc sử dụng file Image, SVG trong tab Global nhé.

Chọn font icon trên menu WordPress
Chọn font icon trên menu WordPress

Để có thể tránh phải load những Fonts gây ảnh hướng không tốt cho website của bạn thì bạn hãy chọn những loại Fonts phù hợp nhất nhé. Sau đó bạn hãy chọn Save Settings để lưu lại

Tiếp theo bạn hãy chọn Tab Current Menu. Ở đây bạn settings tùy chọn được những cách hiển thị Icon như:

Thiết lập kích thước icon của trên menu WordPress
Thiết lập kích thước icon của trên menu WordPress
  • Hide Label: ẩn hoặc hiện nhãn menu.
  • Position: vị trí hiển thị icon
  • 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.

Sau đó bạn hãy chọn Save Settings để lưu lại

Trong giao diện chỉnh sửa menu ở bên phải bạn hãy chọn vào nút Select (mục Icon) tương ứng với nhãn menu bạn muốn thêm

Chọn nhãn menu cần thêm icon
Chọn nhãn menu cần thêm icon

MỘt cửa sổ mới hiện lên bao gồm các icon bạn hãy lựa chọn Icon phù hợp và chọn Select

Chọn Icon phù hợp cần thêm trên menu WordPress
Chọn Icon phù hợp cần thêm trên menu WordPress

Lúc này bạn sẽ được 1 lần nữa chỉnh sửa lại kích thước bạn hãy thay đổi và lưu lại

Chỉnh sửa lại kích thước vị trí icon trên Menu WordPress
Chỉnh sửa lại kích thước vị trí icon trên Menu WordPress

Sau đó bạn sẽ nhận được kết quả như sau:

Kết quả sau khi thêm icon trên menu WordPress
Kết quả sau khi thêm icon trên menu WordPress

Thật đơn giản để chèn Icon và Menu WordPress rồi phải không? Hãy cùng theo dõi Ezlasso.com để có thêm nhiều thủ thuật về WordPress

Toby Trương
Tôi là Admin của website EzLasso.com Xin chào! Tôi là Khai còn gọi là "Toby", người viết website này. Tôi có một đam mê về công nghệ, thiết bị máy tính và mong muốn được chia sẻ cho tất cả mọi người .