• Home
  • WordPress
    • Thủ thuật WordPress
    • WordPress plugins
    • WordPress themes
    • Hosting và domain
  • Kiếm tiền
    • Google AdSense
    • Tiếp thị liên kết
    • Rút gọn link
  • Quà tặng
  • Khuyến mãi
  • Đánh giá
  • Dịch vụ
    • WordPress Hosting
    • Cài đặt WordPress
    • Quét mã độc website
    • Tối ưu WordPress
    • Mua theme Paradise
  • Thông báo
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

wordpress-theme-tot-nhat

Trang chủ » WordPress » Thủ thuật WordPress » 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

25/12/2014 17/07/2015 Trung Hiếu 12 Bình luận

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

wordpress-dashicons-font-icons

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:

  • Làm thế nào để thêm icon vào menu của WordPress?
  • Thêm icon vào menu của Genesis theme

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

font-dashicons-media-icons

font-dashicons-posts-screen

font-dashicons-misc

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. :)

4.8 / 5 ( 11 bình chọn )
  • Share on Facebook
  • Tweet on Twitter

Bài viết liên quan

WordPress 4.1.1 chính thức phát hành, khắc phục 21 lỗi
WordPress 4.1 “Dinah” chính thức phát hành
WordPress 4.1 Beta 1 chính thức phát hành

Chuyên mục: Thủ thuật WordPress Thẻ: WordPress 4.1

dich-vu-cai-dat-website-wordpress-mien-phi

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé.

Bài viết trước « HawkHost giảm giá hosting lên đến 80% nhân dịp cuối năm
Bài viết sau 4 plugins giúp kiểm tra khả năng tương thích cho WordPress »

Reader Interactions

Bình luận

    Trả lời Hủy

    Lưu ý:
    > Không sử dụng từ khóa trong mục "Tên".
    > Hãy sử dụng tên thật và địa chỉ email chính xác.
    > Vui lòng bình luận bằng tiếng Việt có dấu.
    Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

  1. Long viết

    28/12/2014 lúc 15:10

    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/

    Trả lời
    • Trung Hiếu viết

      28/12/2014 lúc 15:55

      Bạn đã kiểm tra lại menu chưa? Hình như link menu của bạn không đúng. :P

      Trả lời
      • Long viết

        28/12/2014 lúc 20:25

        Vẫn ko đc bạn ở
        trên localhost mình làm đúng như vậy mà :v

        Trả lời
        • Trung Hiếu viết

          29/12/2014 lúc 09:37

          Gửi cho mình thông tin đăng nhập WordPress qua email. Mình vào kiểm tra cho nhé. :P

          Trả lời
          • Long viết

            29/12/2014 lúc 12:03

            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

        • Trung Hiếu viết

          29/12/2014 lúc 13:06

          Mình đã reply email cho bạn. Vui lòng check inbox nhé. :P

          Trả lời
  2. haivl viết

    29/12/2014 lúc 18:10

    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

    Trả lời
    • Trung Hiếu viết

      29/12/2014 lúc 20:27

      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

      Trả lời
    • Trung Hiếu viết

      29/12/2014 lúc 20:44

      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;
      }

      Trả lời
  3. haivl viết

    30/12/2014 lúc 11:23

    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

    Trả lời
    • Trung Hiếu viết

      30/12/2014 lúc 12:05

      Thím dùng code nào? :P

      Trả lời
  4. haivl viết

    30/12/2014 lúc 22:26

    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ư đó

    Trả lời

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Đừng quên truy cập vào email của bạn để xác nhận việc đăng ký nhé!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-gia-re-tot-nhat

Bạn đang tìm gì?

  • WordPress căn bản
  • Bảo mật WordPress
  • Tăng tốc WordPress
  • Sửa lỗi WordPress
  • Thủ thuật Genesis
  • Thủ thuật SEO

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-website-wordpress-chat-luong-cao

Bài viết mới nhất

  • Tinh giản WooCommerce giúp website của bạn nhẹ hơn 04/04/2021
  • Tinh giản WordPress giúp website của bạn nhẹ hơn 16/03/2021
  • Trì hoãn tải script của bên thứ ba trong WordPress 10/03/2021
  • Nâng cấp tính năng tìm kiếm mặc định của WordPress 04/03/2021
  • Hướng dẫn sử dụng LiteSpeed Memcached 17/01/2021
  • Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache 08/01/2021

Dịch vụ quét mã độc miễn phí

quet-ma-doc-mien-phi-cho-website

Footer

Bình luận mới nhất

  • David Nguyen trong Cài HTTPS cho WordPress nhanh chóng với Really Simple SSL
  • Trung Hiếu trong Cài HTTPS cho WordPress nhanh chóng với Really Simple SSL
  • Học Luật trong Nâng cấp tính năng tìm kiếm mặc định của WordPress
  • Land trong Nâng cấp tính năng tìm kiếm mặc định của WordPress

Bình luận nhiều nhất (tháng)

  1. David Nguyen (7)
  2. Land (4)
  3. Học Luật (3)
  4. David Do (2)
  5. Hoàng Minh (2)
  6. Kami (2)

Thông tin hữu ích

  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

10 Chuyên mục - 982 Bài viết - 37399 Bình luận
positivessl-trust-seal

Bản quyền © 2014 - 2020 · WP Căn bản · Sử dụng Paradise child theme và dịch vụ WordPress Hosting