Thêm icon vào website bằng Font Awesome cho WordPress

Hôm nay chợ WordPress sẽ hướng dẫn cho các thêm icon vào website bằng Font Awesome cho WordPress, bạn thường lướt website và thấy những icon nhỏ nhỏ đủ mọi thể loại như icon địa chỉ, icon email, icon số điện thoại, icon bản đồ, icon skype, icon link...Bây giờ mình sẽ hướng dẫn cách chèn icon vào wordpress và lấy mã shortcode icon gắn vào vị trí bạn muốn như sau:

Ở đây mình thêm icon map vào chỗ địa chỉ và thêm icon phone vào số điện thoại, icon email vào email.

Hướng dẫn thêm icon vào website

Bước 1:

Cách 1: Nếu đang sử dụng Flatsome thì bạn có thể vào chỗ FOOTER SCRIPTS rồi lưu lại nhé.

Cách 2: Các bạn vào file footer.php của theme đang sử dụng và thêm link của fonts vào.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Thêm xong các bạn vào link sau để lấy mã icon, rồi gắn icon vào website:

https://fontawesome.com/v4/icon/map-marker

Ở đây là tất cả fontawesome đầy đủ mọi thể loại, bạn click vào nó là lấy mã hoặc gõ tên tiếng anh của icon cần lấy.

Ví dụ mình gõ: phone

CLick vào icon muốn lấy để lấy mã code nhé.

Ok giờ coppy mã icon dán ở chân trang hay bất cứ đâu bạn muốn nhé.

Hãy nhớ là đây là mã code icon nên chỉ hiển thị ở chế độ html hoặc mã, không chèn thẳng vào văn bản.

Ở đây mình thêm mã icon trước số 30 rồi cách ra 1 cái cho dễ nhìn rồi lưu lại, như vậy là xong.

Bạn có thể quan tâm:

Sửa lỗi Gói lưu trữ không tương thích (Incompatible Archive)

Chào tất cả mọi người, ở phiên bản WordPress 6.4.3 nếu ae gặp lỗi khi upload theme hoặc plugin: Gói lưu trữ không tương thích (Incompatible Archive). Thì hãy giải nén ra rồi Zip lại file bên trong nhé là được nhé. Window thì zip bình thường bằng..

(Khoảng 8 tháng trước)0

Xóa đường dẫn /product và /product-category Woocommerce

Mặc định khi cài WordPress và Woocommerce ngôn ngữ tiếng anh sẽ hiện đường dẫn&nbsp;product hoặc product-category, nhưng đường dẫn quá dài và bạn muốn bỏ hết danh mục đó đi chỉ để lại đường dẫn sản phẩm hoặc đường dẫn danh mục cho gọn. Để&nbsp..

(Khoảng 10 tháng trước)0

Xóa bỏ đường dẫn /san-pham/ Trong Url Sản Phẩm Woocommerce

Đường dẫn hay còn gọi là Permalink trong WooCommerce sẽ mặc định thêm product-category (danh mục sản phẩm) và product (sản phẩm) &ndash; để phân biệt đường dẫn giữa danh mục sản phẩm và sản phẩm. Mặc định khi cài&nbsp;WooCommerce xong nếu là t..

(Khoảng 10 tháng trước)0

Sửa lỗi Wpml hoặc các plugin dịch không dịch ngôn ngữ mặc định

Sửa lỗi Wpml hoặc các plugin dịch không dịch ngôn ngữ mặc định, hướng dẫn Việt hóa plugin Woocommerce và giỏ hàng, khi mua key WPML xong các bạn không cài mà Woocommerce không dịch tiếng Việt vẫn hiện tiếng anh các xử lý rất đơn giản các bạn làm ..

(Khoảng 1 năm trước)0