Hướng dẫn thêm icon trong WordPress với Font Awesome


Hướng dẫn thêm icon trong WordPress với Font Awesome

21 Likes Comment

Có rất nhiều plugin để tạo icon cho menu nhưng mà vì một vài lý do mà một số bạn không muốn sử dụng plugin để tạo nên hôm nay mình xin hướng dẫn thêm icon vào bằng cách bổ sung code vào wordpress.

Bước 1: Tích hợp Font Awesome vào WordPress.

Đa số theme wordpress hiện nay đều đã tích hợp Font Awesome nhưng có một số theme có vậy ta phải làm thủ công như sau:

Truy cập vào https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css

Sau đó copy đoạn code trên và chèn vào thẻ <head> trong file header.php nếu không vào được có thể copy tại đây:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

Bước 2: Thêm icon vào menu WordPress

Mở menu và thêm vào thôi

Thêm đoạn code sau vào :

<i class="fab fa"></i>


Và đó là thành quả.
Để lấy icon chúng ta truy cập vào https://fontawesome.com/icons?d=gallery
Hy vọng với bài viết này sẽ giải quyết được thắc mắc của một số bạn về cách chèn icon vào nemu WordPress.

 

Bài viết liên quan

Chủ bút: Lê Tú

Blog mình lập ra nhằm mục đích viết lại những gì mình đã tìm hiểu, đã đọc được trên mạng, qua bạn bè để mai mốt cần tìm khỏi quên, cũng như chia sẻ những thứ mà mình đã sưu tầm được. Vì mình không phải chuyên lập trình website nên một số bài viết còn sai sót mong mọi người góp ý.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *