• 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 » Thêm icon vào tiêu đề widget của WordPress một cách đơn giản

Thêm icon vào tiêu đề widget của WordPress một cách đơn giản

10/02/2015 14/04/2017 Trung Hiếu 11 Bình luận

Mục lục bài viết

  1. Một số tính năng nổi bật của Widget Icon
  2. Thêm icon vào tiêu đề widget với plugin Widget Icon

Thêm icon vào tiêu đề widget của WordPress một cách đơn giản và nhanh chóng.

them-icon-vao-tieu-de-widget-trong-wordpress

Bạn đã cảm thấy nhàm chán với những tiêu đề widget (wiget title) chỉ toàn chữ là chữ? Tại sao bạn không thử đổi mới chúng theo một phong cách chuyên nghiệp hơn, sáng tạo hơn? Thêm icon tương ứng vào trước mỗi tiêu đề widget chẳng hạn. Bạn có thể thấy điều mà tôi đang muốn nói đến trong hình minh họa bên trên. Nếu bạn cũng đang có suy nghĩ giống như tôi thì bài viết này chính là dành cho bạn. Ngay sau đây, tôi sẽ hướng dẫn cho các bạn cách thêm icon vào tiêu đề widget một cách nhanh chóng, đơn giản và hiệu quả.

Tham khảo thêm:

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

Một lợi thế rất lớn khi sử dụng WordPress là bạn có thể làm hầu hết mọi việc bằng các plugin có sẵn. Vậy tại sao chúng ta không thử giải quyết vấn đề này bằng 1 plugin nhỉ? Vâng, plugin mà tôi đang muốn nhắc đến chính là Widget Icon.

widget-icon-wordpress-plugin

Được phát triển bởi dFactory, đây là một trong những plugin miễn phí tốt nhất giúp chèn thêm icon vào tiêu đề widget.

Một số tính năng nổi bật của Widget Icon

  • Hoạt động với từng widget và hầu hết WordPress themes.
  • Lựa chọn hơn 640 biểu tượng (icon) đẹp.
  • Lựa chọn Font Awesome và Elusive icon.
  • Lựa chọn vị trí icon.
  • Cài đặt vùng đệm (padding) cho icon bằng pixel hoặc phần trăm (%).
  • Căn chỉnh icon theo chiều thẳng đứng (trên, dưới, giữa,…).
  • Chọn kích thước icon (chuẩn, lớn, x2, x3, x4).
  • Tự động sử dụng màu sắc từ tiêu đề widget hoặc cài đặt màu sắc bằng tay.
  • Tập tin .pot để dịch plugin sang các ngôn ngữ khác nhau.

Thêm icon vào tiêu đề widget với plugin Widget Icon

1. Để bắt đầu sử dụng Widget Icon, trước tiên các bạn cần cài đặt và kích hoạt plugin này.

cai-dat-va-kich-hoat-widget-icon-plugin

2. Tiếp theo, truy cập vào Appearance => Widget. Tại đây, các bạn sẽ thấy xuất hiện thêm các tùy chọn của Widget Icon bên trong mỗi widget. Công việc còn lại của các bạn chỉ là thiết lập các thông số sao cho phù hợp với nhu cầu và giao diện của mình.

cai-dat-widget-icon-cho-wordpress

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

Bạn biết giải pháp khác đơn giản và hiệu quả hơn để thêm icon vào tiêu đề widget nhằm phục vụ mục đích trang trí? Hãy chia sẻ nó với chúng tôi bằng cách sử dụng khung bình luận bên dưới.

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.3 / 5 ( 16 bình chọn )
  • Share on Facebook
  • Tweet on Twitter

Bài viết liên quan

tinh-gian-woocommerce
Tinh giản WooCommerce giúp website của bạn nhẹ hơn
tinh-gian-wordpress
Tinh giản WordPress giúp website của bạn nhẹ hơn
tri-hoan-tai-script-cua-ben-thu-ba
Trì hoãn tải script của bên thứ ba trong WordPress

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

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 « 2 Plugins giúp chống click chuột phải cho blog WordPress
Bài viết sau Giảm giá theme Paradise và dịch vụ cài đặt SSL »

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. Thánh soi viết

    10/02/2015 lúc 15:58

    Menu top giật lắm

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

      10/02/2015 lúc 16:24

      Menu nào giật bạn? Sao mình không thấy nhỉ? :O

      Trả lời
  2. cốc vũ viết

    11/02/2015 lúc 09:04

    Cũng hay, phải thử ngay :)

    Trả lời
  3. ngocvan viết

    12/02/2015 lúc 21:55

    có cái này cũng hay, làm trang web thêm sinh động

    Trả lời
  4. Phan thanh thành viết

    09/01/2017 lúc 11:34

    AD cho mình hỏi cách chèn icon vào mục nội dung bài viết phải làm cách nào ạ. tks ad :)

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

      09/01/2017 lúc 11:39

      Bạn thử plugin WP Visual Icon Fonts xem. :)

      Trả lời
      • Phan thanh thành viết

        09/01/2017 lúc 14:35

        ok. cảm ơn bạn Trung Hiếu ^^

        Trả lời
  5. CGTricks viết

    15/04/2017 lúc 10:14

    Thanks Hiếu vì plugin rất tuyệt :)

    Trả lời
  6. Thái Tài viết

    16/04/2017 lúc 08:23

    Đa tạ đại hiệp, quả nhiên là rất bổ ích

    Trả lời
  7. Minh Trang Nguyen Ngoc viết

    04/05/2017 lúc 20:54

    Anh hiếu ơi chèn icon vào sau tên mỗi tác giả thì dùng hàm php nào ạ
    nghĩa là mỗi tác giả 1 icon khác nhau ý ạ

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

      05/05/2017 lúc 08:20

      Dùng CSS chứ không cần PHP bạn ạ. :)

      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

  • Học Luật trong Tinh giản WordPress giúp website của bạn nhẹ hơn
  • Trung Hiếu trong Cài HTTPS cho WordPress nhanh chóng với Really Simple SSL
  • Land trong Cài HTTPS cho WordPress nhanh chóng với Really Simple SSL
  • Trung Hiếu trong Chuyển từ Classic Editor sang Block Editor (Gutenberg)

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

  1. David Do (2)
  2. Hoàng Minh (2)
  3. Học Luật (2)
  4. Kami (2)
  5. Gia Tuấn (1)
  6. Land (1)

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 - 37377 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