---
title: "Hướng Dẫn Cách Cài Đặt Font Awesome WordPress"
description: "Font Awesome là một thư viện biểu tượng cực kỳ phổ biến và hữu ích, cung cấp hàng ngàn biểu tượng cho mọi nhu cầu thiết kế. Bài viết dưới đây của CloudFly sẽ hướng dẫn chi tiết cách cài đặt Font Awesome WordPress, giúp bạn dễ dàng thêm các biểu tượng tuyệt đẹp vào nội dung, menu, widget và nhiều vị trí khác trên website của mình."
url: https://cloudfly.vn/docs/su-dung-cac-tinh-nang-nang-cao-none/huong-dan-cach-cai-dat-font-awesome-wordpress
image: https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress.jpg
---

# Hướng Dẫn Cách Cài Đặt Font Awesome WordPress

_Bạn muốn làm cho website WordPress của mình trở nên trực quan và sinh động hơn với các biểu tượng vector sắc nét và dễ dàng tùy chỉnh? Font Awesome là một thư viện biểu tượng cực kỳ phổ biến và hữu ích, cung cấp hàng ngàn biểu tượng cho mọi nhu cầu thiết kế. Bài viết dưới đây của CloudFly sẽ hướng dẫn chi tiết_ **_cách cài đặt Font Awesome WordPress_**_, giúp bạn dễ dàng thêm các biểu tượng tuyệt đẹp vào nội dung, menu, widget và nhiều vị trí khác trên website của mình._

![hướng dẫn cách cài đặt font awesome wordpress](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress.jpg)

## **1\. Font Awesome WordPress là gì?**

Font Awesome là một thư viện icon đồ họa vector cực kỳ phổ biến, cung cấp hơn 19.000 biểu tượng với nhiều chủ đề khác nhau. Nhờ đó, nó trở thành công cụ quen thuộc của nhà thiết kế, lập trình viên và content creator.

Font Awesome hỗ trợ nhiều định dạng như SVG, OTF, TTF, EOT, WOFF, giúp icon hiển thị tốt trên mọi hệ điều hành và trình duyệt. Đặc biệt, bạn có thể tùy chỉnh kích thước, màu sắc linh hoạt để phù hợp với thiết kế của mình.

## **2\. Hướng dẫn cách cài đặt Font Awesome WordPress**

### **2.1. Cách cài đặt Font Awesome WordPress bằng cách upload lên hosting**

