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

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ị.

Chèn FontAwesome 5 vào WordPress

Similar Posts

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 *