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

Thảo luận trong 'Wordpress Plugins' bắt đầu bởi PVS, 11/07/2018 lúc 14:44:22.

  • Google checker:
  1. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    9,047
    Đã được thích:
    6,157
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    SV
    Nơi ở:
    Huế
    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 Hãy đăng nhập hoặc đăng ký để xem được links 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​
     

    Các file đính kèm:

    phamquangquyen thích bài này.

Chia sẻ trang này

Đang tải...