Bỏ qua đến nội dung chính

Làm thế nào để tạo ra một widget tùy chỉnh trên WordPress

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 901.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

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.

Tạo một widget tùy chỉnh trên wordpress

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.

Tiện ích bảng điều khiển Wordpress

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ọ. Nhiều chủ đề và plugin WordPress đi kèm với các tiện ích tùy chỉnh của riêng bạn 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.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

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.

Tiện ích tùy chỉnh Wordpress

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ủ đề.

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Khám phá thêm một số plugin WordPress cao cấp  

Bạn có thể sử dụng các plugin WordPress khác để mang lại cái nhìn hiện đại và tối ưu hóa độ bám của 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 Galaxy Funder WordPress cao cấp, 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ỹ vào tiêu đề của cửa hàng trực tuyến WooCommerce của bạn.

Galaxy funder woocommerce plugin hệ thống huy động vốn cộng đồng wordpress

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 demoWeb hosting

2. Nhấp vào Trò chuyện WhatsApp

Plugin WordPress cao cấp Nhấp vào WhatsApp Chat cho phép khách hàng WordPress dễ dàng kết nối với chủ sở hữu trang web hoặc hỗ trợ khách hàng bằng tài khoản WhatsApp của họ. 

Nhấp để trò chuyện whatsapp cho plugin wordpress

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

Plugin WordPress cao cấp này 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.watermark dễ kỹ thuật số-file-tải hình ảnh

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.

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

...  

Bài viết này chứa comments 0

Để lại một bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
10 cổ phiếu
cổ phiếu8
tweet1
Enregistrer1