Bạn có muốn tạo các widget tùy chỉnh của riêng mình trên WordPress không?
Tiện ích cho phép bạn kéo và thả các mục vào bất kỳ thanh bên hoặc khu vực tiện ích sẵn sàng nào trên trang web của bạn. Do đó, trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng tạo một widget WordPress tùy chỉnh.
Nhưng trước đây, nếu bạn chưa bao giờ cài đặt WordPress khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn
Sau đó trở lại lý do tại sao chúng ta ở đây.
Tiện ích WordPress là gì?
Các widget của WordPress chứa các đoạn mã mà bạn có thể thêm vào thanh bên của trang web hoặc các khu vực thân thiện với widget. Hãy coi nó 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 giao diện "Kéo và Thả" đơn giản.
Theo mặc định, WordPress đi kèm với một bộ widget tiêu chuẩn mà bạn có thể sử dụng với bất kỳ chủ đề WordPress nào.
Khám phá quá chủ đề WordPress cao cấp tốt nhất của chúng tôi.
WordPress cũng cho phép các nhà phát triển tạo các widget tùy chỉnh của riêng họ. Rất nhiều chủ đề và plugin WordPress đi kèm với các vật dụng tùy chỉnh của riêng họ mà bạn có thể thêm vào thanh bên của mình.
Ví dụ: bạn có thể thêm một mẫu liên hệ, một hình thức đăng nhập tùy chỉnh hoặc một bộ sưu tập ảnh trong một thanh bên mà không viết bất kỳ mã nào.
Điều đó nói rằng, hãy xem cách dễ dàng tạo các widget tùy chỉnh của riêng bạn trên WordPress.
Làm thế nào để tạo ra một widget tùy chỉnh trên WordPress
Hướng dẫn này dành cho những người có kiến thức về phát triển web.
Trước khi bắt đầu, sẽ tốt hơn nếu tạo một plugin cụ thể trên trang web nơi bạn dán mã widget cho hướng dẫn này.
Bạn cũng có thể dán mã vào tệp "tests.php" trong chủ đề WordPress của mình. Tuy nhiên, nó sẽ chỉ khả dụng khi chủ đề WordPress cụ thể đó đang hoạt động.
Trong hướng dẫn này, chúng tôi sẽ tạo ra một tiện ích đơn giản sẽ chào đón khách truy cập. Nhìn vào mã này, sau đó dán nó vào plugin cụ thể của bạn để xem nó hoạt động.
// Đăng ký và tải hàm widget wpb_load_widget () {register_widget ('wpb_widget'); } add_action ('widgets_init', 'wpb_load_widget'); // Tạo lớp widget wpb_widget mở rộng WP_Widget {function __construct () {parent :: __ construct (// ID cơ sở của widget 'wpb_widget' của bạn, // Tên widget sẽ xuất hiện trong UI __ ('BPC Widget', 'wpb_widget_domain') , // Mảng mô tả widget ('description' => __ ('Simple WordPress Widget', 'wpb_widget_domain'),)); } // Tạo tiện ích hàm widget front-end public widget ($ args, $ instance) {$ title = apply_filters ('widget_title', $ instance ['title']); // đối số trước và sau tiện ích được xác định bởi chủ đề echo $ args ['before_widget']; if (! blank ($ title)) echo $ args ['before_title']. $ title. $ args ['after_title']; // Đây là nơi bạn chạy mã và hiển thị đầu ra echo __ ('Simple Widget', 'wpb_widget_domain'); echo $ args ['after_widget']; } // Dạng hàm công khai phụ trợ widget ($ instance) {if (Isset ($ instance ['title'])) {$ title = $ instance ['title']; } else {$ title = __ ('Tiêu đề mới', 'wpb_widget_domain'); } // Tiện ích biểu mẫu quản trị viên?> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />
Sau khi thêm mã, bạn phải chuyển đến " Giao diện> Tiện ích ". Bạn sẽ nhận thấy tiện ích mới " PCB widget Trong danh sách các vật dụng có sẵn. Bạn phải kéo và thả tiện ích này vào một thanh bên.
Bây giờ bằng cách truy cập blog của bạn, bạn sẽ thấy một tiện ích trên thanh bên nơi bạn đã thêm tiện ích được đề cập.
Bây giờ hãy xem mã này.
Đầu tiên chúng tôi ghi lại “ wpb_widget Và tải tiện ích tùy chỉnh của chúng tôi. Tiếp theo, chúng tôi xác định tiện ích con này làm gì và cách hiển thị nó trên trang tổng quan.
Cuối cùng, chúng tôi đã xác định cách 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 biết. Ví dụ, mục tiêu là gì " wpb_text_domain »
WordPress sử dụng "gettext" để quản lý dịch thuật và bản địa hóa. Vì vậy wpb_text_domain "và __e cho gettext biết cách lấy chuỗi dịch nếu nó tồn tại.
Nếu bạn tạo một tiện ích tùy chỉnh cho chủ đề WordPress của mình, bạn có thể thay thế "wpb bản_domain" bằng văn bản tên miền của chủ đề.
Khám phá thêm một số plugin WordPress cao cấp
Bạn có thể sử dụng cái khác plugin WordPress để tạo ra một giao diện hiện đại và để tối ưu hóa việc xử lý blog hoặc trang web của bạn.
Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.
1. Galaxy Funder
Galaxy Funder là một hệ thống huy động vốn từ cộng đồng có nhiều tính năng được thiết kế cho bất kỳ trang web WooCommerce nào. Sử dụng Plugin WordPress Premium Galaxy Funder, bạn sẽ có thể quản lý trang web huy động vốn cộng đồng của riêng mình hoặc thêm các chiến dịch gây quỹ trên tiêu đề của cửa hàng trực tuyến WooCommerce của bạn.
Bạn cũng có thể sử dụng bất kỳ cổng thanh toán được hỗ trợ bởi WooC Commerce. Xin lưu ý rằng "Galaxy Funder" hoạt động trực tiếp trên trang cửa hàng trực tuyến, giúp quá trình đóng góp của người dùng dễ dàng hơn.
Tải về | Bản demo | Web hosting
2. Nhấp vào Trò chuyện WhatsApp
Le Plugin WordPress premium Click to WhatsApp Chat giúp khách hàng WordPress dễ dàng kết nối với chủ sở hữu trang web hoặc bộ phận hỗ trợ khách hàng bằng tài khoản WhatsApp của họ.
Chỉ cần một cú nhấp chuột vào tài khoản WhatsApp và nó sẽ được chuyển trực tiếp đến tài khoản WhatsApp di động với một thông báo mặc định. Và nếu khách hàng ở trên máy tính để bàn hoặc máy tính xách tay, anh ta sẽ được chuyển hướng đến WhatsApp Web.
Plugin này yêu cầu số và ngày giờ WhatsApp mà chủ sở hữu trang web hoặc nhóm hỗ trợ sẽ sử dụng để thảo luận. Nút trò chuyện có thể được thêm vào trang chi tiết sản phẩm WooC Commerce, có liên quan trực tiếp đến sản phẩm này.
Tải về | Bản demo | Web hosting
3. Tải xuống Hình mờ hình ảnh
Cette Phần mở rộng WordPress cao cấp cho phép bạn dễ dàng thêm hình mờ vào hình ảnh của mình Tải về kỹ thuật số dễ dàng.
những watermarks có thể là một hình ảnh biểu tượng bản quyền, một logo công tyhoặc một phần của thương hiệu dưới dạng hình ảnh PNG trong suốt.
Tải về | Bản demo | Web hosting
Các tài nguyên được đề xuất khác
Chúng tôi cũng mời bạn tham khảo các tài nguyên dưới đây để đi xa hơn trong việc kiểm soát và kiểm soát trang web và blog của bạn.
- Các plugin 7 WordPress để đánh giá bình luận blog
- 5 plugin WordPress để quản lý bản tin của bạn tốt hơn
- Các plugin 8 WordPress để tạo biểu mẫu liên hệ
- Làm thế nào để mở một video Youtube trong một popup trên WordPress
Kết luận
Voila! Đó là tất cả cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn tạo các widget tùy chỉnh trên blog WordPress của bạn. Nếu bạn có ý kiến hoặc đề xuất, đừng ngần ngại cho chúng tôi biết trong phần dành riêng.
Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.
Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.
...
