Hướng dẫn create plugin in wordpress step by step - từng bước tạo plugin trong wordpress

Vì vậy, bạn muốn tạo một plugin WordPress nhưng không biết bắt đầu từ đâu?

Các plugin WordPress cho phép bạn thêm các tính năng tùy chỉnh vào trang web của bạn. Có hàng ngàn trong số chúng có sẵn miễn phí và bạn thậm chí có thể tạo các plugin WordPress tùy chỉnh của riêng mình.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo một plugin WordPress và cách bắt đầu hành trình phát triển plugin WordPress của bạn.

Về việc tạo plugin WordPress đầu tiên của bạn

Các plugin WordPress giống như các ứng dụng cho trang web WordPress của bạn. Giống như các ứng dụng trên điện thoại của bạn, bạn có thể cài đặt các plugin trong WordPress để thêm các tính năng mới.

Để tìm hiểu thêm về các plugin WordPress, hãy xem hướng dẫn của chúng tôi trên các plugin WordPress và chúng hoạt động như thế nào?

Bạn sẽ cần kiến ​​thức cơ bản về các ngôn ngữ mã hóa như PHP, CSS, HTML và JavaScript để viết một plugin.

Nghe có vẻ rất nhiều học tập, phải không?

Đừng lo lắng, bạn vẫn có thể làm theo hướng dẫn của chúng tôi. Chúng tôi sẽ hướng dẫn bạn trong quá trình từng bước và đến cuối của nó, bạn sẽ có đủ sự hiểu biết về lập trình WordPress để tạo ra một plugin WordPress đơn giản.

Lưu ý: Hướng dẫn này chỉ cho thấy cách viết một plugin cơ bản. Để giữ cho mọi thứ đơn giản, chúng tôi sẽ không đi sâu vào các kỹ năng mã hóa WordPress tiên tiến. This tutorial just shows how to write a basic plugin. To keep things simple, we will not dive into advanced WordPress coding skills.

Bạn cần gì để tạo plugin WordPress đầu tiên của mình?

Đầu tiên, bạn sẽ cần một môi trường phát triển cục bộ để kiểm tra plugin WordPress của mình trên máy tính. Để thiết lập điều này, hãy xem hướng dẫn của chúng tôi về cách cài đặt WordPress trên máy tính Windows hoặc Mac của bạn).

Bạn cũng có thể kiểm tra plugin của bạn trên một trang web dàn dựng. Tuy nhiên, nếu xảy ra lỗi, thì cuối cùng bạn có thể phá vỡ trang web của mình sẽ khiến nó không thể truy cập được.

Xem hướng dẫn của chúng tôi về cách khắc phục các lỗi WordPress phổ biến để giải quyết các vấn đề đó.

Bạn cũng sẽ cần một trình soạn thảo văn bản đơn giản để viết mã của bạn. Notepad hoặc Textedit sẽ hoạt động tốt. Tuy nhiên, nếu bạn muốn thử một cái gì đó nâng cao hơn, thì hãy xem các trình soạn thảo mã này cho các nhà phát triển.

Với những người đã sẵn sàng, hãy để bắt đầu.

Tạo plugin WordPress đầu tiên của bạn

Bước đầu tiên là tạo một thư mục mới trên thư mục máy tính để bàn hoặc tài liệu của bạn và đặt tên cho nó là một cái gì đó như WPB-plugin-Tutorial hoặc My-First-Plugin.

Tiếp theo, bạn cần tạo một tệp mới trong trình soạn thảo văn bản của mình và lưu nó bên trong thư mục plugin của bạn dưới dạng wpb-plugin-tutorial.php hoặc my-first-plugin.php. Điều quan trọng là tiện ích mở rộng .PhP, nhưng bạn có thể đặt tên cho tệp những gì bạn muốn.

Bạn cần phải mở tệp PHP đó với trình soạn thảo văn bản của mình.

Điều đầu tiên bạn cần thêm vào tệp plugin của mình là tiêu đề plugin. Khối nhận xét này chỉ cần nói với WordPress tên của plugin, phiên bản, trang web, tên tác giả của bạn, v.v.

Sau khi thêm tiêu đề plugin, bạn có thể bắt đầu thêm mã plugin bên dưới nó.
Đối với hướng dẫn này, chúng tôi sẽ tạo một plugin đơn giản thêm một thông điệp ở cuối mỗi bài viết yêu cầu người dùng theo dõi chúng tôi trên Twitter.
Chỉ cần sao chép và dán mã sau bên dưới khối tiêu đề plugin của bạn.
function wpb_follow_us($content) {

// Only do this when a single post is displayed
if ( is_single() ) { 

// Message you want to display after the post
// Add URLs to your own Twitter and Facebook profiles

$content .= '
If you liked this article, then please follow us on Twitter and Facebook.
';

} 
// Return the content
return $content; 

}
// Hook our function to WordPress the_content filter
add_filter('the_content', 'wpb_follow_us'); 

Don Tiết quên thay thế URL hồ sơ Twitter và Facebook bằng riêng của bạn trước khi lưu các thay đổi của bạn.
Bây giờ hãy vào máy tính để bàn trên máy tính của bạn và tạo tệp zip cho thư mục plugin.
Người dùng Mac có thể nhấp chuột phải vào thư mục và chọn ‘nén WPB-Plugin-Tutorial. Người dùng Windows có thể nhấp chuột phải vào thư mục và chọn Gửi đến »thư mục được nén (nén).Send to » Compressed (zipped) folder. 
Cài đặt và kích hoạt plugin WordPress đầu tiên của bạn
Bây giờ chúng tôi đã tạo ra plugin, đã đến lúc kiểm tra nó.



Truy cập khu vực Quản trị WordPress trên trang web của bạn và truy cập các plugin »Thêm trang mới.Plugins » Add New page. 
Bạn cần nhấp vào nút ‘Tải lên plugin lên trên cùng để tải lên plugin của bạn. Điều này sẽ hiển thị cho bạn hộp tải lên plugin.
Đi trước và nhấp vào nút Chọn tệp để chọn tệp zip bạn vừa tạo. Tiếp theo, nhấp vào nút Cài đặt ngay bây giờ để tải lên và cài đặt plugin.
Khi nó được cài đặt, hãy tiếp tục và kích hoạt plugin.
Bây giờ bạn có thể truy cập trang web của bạn để xem plugin hoạt động. Bạn sẽ có thể xem đoạn văn mới ở cuối tất cả các bài viết duy nhất của bạn.
Gửi plugin của bạn đến kho lưu trữ plugin WordPress.org
Nếu bạn muốn plugin của mình được phát hiện và sử dụng bởi những người dùng WordPress khác, thì bạn có thể gửi nó tới kho lưu trữ plugin WordPress.org.
Để làm điều đó, trước tiên, bạn sẽ cần tạo tệp ‘đọc tôi cho plugin của bạn. Mở một tệp văn bản trống và lưu nó dưới dạng readme.txt trong thư mục plugin của bạn.
Tệp README.TXT này cần đáp ứng cú pháp tệp WordPress.org của README. Thông tin bạn thêm vào tệp readme.txt sẽ được hiển thị trên trang plugin của bạn trên WordPress.org.
Dưới đây là tệp readme.txt mà bạn có thể sử dụng làm điểm bắt đầu.
=== Your Plugin Name ===
Contributors: WPBeginner
Tags: wpbeginner, plugin tutorial
Requires at least: 5.5
Tested up to: 5.8
Stable tag: 1.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

A WordPress plugin to teach beginners how to write a WordPress plugin. 

== Description ==

This simple plugin is part of our beginner's guide to writing a WordPress plugin. 

== Installation ==

1. Upload the plugin folder to your /wp-content/plugins/ folder.
1. Go to the **Plugins** page and activate the plugin.

== Frequently Asked Questions ==

= How do I use this plugin? =

Answer to the question

= How to uninstall the plugin? =

Simply deactivate and delete the plugin. 

== Screenshots ==
1. Description of the first screenshot. 
1. Description of the second screenshot. 

== Changelog ==
= 1.0 =
* Plugin released. 
Bây giờ chúng ta hãy giải thích một chút về cách cú pháp tệp WordPress Plugin Readme hoạt động, để bạn có thể tùy chỉnh nó cho plugin của mình.
Dòng đầu tiên của plugin từ đọc tôi là tên plugin của bạn. Tên này sẽ xuất hiện trong thư mục plugin WordPress.org làm tiêu đề plugin của bạn.
Dòng tiếp theo là người đóng góp. Đây là những ID người dùng chịu trách nhiệm quản lý plugin của bạn trên WordPress.org. Nếu bạn không có tài khoản người dùng WordPress.org, thì bạn có thể tạo tài khoản người dùng WordPress.org miễn phí để nhận ID người dùng của bạn.
’Yêu cầu ít nhất là, và‘ được thử nghiệm với các phiên bản WordPress mà plugin của bạn hoạt động. Tag thẻ ổn định là phiên bản plugin của riêng bạn.
Bạn có thể rời các trường ‘giấy phép là GPL và URL giống nhau.
Sau đó, bạn có thể chỉnh sửa khu vực mô tả để giải thích plugin của bạn làm gì.
Sau khi chỉnh sửa tệp plugin của bạn README, đừng quên lưu các thay đổi của bạn.
Bây giờ plugin của bạn đã sẵn sàng để được xem xét bởi nhóm plugin WordPress.org. Để gửi plugin của bạn, bạn sẽ cần một tài khoản WordPress.org miễn phí.
Truy cập trang Thêm plugin của bạn và nếu bạn chưa đăng nhập, thì hãy nhấp vào nút Đăng nhập ở góc trên cùng bên phải của màn hình.
Sau khi đăng nhập, bạn sẽ có thể tải lên và gửi plugin của mình để xem xét. Chỉ cần nhấp vào nút Chọn Tệp để chọn tệp ZIP plugin của bạn và sau đó nhấp vào nút Tải lên.
Nhóm đánh giá plugin WordPress.org sau đó sẽ xem mã plugin của bạn để biết các lỗi phổ biến và kiểm tra bảo mật. Sau khi được chấp thuận, bạn sẽ nhận được một email từ nhóm plugins.
Email này sẽ chứa một liên kết đến kho lưu trữ Subversion (SVN) của plugin của bạn được lưu trữ trên WordPress.org.
Sử dụng Subversion (SVN) để tải lên plugin của bạn
Subversion là một phần mềm kiểm soát phiên bản. Nó cho phép người dùng thay đổi các tệp và thư mục trong khi giữ bản ghi các thay đổi, quản lý các phiên bản khác nhau và cho phép cộng tác.
Bạn sẽ cần một máy khách SVN được cài đặt trên máy tính của bạn để tải plugin của bạn lên WordPress.org.



