Zalo
078 675 7979

Cách thêm icon vào Widget title trong WordPress

Trong quá trình thiết kế giao diện cho website của khách hàng tôi muốn làm đẹp hơn phần Danh mục sản phẩm của website bằng cách thêm một cái gì đó vào trước văn bản trong tiêu đề Widget. Tôi nghĩ ngay đến việc thêm một icon bars vào trước tilte của widget. Vì theme tôi đang dùng cho website này đang hỗ trợ font-awesome nên tôi đã sử dụng nó để thêm icon fa-bars vào widget title. Bài viết này tôi sẽ hướng dẫn các bạn cách thêm icon vào tiêu đề widget trên website WordPress nhé.Cách thêm icon vào Widget title trong WordPress

Đầu tiên bạn cần bật chức năng Shortcode trên Widget title bằng cách thêm đoạn code sau vào file function.php của theme.

add_filter('widget_title', 'do_shortcode');

Tiếp theo bạn chỉ cần tạo một shortcode trả về đoạn html mà bạn muốn thêm vào tiêu đề của widget. Ví dụ:

add_shortcode('fa-bars', 'shortcode_fa_bars');

function shortcode_fa_bars($attr) {
  return '';
}

Bây giờ bạn quay lại chức năng Widget của WordPress và sử dụng shortcode [fa-bars] mới để thêm vào tiêu đề của widget thôi.

Cách thêm icon vào Widget title trong WordPress

Như vậy là với chức năng này, bạn có thể thêm bất cứ đoạn html nào vào widget title chứ không phải chỉ riên icon. Chúc các bạn thành công.

 

Trả lời

Ý KIẾN KHÁCH HÀNG

Anh ơi tranh vẽ quá tuyệt luôn ạ, em cứ ngắm mãi không chán, có dịp lại đặt anh vẽ nữa nha. cảm ơn anh rất nhiều ạ!

 

Quỳnh Kool / Facebook

Qúa tuyệt vời bạn ơi, hơn cả sự mong đợi của mình luôn, không ngờ tranh vẽ lại đẹp hơn hình chụp luôn, mình rất hài lòng. Cảm ơn bạn rất nhiều!

Việt Anh / Facebook

Mình đặt gấp mà các anh vẫn giao rất nhanh chỉ một hai hôm. Tranh cực đẹp luôn. Cảm ơn các anh rất nhiều!

 

Đinh Minh Phương / Fakebook