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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,495
Được Like
10,735
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.

font-awesome-wordpress.jpg

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ụ:
Mã:
<span class="font-apple"></span>

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

font-awesome-wordpress-2.jpg

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ụ:

font-awesome-wordpress-3.jpg

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.

font-awesome-wordpress-shortcode.jpg

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ả:

font-awesome-wordpress-shortcode-2.jpg

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​
 

Đính kèm

  • font-awesome-more-icons.3.5.zip
    128.6 KB · Lượt xem: 2

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom