Hướng dẫn chèn Icon vào Astra

Icon đặc biệt của Astra

Bạn có biết Astra mặc định đã tích hợp sẵn icon đặc biệt vào trong theme? Bạn có thể sử dụng ngay mà không cần cài thêm bất cứ plugin nào.

Tham khảo thêm tại đây

Nếu bạn muốn thêm Icon vào Menu bạn chỉ việc chèn mã HTML như bên dưới

<span class="astra-icon-down_arrow"></span> Home

special icon Astra

Dashicon

Astra mặc định không tích hợp Dashicon bạn cần cài thêm plugin để hỗ trợ. Bạn có thể cài plugin Social Icons Widget by WPZOOM để hỗ trợ Dashicon.

Tham khảo bộ Dashicon ở đây

Chèn mã HTML vào phần Label của Menu nếu bạn muốn thêm Icon đằng trước

<span class="dashicons dashicons-visibility"></span> Menu

Dashicon

Font Awesome Icons

Bộ thư viện font icon lớn nhất hiện nay và đẹp nhất. Khuyết điểm là nó có thể làm chậm website của bạn so với font dashicon nên tôi cũng ít sử dụng.

Tham khảo bộ icons Font Awesome tại đây.

Bạn cần cài đặt plugin Better Font Awesome để tích hợp Font Awesome vào WordPress.

 

Font Awesome