Trong hướng dẫn này, chúng tôi sẽ hướng dẫn bạn cách tạo plugin WordPress đầu tiên của bạn. Đây sẽ chỉ là một plugin đơn giản bổ sung một số thông tin bổ sung cho tất cả các bài đăng của bạn. Sử dụng các bước tương tự này, bạn có thể thiết kế và triển khai các plugin WordPress của riêng mình. Hãy nhớ rằng, đây chỉ là một plugin hướng dẫn nhằm hiển thị cho bạn những điều cơ bản. hãy thử điều này trên một trang dàn dựng hoặc cài đặt thực hành của WordPress. Không cài đặt cái này trên một trang web trực tiếp, quan trọng đối với doanh nghiệp của bạn;
- Tạo WordPress Plugin PHP Script
Tạo một plugin WordPress
Trước khi bạn bắt đầu tạo một plugin WordPress, bạn cần tìm ra mục đích của plugin và một tên duy nhất để đặt cho plugin của bạn. Điều này rất quan trọng nếu bạn muốn phát hành plugin của mình vào thư mục Plugin WordPress
Trong hướng dẫn này, chúng tôi sẽ tạo một plugin có tên Thông tin bài đăng bổ sung của WordPress . Plugin này sẽ cho phép người dùng nhập thông tin bổ sung cho các bài đăng trên WordPress.
Dưới đây là bảng phân tích quy trình tạo plugin của chúng tôi để bạn biết điều gì sẽ xảy ra
- Tạo tập lệnh plugin. Trước tiên, chúng ta cần tạo một tập lệnh PHP và đặt nó vào vị trí thích hợp để WordPress nhận ra nó là một plugin WordPress phù hợp
- Tạo một chức năng Plugin WordPress. Với tập lệnh plugin WordPress của bạn đã bắt đầu, bước tiếp theo sẽ là tạo chức năng plugin WordPress thực sự chứa logic về những gì plugin của bạn sẽ làm
- Tạo Menu quản trị WordPress cho Plugin của bạn. Khi những điều cơ bản cho plugin WordPress của bạn được đặt ra, bạn sẽ muốn tạo menu quản trị viên WordPress để người dùng có thể thay đổi cài đặt plugin của bạn một cách dễ dàng
- Tạo trang plugin WordPress. Khi menu quản trị của bạn được tạo, điều tiếp theo bạn muốn làm là tạo một trang plugin WordPress
- Lưu cài đặt plugin WordPress bằng biểu mẫu. Bây giờ bạn đã tạo một trang plugin WordPress rất cơ bản, bước tiếp theo là lưu cài đặt plugin WordPress với một biểu mẫu để plugin của bạn có thể tải các cài đặt đó sau
- Đăng ký cài đặt plugin WordPress vào cơ sở dữ liệu. Bây giờ bạn có thể đăng ký cài đặt plugin WordPress vào cơ sở dữ liệu, vì vậy cài đặt của người dùng được lưu giữ để sử dụng sau này
- Đọc cài đặt plugin WordPress từ cơ sở dữ liệu. Cuối cùng, mang đến vòng tròn phát triển plugin của bạn
Tạo tập lệnh plugin WordPress
Bước đầu tiên của chúng tôi là tạo tập lệnh plugin WordPress với một số mã PHP để WordPress đọc. Chúng tôi sẽ tải tập lệnh lên thư mục /wp-content/plugins/extra-post-info WordPress của bạn. Sử dụng FTP hoặc Trình quản lý tệp cPanel để tải lên hoặc tạo tập lệnh PHP plugin WordPress của bạn.
Người dùng InMotion Central có thể sử dụng công cụ Trình quản lý tệp
Nếu bạn đã cài đặt WordPress trong thư mục gốc của tài liệu, các plugin của WordPress sẽ xuất hiện ở đây
/home/userna5/public_html/wp-content/plugin
Tạo thư mục plugin WordPress
Trước tiên, bạn sẽ muốn tạo một thư mục mới cho plugin của mình. Thư mục này có thể được đặt tên giống như tên plugin của bạn. Trong trường hợp của tôi, tôi đã tạo một thư mục có tên /extra-post-info , vì vậy đường dẫn đầy đủ đến plugin của tôi hiện là.
/home/userna5/public_html/wp-content/plugins/ thông tin bổ sung về bài đăng
Bây giờ bạn đã tạo một thư mục để tập lệnh PHP plugin WordPress của mình đi vào, bạn muốn tạo tập lệnh PHP sẽ kiểm soát plugin WordPress của bạn và đặt nó vào thư mục bạn đã tạo
Tạo WordPress Plugin PHP Script
Tôi vừa tải một tệp PHP lên thư mục plugin mới tạo của mình và gọi nó là extra-post-info. php
/home/userna5/public_html/wp-content/plugins/extra-post-info/ extra-post-info. php
Trong thông tin bổ sung về bài đăng. php , tôi đã đặt thông tin Tiêu đề tệp plugin WordPress cho plugin mà tôi sẽ tạo.
Truy cập WordPress Plugin Script thông qua Bảng điều khiển WordPress
Bây giờ bạn có một tập lệnh PHP với Tiêu đề tệp WordPress bên trong thư mục plugin WordPress của bạn. Tiếp theo, đăng nhập vào bảng điều khiển WordPress và nhấp vào Plugin để xem plugin mới tạo của bạn
Tạo một chức năng WordPress cho một Plugin
Kiểm tra để đảm bảo tên hàm là duy nhất
Bạn sẽ muốn bao bọc toàn bộ chức năng plugin của mình bên trong if[. function_exists ] câu lệnh. Bằng cách đó, chúng tôi chỉ chạy chức năng của plugin nếu chức năng cùng tên đó chưa được tạo bởi một plugin WordPress khác.
if[ !function_exists["extra_post_info"] ] { }
Tạo chức năng chính của plugin của chúng tôi
Bây giờ chúng tôi biết tên plugin của mình là duy nhất, chúng tôi muốn thực sự bắt đầu với logic cho plugin của mình. Plugin của chúng tôi sẽ chỉ thêm một số thông tin bổ sung vào một bài đăng, vì vậy chúng tôi sẽ bắt đầu rất đơn giản bằng cách xác định thủ công thông tin nào chúng tôi muốn thêm vào
Chúng ta bắt đầu bằng cách khai báo hàm extra_post_info[$content] để tạo hàm có tên extra_post_info. This function pulls in the default WordPress $content mặc định của WordPress, mà như bạn có thể đoán là nội dung của bài đăng mà chúng tôi cũng muốn thêm thông tin bổ sung.
Trong hàm mới tạo, chúng tôi thiết lập một biến có tên $extra_info biến này chỉ lưu trữ văn bản bổ sung mà chúng tôi muốn thêm vào . EXTRA INFO.
Cuối cùng trước khi đóng hàm, chúng ta chạy return $content. $extra_info trả về nội dung ban đầu của bài đăng cho WordPress, nhưng với văn bản được thêm vào của chúng tôi được thêm vào cuối.
function extra_post_info[$content] { $extra_info = "EXTRA INFO"; return $content . $extra_info; }
Sử dụng add_filter để cập nhật hiển thị WordPress
Bây giờ để chức năng extra_post_info mới tạo của chúng tôi thực sự cập nhật nội dung của bài đăng trên WordPress, chúng tôi cần sử dụng WordPress add_filter[‘the_content’, ‘extra_post_info’] hook.
Hook này cho phép WordPress biết chúng tôi muốn lọc nội dung của mình trước khi hiển thị. Đối số thứ hai của extra_post_info đặt chức năng mà chúng tôi muốn lọc nội dung của mình thông qua.
add_filter['the_content', 'extra_post_info'];
Kết quả đầy đủ chức năng WordPress
Nếu bạn làm theo hướng dẫn ở trên, chức năng plugin WordPress đầy đủ cho đến nay sẽ trông như thế này
if[ !function_exists["extra_post_info"] ] { function extra_post_info[$content] { $extra_info = "EXTRA INFO"; return $content . $extra_info; } add_filter['the_content', 'extra_post_info']; }
Kết quả plugin khi được kích hoạt
Bây giờ bạn có thể đăng nhập vào WordPress, nhấp vào Plugin sau đó kích hoạt plugin bằng cách nhấp vào Kích hoạt
Bây giờ bạn có thể thấy plugin của chúng tôi đã thêm thành công văn bản THÔNG TIN THÊM vào bài đăng WordPress của chúng tôi.
Tạo Menu quản trị trong Bảng điều khiển WordPress
Để cho phép người dùng tùy chỉnh plugin của bạn để phù hợp với nhu cầu của họ, bạn có thể tạo menu quản trị WordPress. Điều này tạo ra một biểu tượng trong bảng điều khiển WordPress mà người dùng có thể nhấp vào để xem cài đặt plugin
Bạn xác định những thứ như $page_title để đặt giao diện cho trình đơn plugin của mình. Bạn cũng xác định $function mà WordPress sẽ sử dụng để tạo trang plugin chứa cài đặt của bạn.
Sau đó, bạn sử dụng hook add_menu_page để thực sự tạo menu và hiển thị menu trong bảng điều khiển WordPress.
Sử dụng chức năng WordPress add_action cùng với admin_menu để . Sau đó chuyển tên chức năng của menu extra_post_info_menu để thiết lập mục menu của bạn.
add_action[ 'admin_menu', 'extra_post_info_menu' ]; function extra_post_info_menu[]{ $page_title = 'WordPress Extra Post Info'; $menu_title = 'Extra Post Info'; $capability = 'manage_options'; $menu_slug = 'extra-post-info'; $function = 'extra_post_info_page'; $icon_url = 'dashicons-media-code'; $position = 4; add_menu_page[ $page_title, $menu_title, $capability, $menu_slug, $function, $icon_url, $position ]; }
Tại thời điểm này trong quá trình phát triển plugin WordPress của bạn, bạn đã bắt đầu sử dụng chức năng plugin WordPress để kiểm soát chức năng của plugin
Nếu bạn cần một ngôi nhà mới cho trang web WordPress của mình, thì không đâu khác ngoài các giải pháp Lưu trữ WordPress của InMotion cho các máy chủ an toàn, được tối ưu hóa và thân thiện với ngân sách
Chuyển tiền nhanh chóng và dễ dàng SSL miễn phí Chống hack Giá cả phải chăng
Xem gói lưu trữ WordPress
Trang Plugin trống được truy cập từ Menu bảng điều khiển
Tại thời điểm này, bạn sẽ có thể thấy menu plugin WordPress của mình trong bảng điều khiển. Nếu bạn nhấp vào nó, bạn sẽ nhận được một trang trống vì bạn chưa nói cho WordPress biết phải đặt gì ở đây. Chúng tôi sẽ tạo Trang Plugin tiếp theo
Thêm trang plugin WordPress
Trang plugin WordPress của bạn chỉ có thể cung cấp thông tin cho người dùng hoặc cho phép họ điều chỉnh cài đặt về cách plugin của bạn hoạt động với trang web của họ
Khi bạn tạo menu quản trị viên WordPress, một trong các tùy chọn add_menu_page là $function$function$function . $function$function . $function$function . $function$function . .
if[ !function_exists["extra_post_info_menu"] ] { function extra_post_info_menu[]{ .. function = 'extra_post_info_page'; .. add_menu_page[ $page_title, $menu_title, $capability, $menu_slug, $function, $icon_url, $position ]; } }
Điều này xác định chức năng mà WordPress sẽ sử dụng khi hiển thị trang menu của bạn cho plugin
Trong ví dụ này, tôi đặt tên cho trang của mình là extra_post_info_page . Tôi có thể bắt đầu bằng cách đặt tiêu đề trên trang của mình.
if[ !function_exists["extra_post_info_page"] ] { function extra_post_info_page[]{ ?>WordPress Extra Post Info
Kết quả mã của chúng tôi cho đến nay chỉ hiển thị một số văn bản trên trang plugin của chúng tôi
Lưu cài đặt plugin WordPress bằng biểu mẫu
Giờ đây, bạn có thể lưu cài đặt plugin WordPress bằng biểu mẫu để cài đặt của người dùng được lưu giữ để sử dụng sau. Bạn muốn lấy thông tin đã nhập vào trang plugin của mình và thêm nó vào cơ sở dữ liệu WordPress để plugin của bạn có thể đọc được. Điều này cho phép người dùng plugin của bạn thay đổi cài đặt cho plugin WordPress của bạn và tùy chỉnh nó để phù hợp với nhu cầu của họ
Bạn có thể sử dụng trang tùy chọn WordPress tích hợp để thu thập thông tin từ người dùng, sau đó lưu thông tin đó vào cơ sở dữ liệu WordPress của chúng tôi trong wp_options table. That way we can pull this info later to change what our plugin does on our site.
Trong ví dụ của tôi với plugin Thông tin bổ sung về bài đăng , tôi muốn cho phép người dùng nhập thông tin bổ sung cho bài đăng của họ. Sau đó lưu trữ thông tin đó trong cơ sở dữ liệu WordPress để chúng tôi lưu những gì họ đã nhập.
________số 8Phá vỡ mã
Chúng tôi tạo một biểu mẫu và yêu cầu biểu mẫu đó ĐĂNG lên các tùy chọn WordPress. php để WordPress có thể lưu dữ liệu của chúng tôi.
Chúng tôi sử dụng chức năng settings_fields và chuyển cài đặt thêm thông tin bài đăng as the group name we’d like.
if[ !function_exists["extra_post_info"] ] { }0
Chúng tôi sử dụng chức năng do_settings_sections và chuyển cùng một tên nhóm để hiển thị cài đặt của chúng tôi.
if[ !function_exists["extra_post_info"] ] { }1
Chúng tôi tạo bảng và trong tiêu đề bảng, chúng tôi sử dụng Thông tin bổ sung về bài đăng. cho nhãn của trường của chúng tôi.
if[ !function_exists["extra_post_info"] ] { }2
Chúng tôi tạo kiểu nhập văn bản có tên được đặt thành extra_post_info , sau đó chúng tôi sử dụng get_option[ . to display what’s already been set in the database.
if[ !function_exists["extra_post_info"] ] { }3
Chúng tôi sử dụng chức năng WordPress submit_button[] để tạo nút lưu dữ liệu của mình.
if[ !function_exists["extra_post_info"] ] { }4
Trang plugin với hình thức không có chức năng
Bây giờ chúng tôi có đủ logic trong trang plugin của mình để hiển thị một biểu mẫu, nhưng nó chưa làm gì cả
Đăng ký cài đặt plugin với WordPress
Khi bạn tạo plugin WordPress và bạn đã lưu cài đặt plugin WordPress bằng một biểu mẫu. Bạn muốn đăng ký các cài đặt đó và lưu trữ chúng trong cơ sở dữ liệu với WordPress, để nó có thể thay đổi trang web của bạn. Để làm điều này, chúng tôi cần đăng ký các thay đổi cài đặt của mình với WordPress để nó có thể lưu trữ thông tin này trong bảng wp_options .
Thêm hook add_action vào Cài đặt đăng ký
Khi tạo menu quản trị viên WordPress, bạn có thể thêm chức năng add_action sau add_menu_pageadd_menu_pageadd_menu_pageadd_menu_pageadd_menu_page function. This call another function update_extra_post_info để lưu thông tin vào cơ sở dữ liệu từ biểu mẫu của chúng tôi.
if[ !function_exists["extra_post_info"] ] { }5
Đăng ký Cài đặt với chức năng register_setting
Tạo chức năng có tên update_extra_post_info bạn có thể sử dụng WordPress register_setting function to store info from our form into the database. The value will be stored next to extra_post_info trong bảng wp_options .
if[ !function_exists["extra_post_info"] ] { }6
Cài đặt plugin hiện được lưu vào cơ sở dữ liệu WordPress
Khi bạn xem trang plugin của mình, bạn có thể thấy rằng khi THÔNG TIN BỔ SUNG được nhập vào cài đặt của chúng tôi, nó sẽ xuất hiện trong cơ sở dữ liệu WordPress . Khi thông tin này được cập nhật, mục nhập cơ sở dữ liệu cũng vậy. extra_post_info. When this info is updated, so is the database entry.
Đọc cài đặt plugin WordPress từ cơ sở dữ liệu
Bước cuối cùng để tạo plugin WordPress đầu tiên của bạn là lấy thông tin mà chúng tôi đã đăng ký với cơ sở dữ liệu WordPress và kéo thông tin đó vào plugin của chúng tôi để thay đổi cách nó ảnh hưởng đến trang web
Thay đổi Cài đặt tĩnh thành Cơ sở dữ liệu
Khi chúng tôi quyết định tạo chức năng plugin chính của WordPress, chúng tôi đã cho WordPress biết thông tin bổ sung về bài đăng của chúng tôi nên là gì. Chúng tôi đã mã hóa cứng THÔNG TIN THÊM và để thay đổi nó, chúng tôi phải thay đổi tập lệnh plugin theo cách thủ công mỗi lần.
if[ !function_exists["extra_post_info"] ] { }7
Sử dụng chức năng get_option của WordPress để lấy thông tin từ cơ sở dữ liệu
Để cho phép người dùng plugin của chúng tôi thay đổi thông tin từ trang tổng quan và sau đó thông tin đó được phản ánh trên tất cả các bài đăng của chúng tôi, chúng tôi muốn sử dụng get_option function to pull in the extra_post_info data we stored.
if[ !function_exists["extra_post_info"] ] { }8
Bây giờ khi người dùng plugin nhập THÔNG TIN MỚI vào trang plugin của chúng tôi và nhấp vào Lưu. Thông tin được lưu trữ trong cơ sở dữ liệu WordPress và sau đó thông tin mới đó được đưa vào bài đăng của chúng tôi.
Đã hoàn thành Thông tin bài đăng bổ sung Plugin WordPress
Với plugin WordPress mà chúng tôi đã tạo, người dùng có thể cập nhật thông tin họ muốn hiển thị trên tất cả các bài đăng từ bảng điều khiển. Đây là một plugin rất đơn giản và chỉ sơ lược về sức mạnh của các plugin WordPress. Chúng tôi hy vọng nó đã giúp bạn hiểu cách xây dựng một plugin WordPress
Đây là phiên bản được bình luận nhiều của toàn bộ plugin để bạn có thể dễ dàng biết chuyện gì đang xảy ra
if[ !function_exists["extra_post_info"] ] { }9
Bạn cũng có thể lấy phiên bản văn bản thô để xem lại và sử dụng làm tài liệu tham khảo. Sẵn sàng để thiết kế plugin của riêng bạn từ đầu?