Hôm nay mình xin chia sẻ, hướng dẫn tạo Widget trong WordPress một cách dễ dàng cùng các bạn, giúp bạn có thể tự mình tạo Widget cho Theme WordPress bạn đang phát triển
Trượt Widget là gì ?
Như chúng ta đã biết thì trong các ứng dụng máy tính, hệ điều hành, phần mềm thì Widget là một phần mềm dẻo về mặt hiển thị thông tin .
Widget là một thành phần mã linh hoạt có thể dễ dàng cài đặt và thực thi ở bất kỳ vị trí nào trên một ứng dụng. Bạn có thể hiểu nó cũng tương tự như plugin và tiện ích mở rộng, hay đúng hơn là Plugin và tiện ích mở rộng thường sẽ hỗ trợ các Widget đi kèm theo. Bạn có thể hiểu về cơ bản như vậy để nó có sẵn ^^
Widget trong WordPress là gì ?
Widget trong WordPress là các thành phần hỗ trợ quản trị trang web/blog của thành viên dễ dàng quản lý, thay đổi việc có thể hiển thị các thành phần hiển thị . Các Widget standard thường có khả năng hiển thị hoàn toàn tương thích với vị trí mà nó được đặt.
Tạo Widget trong WordPress như thế nào ?
Trong WordPress thì Widget thường là các khối thành phần độc lập chứa trong thư mục.
wp-gồm/mặc định-widget. php của WordPress, trong đây là nơi chứa các Widget mặc định mà WordPress hỗ trợ sẵn.
bao gồm/tên-widget. php của thư mục Theme cụ thể bất kỳ Widget hỗ trợ nào, theo mình bạn cũng nên đặt Widget tập tin của mình vào thư mục bao gồm trong Theme của bạn. Đối với tên của tệp, bạn có thể đặt sao cho mình tiện ích quản lý sau này, mình thường đặt theo dạng TenTheme-widget. php [Đó là cách của mình, đương nhiên là bạn có thể tạo và chưa Widget của bạn ở đâu trong ứng dụng cũng được nhé. ]
Bắt đầu tạo Widget trong WordPress nào
Bước 1.
Bạn tạo 1 tập tin có tên “TenTheme-widgets. php” trong thư mục bao gồm của Theme. [Ví dụ. bao gồm/cukimngoc-widget. php].
Bước 2.
Để tạo Widget trong WordPress, bạn chỉ cần tạo lớp đúng theo quy định được WordPress hỗ trợ như sau.
// Bắt đầu khởi tạo 1 Widget trong WordPress ^^
class CKN_widget extends WP_Widget {
// Hàm này thể hiện các thông tin cơ bản của Widget như ID, Tên Widget, mô tả của Widget.
function __construct[] {
parent::__construct[
// ID widget của bạn
'CKN_widget',
// Tên Widget xuất hiện trong giao diện
__['Widget chào các bạn', 'CKN_widget_ChaoCacBan'],
// Thông tin mô tả về Widget
array[ 'description' => __[ 'Đây là Widget đơn giản hiển thị nội dung Chào các bạn đây là bài viết Hướng dẫn tạo Widget trong WordPress!', 'CKN_widget_ChaoCacBan' ], ]
];
}
// Phần này sẽ viết mã hiển thị dữ liệu trên giao diện [widget front-end]
// function widget[] là hàm xử lý thông tin cần hiển thị lên giao diện;
public function widget[ $args, $instance ] {
$title = apply_filters[ 'widget_title', $instance['title'] ];
$outputHTML='';
// Trước và sau một Widget bạn cần cho phép hiển thị giá trị của các đối số được định nghĩa bởi Theme bất kỳ, nhằm tăng tính tương thích của Theme với Widget của bạn.
$outputHTML .= $args['before_widget'];
if [ ! empty[ $title ] ]
$outputHTML .= $args['before_title'] . $title . $args['after_title'];
// Từ vị trí này bạn sẽ viết mã xử lý hiển thị dữ liệu của mình.
$outputHTML .='Chào các bạn đây là bài viết Hướng dẫn tạo Widget trong WordPress!';
$outputHTML .= $args['after_widget'];
echo $outputHTML;
}
// Phần xử lý dữ liệu bên dưới giao diện [widget Backend].
// Form điền thông số tùy chỉnh theo chức năng mà Widget bạn cần phát triển. Ở đây mình chỉ cho tùy chỉnh tiêu đề Widget.
public function form[ $instance ] {
// Chúng ta kiểm tra biến $instance['title'] có giá trị không ? Nếu có thì gán cho biến $title
if [ isset[ $instance[ 'title' ] ] ] {
$title = $instance[ 'title' ];
}
else {
$title = __[ 'Tiêu đề mặc định', 'CKN_widget_ChaoCacBan' ];
}
?>