Font Awesome More Icons - Plugin hỗ trợ thêm Font Awesome vào Wordpress

[PVS]

Font Awesome More Icons - Plugin hỗ trợ thêm Font Awesome vào Wordpress

Plugin giúp chèn FontAwesome vào WordPress dễ dàng và còn hỗ trợ cả shortcode để có thể chèn vào trong bài viết một cách dễ dàng, nhờ vậy mà bài có thể sẽ lung linh hơn.

Tiến hành cài đặt plugin này như bao plugin bình thường khác, sau đó xem cách sử dụng bên dưới.

CÁCH SỬ DỤNG FONT AWESOME

1. Cách sử dụng cơ bản
Cách sử dụng FontAwesome cũng vô cùng đơn giản, chỉ cần đặt một class tương ứng với tên từng icon trong danh sách icon của Font Awesome là được. Có thể đặt class ở bất cứ thẻ nào (div, span, strong, b, a, li,…fap..fap). Ví dụ:

<span class="font-apple"></span>

Lúc này kết quả sẽ như sau:

​

Nói thế chắc bạn cũng hiểu rồi ha, nhớ kỹ là danh sách class của FontAwesome thì xem tại đây nhé.

2. Cách chèn vào Menu WordPress
Để chèn vào menu thì cũng tương tự, viết đoạn thẻ span chứa class của font ngay đằng trước tên menu nhé. Ví dụ:

​

Rất đơn giản phải không.

3. Sử dụng Shortcode trong bài
Nếu dùng plugin Font Awesome More Icons thì nó đã có tích hợp sẵn tính năng chèn icon vào bài viết với shortcode vô cùng tiện lợi, đó là sử dụng menu chọn font mà nó tích hợp sẵn bên trong khung soạn thảo khi cài plugin.

​

Có thể đặt thẻ h1, h2, h3 cho nó để nó hiển thị to ra, và cũng có thể thêm màu cho nó nữa nhé vì đây là font chữ mà. Kết quả:

​

Hy vọng với bài đơn giản này sẽ giải quyết được thắc mắc của một số bạn về cách chèn font vào WordPress.

Chúc các bạn thành công.

Nguồn: Thachpham​