WordPress 4.1 bổ sung thêm hơn 20 Dashicons mới.
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, 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:
Các biểu tượng kể trên bao gồm:
Click vào đây để 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, 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. :)
bạn ơi mình mới chuyển sang theme mới
nhưng ko hiểu làm sao mà khi đưa lên localhost thì nó có menu xổ xuống bình thường nhưng khi lên web thì lại ko đc à
bạn bit giúp mình với
trang web mình
http://hanhphucthanhcong.com/
Bạn đã kiểm tra lại menu chưa? Hình như link menu của bạn không đúng. :P
Vẫn ko đc bạn ở
trên localhost mình làm đúng như vậy mà :v
Gửi cho mình thông tin đăng nhập WordPress qua email. Mình vào kiểm tra cho nhé. :P
Mình đã gửi cho bạn rồi đó
xem giúp mình
sửa đc xong báo cho mình nhé.
cám ơn bạn
Mình đã reply email cho bạn. Vui lòng check inbox nhé. :P
Thím cho xin cái code dashicon để mình chèn vào cái.Bình thường mình chèn cái này vào plugin wp-postviews là ra hình con mắt và số lượt xem
Cho cái code để mình bỏ vào là ra hình con mắt của dashicon với,mã con mắt là f177
Thím mở file style.css ra, kéo xuống gần cuối cùng, tìm đoạn code tương tự trong bài viết là sẽ biết tui đã chèn icon như thế nào thôi mà. :P
Ví dụ thím thêm như thế này vào file style.css xem sao:
.post_view:before {content: "\f177";
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 20px/1 'dashicons';
vertical-align: top;
}
Thím hướng dẫn chán vãi.Tui thêm cái code này vào là lên luôn.Khỏi cần chỉnh css
Thím dùng code nào? :P
Bình luận nó không hiện ta.Code giống trong phần soạn thảo bài viết mới,hình con.mắt để xuất bản kiểu công khai,riêng tư đó