Thêm font Awesome cho Genesis Framework

10/15/2017

Chia Sẻ :

Tweet

Bài viết liên quan

Fone Awesome đang là một trong những font hiện nay rất được ưu chuộng. Không phải những hình ảnh nặng nề mà đó là những icon nhẹ nhàng, dễ dàng tùy biến về kích thước và màu sắc. Các bạn có thể xem trên thanh menu hay breadcrumbs của Chia sẻ WP.

Mặc định Genesis không hỗ trợ font này, vậy thì làm thế nào? Đừng lo, Chia sẻ WP sẽ hướng dẫn bạn ngay bây giờ.

Để thêm font awesome, các bạn thêm đoạn code sau vào file functions.php của theme.

add_action( 'wp_enqueue_scripts', 'cswp_font_awesome' );function cswp_font_awesome() {wp_enqueue_style( 'font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css', array(), '4.6.3' );}

1

2

3

4

5

add_action( 'wp_enqueue_scripts', 'cswp_font_awesome' );

function cswp_font_awesome() {

wp_enqueue_style( 'font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css', array(), '4.6.3' );

}

Như vậy, theme của bạn đã được cài font, tuy nhiên để hiện thị được, các bạn cần thêm mã của icon vào vị trí mà bạn muốn hiện thị.

VD: Bạn muốn thêm biếu tượng ngôi nhà vào trước chữ Home. Bạn làm như sau:

<i class="fa fa-home" aria-hidden="true"></i> Home

1

<i class="fa fa-home" aria-hidden="true"></i> Home

Kết quả bạn sẽ được tương tự như sau:

Nếu có bất cứ thắc mắc nào, các bạn vui lòng comment bên dưới nhé. Chúc các bạn thành công.

Nguồn: Việt Hùng admin https://chiasewp.com/

Thẻ : Wordpress