---
title: "WordPress 4.1 bổ sung thêm hơn 20 Dashicons mới"
author: "Trung Hiếu"
date: "2014-12-25"
lastmod: "2023-03-17"
url: "https://wpcanban.com/wordpress/thu-thuat-wordpress/wordpress-4-1-bo-sung-them-hon-20-dashicons-moi.html"
---

# WordPress 4.1 bổ sung thêm hơn 20 Dashicons mới

WordPress 4.1 bổ sung thêm hơn 20 Dashicons mới.

![wordpress-dashicons-font-icons](https://wpcanban.com/wp-content/uploads/2014/12/wordpress-dashicons-font-icons.png)

*Dashicons* là một bộ font icons (biểu tượng), lần đầu tiên được ra mắt trong *WordPress 3.8*. Kể từ đó, nhóm nghiên cứu phát triển đã thường xuyên bổ sung các biểu tượng mới mà họ cho là cần thiết. Trong phiên [*WordPress 4.1*](https://wpcanban.com/tag/wordpress-4-1/),* Dashicons* đã được bổ sung thêm hơn 20 biểu tượng mới, đặc biệt quan trọng đối với việc xây dựng media player và các công cụ chỉnh sửa hình ảnh inline.

Tham khảo thêm:

- [*Làm thế nào để thêm icon vào menu của WordPress?*](https://wpcanban.com/wordpress/thu-thuat-wordpress/lam-the-nao-de-them-icon-vao-menu-cua-wordpress.html)
- [*Thêm icon vào menu của Genesis theme*](https://wpcanban.com/wordpress/thu-thuat-wordpress/icon-vao-menu-cua-genesis-theme.html)

Các biểu tượng kể trên bao gồm:

![font-dashicons-media-icons](https://wpcanban.com/wp-content/uploads/2014/12/font-dashicons-media-icons.png)

![font-dashicons-posts-screen](https://wpcanban.com/wp-content/uploads/2014/12/font-dashicons-posts-screen.png)

![font-dashicons-misc](https://wpcanban.com/wp-content/uploads/2014/12/font-dashicons-misc.png)

Click vào [đây](https://developer.wordpress.org/resource/dashicons/#admin-page) để xem danh sách tất cả các icons được *Dashicons* hỗ trợ ở thời điểm hiện tại.

Để sử dụng font *Dashicons* trong thiết kế giao diện [*WordPress*](https://wpcanban.com/category/wordpress), trước tiên các bạn cần phải tạo liên kết với stylesheet của *Dashicons*:

```
<link rel="stylesheet" href="css/dashicons.css">
```

Sau đó, chèn thêm icons vào tập tin style.css của theme bằng cách sử dụng cú pháp *:before*. Ví dụ, để thêm biểu tượng ngôi sao, các bạn có thể sử dụng cú pháp sau:

```
.myicon:before {
	content: "\f155";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 20px/1 'dashicons';
	vertical-align: top;
}
```

Đơn giản vậy thôi. Chúc các bạn thành công. :)

*Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều.* :)