Cách hiển thị Icons trong WordPress Menu [WordPress Plugin]

09/09/2014

Thỉnh thoảng trong các mẫu thiết kế web, các bạn sẽ cần phải sử dụng icon cho các menu trên trang web của mình. Với icons, các bạn dễ dàng truyển tải thông điệp cũng như ý nghĩa của từng menu mà không cần lo lắng về vấn đề ngôn ngữ. Nếu các bạn đang sử dụng WordPress thì mình sẽ chia sẻ cho các bạn cách dễ nhất để chèn icon cho các menu.

Cách hiển thị Icons trong WordPress Menu [WordPress Plugin]

Bước 1 

Việc đầu tiên là chúng ta sẽ tải và cài đặt plugin Menu Icons. sau đó active plugin này.

Cách hiển thị Icons trong WordPress Menu [WordPress Plugin]

Bước 2 :

Bây giờ chúng ta sẽ tiến hành chèn icon vào menu, trong bài viết này, mình sẽ sử dụng template mặc định có sẵn là  TwentyTwelve. Các bạn vào Appearance > Menus rồi chọn vị trí hiển thị menu.

main-navigation

Sau đó chúng ta sẽ chèn icon vào mỗi menu, để bắt đầu, các bạn sẽ thấy một link đề là Icon: Select icon. Click vào  “Select icon” , lúc này sẽ có một cửa sổ xuất hiện. Tại thời điểm viết bài này, plugin này hỗ trợ 3 thư viện font icon là  Dashicons, Genericons, và FontAwesome. Tuy nhiên, theo lời khuyên của mình thì các bạn nên sử dụng một thư viện xuyên suốt trang web, ví dụ như sử dụng FontAwesome.

Cách hiển thị Icons trong WordPress Menu [WordPress Plugin]

Khi các bạn chọn icon, các bạn sẽ có lựa chọn đặt icon nằm trước (before) hay nằm sau (after) icon. Và kết quả mà chúng ta sẽ có được tương tự như thế này :

Cách hiển thị Icons trong WordPress Menu [WordPress Plugin]

Mình hy vọng là qua bài viết này, các bạn sẽ có thêm một lựa chọn cho những menu trên trang web của mình. Mong là các bạn sẽ thấy hữu ích với plugin mà mình chia sẻ.

Chúc các bạn thành công !

Chuyên Mục:

Bài viết được đăng bởi webmaster

Nếu các bạn thấy bài viết hữu ích thì giúp mình Like cái nhé !