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.

1 Star2 Stars3 Stars4 Stars5 Stars (1 đánh giá)
Loading...

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *