Tạo widget trong plugin wordpress

Tuy nhiên, chỉ vì nó phổ biến không có nghĩa là nó là giải pháp hoàn hảo cho mọi người tạo nội dung. May mắn thay, bạn có thể điều chỉnh phần mềm để đáp ứng tốt hơn nhu cầu của mình

Tạo các tiện ích WordPress tùy chỉnh yêu cầu biết một số kỹ thuật mã hóa. Tuy nhiên, việc tạo các tiện ích này sẽ mang lại khả năng cá nhân hóa mà bạn có thể cần để giúp WordPress hoạt động tốt hơn cho bạn

Tại sao tạo một Widget WordPress tùy chỉnh lại đáng giá

Tiện ích WordPress là một đoạn mã cung cấp cho người dùng khả năng thêm các phần tử vào trang WordPress bằng cách kéo và thả dễ dàng. Tiện ích đơn giản hóa việc thêm các yếu tố như

  • Băng rôn
  • Hình thức đăng ký
  • thực đơn
  • lịch
  • Thanh tìm kiếm
  • danh sách

Widget đơn giản hóa việc xây dựng trang web WordPress của bạn với các yếu tố thiết kế, đặt các thành phần trực quan thú vị và thông tin hữu ích cho người đọc của bạn ở những khu vực có thể nhìn thấy rõ ràng.  

Nếu việc xây dựng các tiện ích của riêng bạn có vẻ như tốn quá nhiều công sức, hãy hiểu rằng WordPress bao gồm nhiều tiện ích hiện có như một phần của phần mềm. Các nhà phát triển bên thứ ba cũng thường xuyên tạo các tiện ích mà bạn thường có thể sử dụng miễn phí

Tuy nhiên, nếu không có tùy chọn tiện ích con nào hiện có hoàn toàn làm được những gì bạn cần, thì quá trình tạo tiện ích con WordPress của riêng bạn rất đáng để khám phá

Khoản đầu tư cần thiết để tạo các tiện ích WordPress tùy chỉnh

Tạo một tiện ích WordPress tùy chỉnh sẽ yêu cầu bạn đầu tư một chút thời gian. Nếu bạn không quen với mã PHP trông như thế nào hoặc nếu bạn không thích phải nhập các chuỗi văn bản chính xác mà không có lỗi, quá trình này có thể là một khẩu hiệu dài, khó chịu và không đảm bảo thành công

Trang web hỗ trợ WordPress cung cấp một trang tham khảo được thiết kế để giúp bạn tạo tất cả mã hóa một cách chính xác, liệt kê các tùy chọn khác nhau mà bạn có sẵn. Điều này không nhất thiết làm cho quy trình trở nên dễ dàng đối với người mới bắt đầu, nhưng nó sẽ giúp bạn tránh được một số lỗi mã hóa quan trọng khiến tiện ích của bạn không thể hoạt động như bình thường

Tin vui là bạn không cần có bằng khoa học máy tính để tạo các widget tùy chỉnh của riêng mình cho WordPress. Những người mới đến có thể thực hiện công việc thành công, miễn là họ sẵn sàng làm một số bài tập về viết mã PHP trước. Hiểu rằng bạn có thể sẽ cần dành vài đến vài giờ để làm quen với ít nhất các kỹ thuật mã hóa cơ bản nhất trước khi bắt đầu tiện ích của riêng mình

Tin tốt hơn nữa là không cần đầu tư tài chính lớn để tạo tiện ích con tùy chỉnh. Ngoài khoản đầu tư mà bạn vẫn phải thực hiện để tạo trang web WordPress của mình, đăng ký dịch vụ lưu trữ web, v.v., bạn không phải trả thêm chi phí nào để tự tạo các tiện ích con tùy chỉnh.  

Xây dựng Widget tùy chỉnh đầu tiên của bạn

Sau khi tìm hiểu một chút về viết mã PHP, bạn sẽ sẵn sàng để thử tạo một tiện ích con tùy chỉnh. Lần đầu tiên bạn tạo một tiện ích tùy chỉnh cho WordPress, bạn có thể mất vài giờ cho một tiện ích cực kỳ cơ bản. Nếu bạn không nhập chính xác, có thể mất thêm một giờ nữa để theo dõi và sửa các lỗi đánh máy và lỗi viết mã.  

Một số người có thể thích sử dụng các tiện ích có sẵn là một phần của WordPress để tiết kiệm thời gian và rắc rối. (Cuộn về phía trước để tìm hiểu thêm về những. ) Tuy nhiên, nếu bạn cần một tiện ích được điều chỉnh chính xác theo cách bạn sử dụng WordPress, bạn có thể không có lựa chọn nào khác ngoài việc tạo một tiện ích tùy chỉnh

11 bước để tạo một tiện ích WordPress tùy chỉnh

Dưới đây là các bước cần thiết để tạo tiện ích tùy chỉnh của riêng bạn. Hiểu rằng chúng tôi đang liệt kê các bước cơ bản nhất ở đây. Đối với các nhu cầu chính xác hơn, bạn sẽ cần tham khảo trang web hỗ trợ WordPress và nghiên cứu các kỹ thuật mã hóa PHP

Tạo widget trong plugin wordpress

#1 – Thực hiện một vài bước sơ bộ

Trước khi bắt đầu quá trình, chúng tôi khuyên bạn nên thực hiện một số bước để bảo vệ trang web WordPress của mình. Trong quá trình này, khả năng xảy ra lỗi nghiêm trọng làm hỏng trang web của bạn là nhỏ, nhưng chúng vẫn tồn tại

  • Sao lưu trang web. Tạo bản sao lưu đầy đủ cho trang web WordPress của bạn trước khi bạn bắt đầu quá trình tạo tiện ích WordPress tùy chỉnh.  
  • Sử dụng một chủ đề con. Không sử dụng chủ đề WordPress chính của bạn để tạo tiện ích tùy chỉnh đầu tiên của bạn. Làm việc trên một chủ đề con cho đến khi bạn hoàn toàn cảm thấy thoải mái với quy trình để ngăn ngừa các lỗi tiềm ẩn
  • Tìm một môi trường thử nghiệm. Bạn sẽ muốn tìm cách kiểm tra tiện ích con mới tạo của mình trên môi trường cục bộ, thay vì trên trang web trực tiếp.  
Tạo widget trong plugin wordpress

#2 – Chọn Trình soạn thảo văn bản

Bạn sẽ tạo mã hóa mà tiện ích yêu cầu bên trong trình soạn thảo văn bản. Bạn không muốn sử dụng Microsoft Word hoặc Google Doc để tạo văn bản mã hóa cho tiện ích WordPress, vì các gói phần mềm xử lý văn bản này đôi khi đặt các ký tự vô hình vào tệp. Các ký tự ẩn có thể khiến mã hóa hoạt động không chính xác

Trình soạn thảo văn bản không cung cấp nhiều tùy chọn để định dạng văn bản, nhưng vì bạn chỉ đang tìm kiếm một chuỗi văn bản cơ bản, rõ ràng nên bạn không muốn định dạng (cũng có thể thêm các ký tự ẩn)

Một số trình soạn thảo văn bản an toàn mà bạn có thể sử dụng miễn phí bao gồm

  • nguyên tử
  • Notepad (đi kèm với Windows)
  • Sổ tay ++
  • TextEdit (đi kèm với Mac OS)

#3 – Hiểu về Bốn Phương pháp Cơ bản để Tạo Widget

Trong phiên bản mới nhất của WordPress, phần mềm hỗ trợ tới 18 phương pháp mà bạn có thể sử dụng để tạo tiện ích con tùy chỉnh. Bạn sẽ thêm các phương thức riêng lẻ vào tệp bạn tạo trong trình soạn thảo văn bản để cho WordPress biết cách triển khai tiện ích

WordPress sử dụng lớp WP_Widget tích hợp để triển khai các phương thức này. WP_Widget là một phần của WordPress chạy các widget

