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

Xem: 2280    Tải: 0   Thảo luận: 0   Mục: WordPress template   Lĩnh vực: Khác

10 điểm   ( 5 đánh giá ) File đã được kiểm thử


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.

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.

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.

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.

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 :

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 !

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

Cách hiển thị Icons trong WordPress Menu [WordPress Plugin] Đăng ngày 06-10-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. 2/10 2280

Thảo luận:

Để bình luận bạn phải đăng nhập thành viên.

File tương tự

Files cùng mục

 

File tải nhiều nhất

Megacode.vn - Thư viện mã nguồn chia sẻ, tải file cho cộng đồng
Copyright © 2013-2016. All rights reserved. Bản quyền thuộc VinaGon
Địa chỉ: Số 38 Hàng Bè, Hàng Bạc, Hoàn Kiếm, Hà Nội.
Văn phòng giao dịch: Phòng 28, Tầng 6, HH1A Linh Đàm, Hoàng Mai, Hà Nội
Email: info@vinagon.com | Website: www.vinagon.com | Điện thoại: (+844) 6. 32.979.36;
logo megacode

Megacode đã đăng ký với Bộ Công Thương
Thư viện mã nguồn mở lớn nhất Việt Nam.



Hỗ trợ khách hàng trên Megacode
Hỗ trợ kỹ thuật cho thành viên:
Tổng đài: (+844) 6. 32.979.36
Số di động (Hotline): 0969.091.265
Thời gian làm việc:
Sáng: 8h-12h; Chiều: 13h30-17h30
(Nghỉ chiều T7, CN và các ngày lễ, tết)
Chat với Megacode
https://www.facebook.com/megacodevn