Nếu bạn muốn sử dụng Font Awesome trên [WordPress](https://cloudfly.vn/blog/wordpress-la-gi-uu-va-nhuoc-diem-cua-wordpress) mà không cần cài [plugin](https://cloudfly.vn/blog/plugin-la-gi-cach-cai-dat-plugin-cho-website-wordpress), bạn có thể tải trực tiếp thư viện này lên [hosting](https://cloudfly.vn/blog/hosting-la-gi-cac-loai-hosting-pho-bien-nhat-hien-nay) và gọi nó trong [theme](https://cloudfly.vn/blog/theme-la-gi-huong-dan-cai-dat-theme-wordpress-de-dang). Dưới đây là hướng dẫn chi tiết để bạn thực hiện một cách dễ dàng.

Bước 1: Đầu tiên, bạn truy cập trang chủ Font Awesome qua link: _https://fontawesome.com/start._

Bước 2: Bạn kéo xuống phần **Other Ways to Use** và nhấn vào nút **Download**.

![hướng dẫn cách cài đặt font awesome wordpress 1](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-1.png)

Bước 3: Bạn chọn phiên bản **Free for Web** để tải về.

![hướng dẫn cách cài đặt font awesome wordpress 2](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-2.png)

Bước 4: Sau khi tải xong, bạn giải nén file. Bạn sẽ thấy hai thư mục quan trọng là css và webfonts.

![hướng dẫn cách cài đặt font awesome wordpress 3](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-3.png)

Bước 5: Tiếp theo, bạn đăng nhập vào hosting/VPS và truy cập thư mục theme của WordPress.

Bước 6: Bạn tạo một thư mục mới, đặt tên là _fontawesome_. Rồi upload hai thư mục css và webfonts vào thư mục này.

Bước 7: Bạn mở file **functions.php** của theme và thêm đoạn code sau để gọi Font Awesome vào theme:

_<?php_

_// Thêm Font Awesome vào theme_

_function custom\_load\_fa() {_

    _wp\_enqueue\_style('custom-fa', get\_stylesheet\_directory\_uri() . '/fontawesome/css/all.css');_

_}_

_add\_action('wp\_enqueue\_scripts', 'custom\_load\_fa');_

Bước 8: Bạn truy cập thư viện icon của Font Awesome. Và nhập tên icon cần tìm vào thanh tìm kiếm.

![hướng dẫn cách cài đặt font awesome wordpress 4](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-4.png)

Bước 9: Bạn chọn icon mong muốn và sao chép đoạn mã HTML của icon.

![hướng dẫn cách cài đặt font awesome wordpress 5](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-5.png)

Bước 10: Bạn dán đoạn mã vào vị trí cần hiển thị trong bài viết hoặc trang trên WordPress.

Lưu ý: Khi chèn mã HTML, bạn cần chuyển trình soạn thảo WordPress sang chế độ HTML.

Bước 11: Sau đó, bạn nhấn **Preview**, chọn **Preview in new tab** để xem trước.

Bước 12: Khi đã ưng ý, bạn lưu lại bài viết/trang để hoàn tất.

### **2.2. Cách cài đặt Font Awesome WordPress bằng plugin**

Nếu bạn muốn cài đặt Font Awesome WordPress mà không cần chỉnh sửa code, plugin Font Awesome chính thức là lựa chọn tối ưu. Plugin này giúp bạn tự động cập nhật phiên bản mới nhất, đảm bảo icon hiển thị đúng và website luôn an toàn, bảo mật. Dưới đây là hướng dẫn chi tiết để bạn cài đặt và sử dụng.

Bước 1: Bạn truy cập trang chủ Font Awesome và đăng ký tài khoản bằng email của bạn.

Bước 2: Bạn nhấn **Send Kit Embed Code**.

![hướng dẫn cách cài đặt font awesome wordpress 6](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-6.png)

Bước 3: Bạn kiểm tra email và xác nhận bằng cách chọn **Confirm Your Email Address**.

![hướng dẫn cách cài đặt font awesome wordpress 7](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-7.png)

Bước 4: Sau khi xác thực, bạn sẽ được yêu cầu đặt mật khẩu. Bạn nhấn **Set Password & Continue**.

![hướng dẫn cách cài đặt font awesome wordpress 8](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-8.png)

Bước 5: Màn hình **Quick Setup for the Web** sẽ hiển thị, cung cấp cho bạn một đoạn mã JavaScript.

![hướng dẫn cách cài đặt font awesome wordpress 9](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-9.png)

Bước 6: Bạn truy cập WordPress Admin, chọn **Plugins**, vào **Install** và tìm kiếm **Font Awesome**. Rồi cài đặt và kích hoạt plugin này.

![hướng dẫn cách cài đặt font awesome wordpress 10](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-10.png)

Bước 7: Tiếp theo, bạn vào **Settings**, chọn **Font Awesome** và nhấn vào **Get your API token on fontawesome.com**.

![hướng dẫn cách cài đặt font awesome wordpress 11](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-11.png)

Bước 8: Bạn sẽ được chuyển đến trang Font Awesome. Bạn kéo xuống mục **Tokens**, nhấn **Generate** để tạo API token.

![hướng dẫn cách cài đặt font awesome wordpress 12](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-12.png)

Bước 9: Bạn sao chép token vừa tạo, quay lại WordPress, dán vào ô API Token và nhấn **Save API Token**.

![hướng dẫn cách cài đặt font awesome wordpress 13](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-13.png)

Nếu thấy thông báo cài đặt thành công, nghĩa là bạn đã tích hợp Font Awesome vào WordPress.

![hướng dẫn cách cài đặt font awesome wordpress 14](https://media.cloudfly.vn/posts/huong-dan-cach-cai-dat-font-awesome-wordpress-14.png)

Bước 10: Khi chỉnh sửa bài viết, bạn sẽ thấy nút Font Awesome Icon trong thanh công cụ (hỗ trợ cả Block Editor và Classic Editor). 

Bạn nhấp vào nút này để mở thư viện icon. Rồi nhập tên icon muốn tìm (bằng tiếng Anh) và chọn icon phù hợp. Plugin sẽ tự động tạo shortcode và chèn vào bài viết.

_>>> Xem thêm:_

*   [Hướng Dẫn Cách Thêm Keyword Và Meta Description Trong WordPress](https://cloudfly.vn/docs/su-dung-cac-tinh-nang-nang-cao-none/huong-dan-cach-them-keyword-va-meta-description-trong-wordpress)
*   [Hướng Dẫn Cách Tạo Menu Trong WordPress Chi Tiết](https://cloudfly.vn/docs/su-dung-cac-tinh-nang-nang-cao-none/huong-dan-cach-tao-menu-trong-wordpress-chi-tiet)
*   [Hướng Dẫn Các Cách Thêm Hình Ảnh Vào WordPress](https://cloudfly.vn/docs/su-dung-cac-tinh-nang-nang-cao-none/huong-dan-cac-cach-them-hinh-anh-vao-wordpress)

_Hy vọng bài viết trên trên đã giúp bạn hiểu rõ hơn về_ **_hướng dẫn cách cài đặt Font Awesome WordPress._** _Nếu còn thắc mắc hay muốn đăng ký_ [_Cloud Hosting_](https://cloudfly.vn/cloud-hosting) _tại CloudFly, hãy liên hệ ngay với chúng tôi qua thông tin bên dưới để được tư vấn và hỗ trợ chi tiết. Đội ngũ kỹ thuật có chuyên môn cao luôn sẵn sàng 24/7 để giải quyết mọi vấn đề của bạn._

**THÔNG TIN LIÊN HỆ:**

*   Hotline: 0904.558.448
*   Website: [https://cloudfly.vn/](https://cloudfly.vn/) 
*   Fanpage: [https://www.facebook.com/cloudfly.vn](https://www.facebook.com/cloudfly.vn)

*   Group săn sale: https://t.me/cloudflyvn