Người dùng Windows có thể sử dụng SilkSVN hoặc TortoiseSvn (miễn phí). Người dùng Mac có thể cài đặt ứng dụng SmartSvn hoặc phiên bản trên máy tính của họ.
Trong bài viết này, chúng tôi sẽ cho bạn xem ảnh chụp màn hình của ứng dụng phiên bản cho Mac. Tuy nhiên, quá trình này rất giống nhau trong tất cả các ứng dụng SVN có GUI.
Sau khi được cài đặt, bạn cần mở ứng dụng phiên bản và kiểm tra một bản sao của kho lưu trữ plugin WordPress của bạn. Chỉ cần nhấp vào nút Dấu trang kho lưu trữ mới.
Điều này sẽ mang đến một cửa sổ bật lên nơi đầu tiên bạn cần cung cấp một tên cho dấu trang này. Bạn có thể đặt tên cho nó theo plugin của bạn. Sau đó, bạn cần thêm URL kho lưu trữ SVN của plugin WordPress.
Nhấp vào nút Tạo để kết nối với kho lưu trữ của bạn.
Ứng dụng phiên bản bây giờ sẽ tải xuống bản sao kho lưu trữ plugin của bạn vào máy tính của bạn. Tiếp theo, nhấp chuột phải vào tên kho lưu trữ của bạn trong chế độ xem trình duyệt và sau đó chọn ‘Thanh toán.
Bạn sẽ được yêu cầu cung cấp tên cho thư mục và chọn một vị trí bạn muốn lưu trữ nó trên máy tính của bạn. Bạn có thể sử dụng cùng tên thư mục như thư mục plugin của bạn và nhấp vào nút thanh toán để tiếp tục.
Ứng dụng phiên bản bây giờ sẽ tạo một bản sao cục bộ của plugin trên máy tính của bạn. Bạn có thể xem nó trong kho lưu trữ plugin của bạn hoặc duyệt nó trong ứng dụng Finder.
Bây giờ bạn cần sao chép các tệp plugin của mình và dán chúng vào thư mục trung kế của kho lưu trữ cục bộ của bạn.
Khi bạn làm điều đó, bạn sẽ nhận thấy một biểu tượng đánh dấu câu hỏi bên cạnh các tệp mới trong ứng dụng phiên bản.
Vì các tập tin này đã không tồn tại trước đây, bạn cần phải thêm chúng. Chọn các tệp mới và nhấp vào nút Thêm để thêm các tệp này vào thư mục cục bộ của bạn.
Bây giờ các tệp plugin của bạn đã được thêm vào lật đổ, giờ đây bạn đã sẵn sàng để tải chúng lên. Về cơ bản, bạn sẽ đồng bộ hóa các thay đổi trong thư mục cục bộ và thư mục lật đổ.
Nhấp vào kho lưu trữ cục bộ của bạn để chọn nó và sau đó nhấp vào nút ‘cam kết thay đổi.
Một cửa sổ bật lên mới sẽ xuất hiện và bạn sẽ thấy danh sách các thay đổi và một hộp để thêm tin nhắn cam kết.
Ứng dụng SVN của bạn hiện sẽ đồng bộ hóa các thay đổi của bạn và cam kết chúng vào kho lưu trữ plugin của bạn.
Bây giờ bạn đã tải lên các tệp plugin của mình lên thân cây, đã đến lúc phải gắn thẻ chúng vào phiên bản.
Chuyển đến bản sao cục bộ của plugin của bạn và sao chép các tệp bên trong thư mục trung kế. Sau đó, bạn cần mở thư mục thẻ và bên trong nó tạo một thư mục mới.
Đặt tên cho thư mục này sau một tên phiên bản. Đảm bảo rằng nó phù hợp với phiên bản bạn đã nhập vào tiêu đề plugin của bạn. Trong mã mẫu ở trên, chúng tôi đã sử dụng phiên bản 1.0 cho plugin của chúng tôi.
Sau khi thêm thư mục 1.0 trong / thẻ / thư mục. Bạn sẽ nhận thấy biểu tượng dấu câu hỏi bên cạnh tên thư mục trong ứng dụng phiên bản.
Vì đây là một thư mục mới, bạn sẽ cần nhấp vào nút Thêm để bao gồm thư mục và tất cả tệp của nó trong kho lưu trữ.



Sau đó, bạn có thể tiếp tục và nhấp vào nút cam kết để đồng bộ hóa các thay đổi của bạn. Bạn có thể tiếp tục chỉnh sửa các tệp plugin của mình trong bản sao cục bộ.
Khi bạn đã hoàn thành các thay đổi của mình, chỉ cần nhấp vào nút cam kết để đồng bộ hóa chúng với kho lưu trữ WordPress.org.
Nếu bạn đã thực hiện một số thay đổi lớn cho plugin của mình, thì bạn sẽ muốn thêm một phiên bản mới bằng cách thêm một thư mục mới được đặt tên theo số phiên bản. Đảm bảo rằng số phiên bản phù hợp với tiêu đề plugin của bạn.
Bây giờ bạn có thể xem trước plugin của mình trên thư mục plugin wordpress.org.
Thêm tác phẩm nghệ thuật vào plugin của bạn trên WordPress.org
WordPress.org cho phép bạn thêm tác phẩm nghệ thuật và ảnh chụp màn hình với các plugin của bạn. Các mục này cần tuân theo các thực tiễn đặt tên tiêu chuẩn và nên được tải lên bằng cách sử dụng lật đổ.
Biểu ngữ tiêu đề plugin
Đây là hình ảnh lớn xuất hiện trên đầu trang plugin. Nó có thể ở 772 x 250 hoặc 1544 x 500 pixel ở định dạng tệp JPEG hoặc PNG. Nó phải luôn được đặt tên như thế này:
Banner-772 × 250.jpg hoặc Banner-772 × 250.png
Banner-1544 × 500.jpg hoặc Banner-1544 × 500.png
Biểu tượng plugin
Đây là một tệp hình ảnh hình vuông nhỏ hơn được hiển thị dưới dạng biểu tượng plugin trong kết quả tìm kiếm và danh sách plugin. Nó có thể ở 125 x 125 hoặc 250 x 250 pixel ở định dạng tệp JPEG hoặc PNG.
Tệp biểu tượng này sẽ được đặt tên như thế này:
icon-128 × 128.jpg hoặc icon-128 × 128..png
icon-256 × 256.jpg hoặc icon-256 × 256.png
Ảnh chụp màn hình
Các tệp ảnh chụp màn hình phải được đặt tên bằng định dạng sau:
screenshot-1.png
screenshot-2.png
Bạn có thể thêm bao nhiêu tùy thích. Những ảnh chụp màn hình này sẽ xuất hiện theo cùng thứ tự với các mô tả ảnh chụp màn hình trong tệp readme.txt của bạn.
Khi bạn đã chuẩn bị tất cả các tác phẩm nghệ thuật, bạn có thể đặt chúng vào thư mục tài sản của bản sao cục bộ plugin của bạn.
Sau đó, bạn sẽ nhận thấy một biểu tượng dấu hỏi bên cạnh thư mục tài sản. Nhấp vào nút Thêm để thêm tệp tài sản mới vào kho lưu trữ của bạn.
Cuối cùng, hãy tiếp tục và nhấp vào nút Cam kết để tải các tệp của bạn lên kho lưu trữ WordPress.org. Sau một thời gian, bạn sẽ có thể thấy tác phẩm nghệ thuật xuất hiện trên trang plugin của bạn.
Các nguồn lực tiếp theo để học phát triển plugin WordPress
Các plugin WordPress có thể đơn giản như bảng chúng tôi đã cho bạn thấy ở trên. Chúng cũng có thể mạnh hơn nhiều như plugin thương mại điện tử hoặc plugin thành viên, biểu mẫu liên hệ hoặc plugin thư viện ảnh.
Những plugin WordPress mạnh hơn này cũng có thể có addons. Các addon này hoạt động như các plugin mở rộng các plugin khác.
Dưới đây là một số tài nguyên sẽ giúp bạn tìm hiểu thêm các cách để thêm chức năng vào các plugin WordPress của bạn.
Thêm một mã ngắn trong WordPress
Các thủ thuật tệp Function.php mà bây giờ bạn có thể sử dụng trong một plugin dành riêng cho trang web.
Tạo các loại bài đăng tùy chỉnh và phân loại.
Thêm đúng cách các kiểu dáng và javaScript trong WordPress.
Chúng tôi hy vọng bài viết này đã giúp bạn học cách tạo một plugin WordPress. Bạn cũng có thể muốn xem các plugin WordPress hàng đầu này và nghiên cứu mã nguồn của họ để biết thêm các ví dụ.
Nếu bạn thích bài viết này, sau đó vui lòng đăng ký kênh YouTube của chúng tôi cho các hướng dẫn video WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.