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:
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:
Đơ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. :)
Long đã bình luận:
28/12/2014 at 15:10bạ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/
Trung Hiếu đã bình luận:
28/12/2014 at 15:55Bạn đã kiểm tra lại menu chưa? Hình như link menu của bạn không đúng. :P
Long đã bình luận:
28/12/2014 at 20:25Vẫn ko đc bạn ở
trên localhost mình làm đúng như vậy mà :v
Trung Hiếu đã bình luận:
29/12/2014 at 09:37Gửi cho mình thông tin đăng nhập WordPress qua email. Mình vào kiểm tra cho nhé. :P
Long đã bình luận:
29/12/2014 at 12:03Mì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
Trung Hiếu đã bình luận:
29/12/2014 at 13:06Mình đã reply email cho bạn. Vui lòng check inbox nhé. :P
haivl đã bình luận:
29/12/2014 at 18:10Thí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
Trung Hiếu đã bình luận:
29/12/2014 at 20:27Thí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
Trung Hiếu đã bình luận:
29/12/2014 at 20:44Ví 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;
}
haivl đã bình luận:
30/12/2014 at 11:23Thí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
Trung Hiếu đã bình luận:
30/12/2014 at 12:05Thím dùng code nào? :P
haivl đã bình luận:
30/12/2014 at 22:26Bì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ư đó