Để tạo tiện ích tùy chỉnh cơ bản nhất trong WordPress, bạn phải sử dụng ít nhất bốn phương pháp. Ví dụ, bạn có thể sử dụng bốn phương pháp để tạo biểu ngữ cơ bản chào đón khách truy cập vào trang web. Bốn phương pháp cơ bản được sử dụng phổ biến nhất là

  • __xây dựng()
  • tiện ích ()
  • hình thức()
  • cập nhật()

Đối với cuộc thảo luận của chúng tôi về các bước cần thiết để tạo tiện ích con tùy chỉnh cho WordPress, chúng tôi sẽ sử dụng bốn phương pháp cơ bản này. Tuy nhiên, nếu bạn muốn tạo một tiện ích tùy chỉnh cung cấp chức năng phức tạp hơn, bạn sẽ cần sử dụng nhiều phương pháp hơn

Tạo widget trong plugin wordpress

#4 – Tạo tiêu đề

Mở trình soạn thảo văn bản bạn sẽ sử dụng. Trong phần mở đầu của trình soạn thảo, bạn sẽ thêm văn bản

class [tên widget của bạn] extends WP_widget {

Bên trong dấu ngoặc vuông, bạn sẽ cần nhập tên tiện ích của mình, sử dụng dấu gạch dưới giữa mỗi từ. Sau đó, bạn sẽ cần thêm từng phương thức bạn muốn sử dụng theo thứ tự. Thêm một dấu ngoặc đóng ở cuối toàn bộ tệp để bù vào dấu ngoặc mở được hiển thị ở đây

Bạn có khá nhiều tùy chọn để tạo mã bên trong trình soạn thảo văn bản của mình để tạo tiện ích WordPress tùy chỉnh. Chúng tôi sẽ không cố gắng liệt kê mọi khả năng mà bạn có thể nhập vào tệp cho tiện ích của mình, điều này sẽ trở nên khó sử dụng. Thay vào đó, chúng tôi sẽ liệt kê văn bản cơ bản nhất mà bạn sẽ thêm

Tạo widget trong plugin wordpress

#5 – Thêm phương thức __construct()

Sử dụng phương thức __construct() trong trình soạn thảo văn bản của bạn cho phép bạn thiết lập các tham số cho tiện ích WordPress tùy chỉnh của mình. Phương pháp này đánh vần ID tiện ích, tiêu đề (hoặc tên) và mô tả. Giới thiệu phương thức __construct() như thế này

hàm công khai __construct() {

Lưu ý dấu gạch dưới kép là một phần của lệnh này, cũng như dấu ngoặc đơn mở và đóng. (Bạn có tùy chọn thêm các lệnh bổ sung giữa các dấu ngoặc đơn cho từng phương thức. ) Điều quan trọng là phải nhập chính xác tất cả các ký tự này. Lỗi khi thêm văn bản có thể gây ra các vấn đề nghiêm trọng cho quá trình viết mã của bạn.  

Những người thường xuyên viết mã hiểu sự cần thiết phải nhập các ký tự chính xác. Những người chưa quen với việc viết mã và xây dựng một tiện ích như thế này có thể trở nên vô cùng thất vọng khi cố gắng nhập đúng tất cả các ký tự.  

Trên các dòng sau phần giới thiệu phương thức __construct(), sau đó bạn có thể thêm ID cho tiện ích của mình, ID này cần khớp chính xác với tên bạn đã sử dụng trong tiêu đề. Bạn có thể thêm ghi chú cũng như mô tả về chức năng của từng dòng

Với lệnh ID, bạn sẽ thêm một tên trong phần này cho biết cách WordPress sẽ hiển thị tên của tiện ích trong phần mềm

Sau khi nhập tất cả thông tin có trong phần __construct(), hãy thêm dấu ngoặc đóng.  

Tạo widget trong plugin wordpress

#6 – Thêm phương thức widget()

Sử dụng phần phương thức widget() để thêm và xác định đầu ra mà tiện ích sẽ tạo. Phương thức widget() hiển thị mã HTML trong tiện ích ở mặt trước của trang web WordPress của bạn

Bạn có thể nhập thông báo mà tiện ích sẽ hiển thị trên trang web của bạn thông qua phần này chẳng hạn. Bạn cũng có thể chỉ định tiêu đề cho tiện ích trong phần này, cũng như thêm liên kết “tìm hiểu thêm” bên trong tiện ích

Bạn thậm chí có thể thêm các dòng trống cho tiện ích tùy chỉnh thông qua phương thức widget(). Điều chỉnh vị trí của các dòng trống sẽ ảnh hưởng lớn đến giao diện của tiện ích con. Bạn có thể thêm các dòng mô tả trong phần này, nếu bạn muốn thêm ghi chú để giải thích một số dòng mã

Giới thiệu phương thức widget() như thế này

tiện ích chức năng công cộng() {

Sau khi nhập tất cả các lệnh và ghi chú trong phương thức này, đừng quên thêm dấu ngoặc đóng, nếu không bạn sẽ tạo ra lỗi mã hóa

Tạo widget trong plugin wordpress

#7 – Thêm phương thức form()

Tiếp theo, bạn sẽ thêm phương thức form() vào trình soạn thảo văn bản của mình. Trong phần này, bạn sẽ thiết lập các trường biểu mẫu để tạo các tùy chọn cho phần phụ trợ của tiện ích con. Nó kiểm soát giao diện của widget trên phần phụ trợ

Giới thiệu phương thức form() như thế này

biểu mẫu hàm công khai () {

Đừng quên thêm dấu ngoặc đóng sau khi nhập thông tin vào phương thức form(). Đối với một tiện ích rất đơn giản, bạn chỉ có thể thêm một chút thông tin vào đây

Tạo widget trong plugin wordpress

#8 – Thêm phương thức update()

Phương pháp thứ tư để tạo tiện ích tùy chỉnh cơ bản trong WordPress liên quan đến việc thêm phương thức update()

Phương pháp này giúp dễ dàng tùy chỉnh tiện ích sau khi nó xuất hiện trên trang web, chẳng hạn như cho phép bạn thay đổi thông báo biểu ngữ. Thay vì phải quay lại và xây dựng một tiện ích hoàn toàn mới mỗi khi bạn muốn thay đổi văn bản trong tiện ích, phương thức update() giúp thay đổi văn bản dễ dàng hơn nhiều

Các mục mà bạn có thể thêm thông qua phương thức update() bao gồm

  • Một trường cho tiêu đề widget
  • Một khu vực cho một tin nhắn văn bản
  • Trường cho địa chỉ URL mà khách truy cập có thể nhấp vào
  • Một trường chọn để xác định xem việc nhấp vào URL có mở tab trình duyệt mới hay không

Giới thiệu phương thức update() như thế này

cập nhật chức năng công khai() {

Thêm dấu ngoặc đóng sau khi bạn hoàn tất việc thêm thông tin. Khi bạn đang tạo một widget đơn giản, bạn có thể không có nhiều thông tin để thêm vào phương thức update().  

Tạo widget trong plugin wordpress

#9 – Đăng ký Widget tùy chỉnh

Là bước cuối cùng để nhập văn bản vào trình soạn thảo văn bản cho mã tiện ích của bạn, bạn sẽ cần bao gồm một chức năng đăng ký tiện ích của bạn với WordPress và cho nó biết cách sử dụng tiện ích tùy chỉnh. Bắt đầu với

function [tên widget của bạn] () {

Bạn sẽ cần thêm dấu ngoặc đóng sau khi thêm bất kỳ hướng dẫn bổ sung nào mà bạn có

Sau đó, sử dụng mã add_action, mã này hoàn tất quy trình yêu cầu WordPress tải tiện ích và bắt đầu sử dụng tiện ích đó.  

Mã add_action nên bao gồm

hành động bổ sung ()

Sử dụng dấu chấm phẩy sau dấu ngoặc đơn đóng trong mã add_action

Thêm mã cần thiết để đăng ký tiện ích con vào cuối tệp soạn thảo văn bản. Tuy nhiên, với một số phiên bản WordPress cũ hơn, bạn có thể cần thêm văn bản để đăng ký tiện ích ở đầu tệp, trước tất cả các văn bản khác

#10 – Thêm mã của bạn

Khi bạn đã hoàn thành việc tạo mã của mình trong trình soạn thảo văn bản, bạn sẽ sẵn sàng để kiểm tra mã đó. Bạn sẽ cần phải thêm nó vào các chức năng. tập tin php.  

Bạn sẽ phải đăng nhập vào khu vực quản trị WordPress của mình để thêm mã. Chức năng. php có sẵn bằng cách nhấp vào Giao diện, Trình chỉnh sửa chủ đề và Chức năng chủ đề. Trong các chức năng. php của bạn, hãy dán văn bản từ trình soạn thảo văn bản của bạn vào cuối tệp và nhấp vào Cập nhật tệp để lưu các thay đổi của bạn

#11 – Sử dụng Widget tùy chỉnh

Trong cửa sổ WordPress, nhấp vào menu Giao diện, theo sau là Tiện ích. Bạn sẽ thấy tên tiện ích của mình được liệt kê

Nhấp vào và kéo tên của tiện ích vào phần Thanh bên (được liệt kê ở bên phải của trang) để chọn vị trí của tiện ích trên trang. Nhấp vào để lưu

Sau đó vào trang WordPress của bạn để xem tiện ích có xuất hiện không. Nếu nó có vẻ đang hoạt động, bạn đã tạo tiện ích chính xác. Nếu nó không hoạt động chính xác, bạn sẽ cần quay lại trình soạn thảo văn bản và tìm lỗi viết mã

Tạo widget trong plugin wordpress

Thêm và tùy chỉnh một tiện ích có sẵn

Nếu công việc mã hóa để thêm một tiện ích có vẻ quá sức, thì WordPress có một số tiện ích được tích hợp trong phần mềm. Ngoài ra, một số chủ đề WordPress sẽ cung cấp quyền truy cập vào các tiện ích mà bạn có thể sử dụng mà không cần phải mã hóa. Một số plugin cũng thêm tiện ích

Để xem các tiện ích đã là một phần của WordPress, hãy mở trang quản trị. Nhấp vào Giao diện, theo sau là Tiện ích

Trong cửa sổ Tiện ích, bạn sẽ thấy danh sách các tiện ích có sẵn mà bạn có thể thêm vào trang. Dọc phía bên phải của cửa sổ, bạn sẽ thấy các khu vực trên trang của mình nơi bạn có thể thêm các tiện ích con (bao gồm cả khu vực Thanh bên). Các khu vực bạn có sẵn sẽ phụ thuộc vào chủ đề WordPress bạn đang sử dụng

Để thêm một trong các tiện ích có sẵn vào trang của bạn, hãy nhấp vào nó, kéo nó sang bên phải của cửa sổ. Thả nó vào phần mà bạn muốn thấy nó xuất hiện.  

Xóa tiện ích

Để xóa một tiện ích khỏi trang của bạn, hãy mở lại cửa sổ Tiện ích. Xem qua danh sách các vật dụng đã có trên trang dọc theo bên phải của cửa sổ. Nhấp vào tên của tiện ích bạn muốn xóa. Sau đó nhấp vào Xóa

Bước tiếp theo

Chắc chắn, việc sử dụng mã PHP chính xác để tạo tiện ích WordPress tùy chỉnh có thể là một thách thức đáng kể đối với người mới viết mã. Tuy nhiên, khi bạn đã tìm ra quy trình, tiện ích tùy chỉnh này có thể mang lại lợi thế cho trang web của bạn so với đối thủ cạnh tranh

Tạo các tiện ích WordPress của riêng bạn sẽ đơn giản hóa quá trình tạo nội dung trông tuyệt vời. Việc thêm thông tin tùy chỉnh thậm chí có thể giúp bạn mở rộng phạm vi tiếp cận trang web của mình

Tìm một dịch vụ lưu trữ WordPress cung cấp các tính năng bạn cần cho hướng mới của trang web của bạn có thể là bước tiếp theo thông minh cần thực hiện. Cân nhắc tìm hiểu các chủ đề thương mại điện tử tốt nhất trong WordPress, vì những chủ đề này có thể giúp bạn kiếm tiền từ trang web đang phát triển của mình