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

1. 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
2. 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
3. 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
4. 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
5. 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
6. Đă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
7. Đọ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.

Plugin name: WordPress Extra Post Info Plugin URI: https://example.com/wordpress-extra-post-info Description: A simple plugin to add extra info to posts. Author: Jacob Nicholson Author URI: https://InMotionHosting.com Version: 0.5 */  ?>

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

Trước khi Plugin được kích hoạtSau khi Plugin được 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

Tên biến/chức năngMô tả$page_titleTiêu đề hiển thị trong trình duyệt web khi xem trang plugin của bạn$menu_titleTiêu đề cho nút menu hiển thị trong bảng điều khiển WordPress$capabilitymanage_options chỉ cho phép Quản trị viên cấp cao và Quản trị viên xem plugin$menu_slugURL để truy cập plugin, chẳng hạn như. /wp-admin/quản trị viên. php?page=extra-post-info$function Hàm chứa mã cho nội dung thực sự hiển thị trên trang plugin của bạn$icon_url Biểu tượng được sử dụng trong bảng điều khiển. Bạn có thể sử dụng biểu tượng gạch ngang WordPress hoặc hình ảnh trực tiếp như. $icon_url = plugins_url( ‘thông tin thêm về bài đăng/biểu tượng. png’ );$positionIcon vị trí trong bảng điều khiểnadd_menu_pageChức năng WordPress kết nối và xây dựng menu plugin của chúng tôi trong bảng điều khiển

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ố 8

Phá 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?