Bạn có muốn tạo các vật dụng tùy chỉnh của riêng mình trong WordPress? Tiện ích cho phép bạn kéo và thả các phần tử vào bất kỳ thanh bên hoặc khu vực sẵn sàng của trang web. Trong bài này, chúng tôi sẽ chỉ cho bạn cách dễ dàng tạo một widget WordPress tuỳ chỉnh.
Một Widget WordPress là gì?
Các vật dụng WordPress chứa các mẩu mã mà bạn có thể thêm vào thanh bên của trang web hoặc các khu vực sẵn có của widget. Hãy suy nghĩ về chúng như các mô-đun mà bạn có thể sử dụng để thêm các phần tử khác nhau bằng cách sử dụng một giao diện kéo và thả đơn giản.
Theo mặc định, WordPress đi kèm với một bộ tiện ích tiêu chuẩn mà bạn có thể sử dụng với bất kỳ chủ đề WordPress nào.
WordPress cũng cho phép các nhà phát triển tạo các widget riêng. Nhiều chủ đề và plugin của WordPress đi kèm với các vật dụng tùy chỉnh của riêng bạn để bạn có thể thêm vào các thanh bên.
Ví dụ: bạn có thể thêm biểu mẫu liên hệ, biểu mẫu đăng nhập tùy chỉnh hoặc thư viện ảnh vào thanh bên mà không cần viết bất kỳ mã nào.
Có nói rằng, chúng ta hãy xem làm thế nào để dễ dàng tạo các vật dụng tùy chỉnh của riêng bạn trong WordPress.
Tạo một Widget Tùy chỉnh trong WordPress
Trước khi bắt đầu, tốt nhất bạn nên tạo một plugin dành riêng cho trang web nơi bạn sẽ dán mã tiện ích từ hướng dẫn này.
Bạn cũng có thể dán mã vào tệp functions.php của chủ đề. Tuy nhiên, nó sẽ chỉ có sẵn khi chủ đề cụ thể đó đang hoạt động.
Trong hướng dẫn này, chúng tôi sẽ tạo ra một widget đơn giản chỉ chào đón du khách. Hãy xem mã này và sau đó dán nó vào plugin cụ thể cho trang web của bạn để xem nó hoạt động.
// Đăng ký và tải widget
hàm wpb_load_widget () {
register_widget ('wpb_widget');
}
add_action ('widgets_init', 'wpb_load_widget');
// Tạo widget
lớp wpb_widget kéo dài WP_Widget {
chức năng __construct () {
cha mẹ :: __ xây dựng (
// Base ID của widget của bạn
'wpb_widget',
// Tên Widget sẽ xuất hiện trong UI
__ ('trang web Widget', 'wpb_widget_domain'),
// Mô tả Widget
mảng ('description' => __ ('Phụ tùng mẫu dựa trên Hướng dẫn Trang web', 'wpb_widget_domain'),)
);
}
// Tạo giao diện người dùng tiện ích
công cụ chức năng công cộng ($ args, $ instance) {
$ title = apply_filters ('widget_title', $ instance ['title']);
// trước và sau khi đối số tiện ích được định nghĩa theo chủ đề
echo $ args ['before_widget'];
nếu (trống ($ tiêu đề))
echo $ args ['before_title']. $ tiêu đề. $ args ['after_title'];
// Đây là nơi bạn chạy mã và hiển thị đầu ra
echo __ ('Xin chào, Thế giới!', 'wpb_widget_domain');
echo $ args ['after_widget'];
}
// Widget Backend
dạng hàm công cộng ($ instance) {
if (isset ($ instance ['title'])) {
$ title = $ instance ['title'];
}
else {
$ title = __ ('Tiêu đề mới', 'wpb_widget_domain');
}
// mẫu quản trị Widget
?>
địa điểm
Bây giờ bạn có thể ghé thăm trang web của bạn để xem nó đang hoạt động.
Bây giờ chúng ta hãy nghiên cứu mã một lần nữa.
Đầu tiên chúng ta đã đăng ký 'wpb_widget' và tải widget tùy chỉnh của chúng tôi. Sau đó chúng tôi đã xác định widget đó làm gì, và làm thế nào để hiển thị back-end widget.
Cuối cùng, chúng tôi đã định nghĩa làm thế nào để xử lý các thay đổi được thực hiện cho widget.
Bây giờ có một vài điều bạn có thể muốn hỏi. Ví dụ, mục đích là gì wpb_text_domain ?
WordPress sử dụng gettext để xử lý bản dịch và bản địa hoá. Điều này wpb_text_domain và __e nói gettext để tạo một chuỗi có sẵn để dịch. Xem cách bạn có thể tìm thấy các bản dịch sẵn WordPress chủ đề.
Nếu bạn đang tạo tiện ích tùy chỉnh cho chủ đề của mình thì bạn có thể thay thế wpb_text_domain với miền văn bản chủ đề của bạn.