Một bài viết hưỡng dẫn cơ bản cho các bạn mới cách Chèn FontAwesome 5 vào WordPress mới nhất.
Khi thiết kế layout website thường sẽ có những ICON giúp website đẹp và thân thiện hơn, và ngoài ra các Icon đó còn có tác dụng điều hướng người dùng.
Trước đây để tạo các Icon đó ta phải thực hiện cắt chúng ra từ file PSD và dùng CSS để gán background hoặc dùng thẻ img để đưa Icon đó vào. Để giảm thiệu việc đó các nhà phát triển web đã xây dựng nên thư viện icon sử dụng hoàn toàn miễn phí (có phí) phổ biến nhất là Font Awesome
Chèn FontAwesome 5 vào WordPress
Có 3 cách để cài đặt:
- Dùng trực tiếp CDN
- Tải về source code và upload lên website
- Sử dụng Plugin
Dùng trực tiếp CDN
Đặt đoạn mã này vào <head> hoặc sử dụng Plugin Insert Headers and Footers để chèn
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" />Tải về source code
Truy cập trang chủ FontAwesome để download Download | Font Awesome, sau đó thực hiện upload lên host, thực hiện gọi bằng câu lệnh
<link rel="stylesheet" href="/css/all.min.css" />Sử dụng plugin Font Awesome
Có thể tải và cài đặt tại đây Font Awesome – WordPress plugin | WordPress.org
Cách sử dụng
Truy cập https://fontawesome.com/icons để tìm Icon bạn muốn thêm, thực hiện copy mã lệnh HTML vào nơi cần hiển thị.
