在10分鐘內在WordPress中創建動態小部件

快速創建WordPress動態小工具：無需編程經驗

本教程將指導您如何在WordPress中創建動態小工具，即使您只有有限的編程知識也能輕鬆上手。

WordPress小工具是代碼塊，可以添加到WordPress網站的任何特定區域。 WordPress內置了許多小工具（例如標籤雲和分類），但本教程將幫助您快速從零開始創建自定義小工具。

我們將通過一個示例來演示：創建一個顯示實時板球比賽數據的動態小工具。這將幫助您熟悉WordPress小工具相關的各種函數。

準備工作

在開始編寫任何代碼之前，請務必備份您的WordPress代碼，以防出現意外錯誤。 建議您了解PHP面向對象編程的基礎知識。 本教程在WordPress 4.9.8版本上創建。

代碼位置

如果您只想在特定主題中使用小工具，可以將代碼放在該主題的functions.php文件中。但是，這會限制小工具的使用範圍。

本教程將創建一個新的插件來存放小工具，這樣可以跨主題使用。該插件將使用API顯示實時板球比賽列表。

小工具開發基礎

要創建WordPress小工具，您需要擴展WP_Widget類。在您的widget類中，需要定義以下函數：

• 構造函數 (__construct)
• 小工具顯示函數 (widget)：顯示小工具內容
• 表單函數 (form)：如果需要定義一個接受輸入的表單
• 更新函數 (update)：如果需要更新小工具設置

在本例中，我們只需要定義前兩個函數。創建widget類後，需要使用register_widget函數進行註冊。

基礎：Hello World小工具

1. 創建空插件: 在/wp-content/plugins/目錄下創建一個新目錄（例如live-score-custom），並在其中創建一個index.php文件，包含以下內容：

<?php /*
Plugin Name: 实时比分自定义
Plugin URI: https://www.sitepoint.com/
Description: 获取并显示体育数据
Version: 1.0
Author: Shaumik
Author URI: https://www.sitepoint.com/
License: GPL2
*/
?>

2. 在插件中定義小工具: 在index.php中添加以下代碼：

class My_Custom_Widget extends WP_Widget {

    public function __construct() {
        $options = array(
            'classname' => 'custom_livescore_widget',
            'description' => '实时比分小工具',
        );
        parent::__construct(
            'live_score_widget', '实时比分小工具', $options
        );
    }

    public function widget( $args, $instance ) {
        echo $args['before_widget'];
        echo $args['before_title'] . apply_filters( 'widget_title', '实时板球比赛' ) . $args['after_title'];
        echo 'Hello, World!';
        echo $args['after_widget'];
    }
}

function my_register_custom_widget() {
    register_widget( 'My_Custom_Widget' );
}
add_action( 'widgets_init', 'my_register_custom_widget' );

激活插件後，在外觀>小工具中添加新創建的小工具。

添加實時比分

我們將使用CricAPI的API（需要註冊並獲取API密鑰）。修改widget函數：

<?php /*
Plugin Name: 实时比分自定义
Plugin URI: https://www.sitepoint.com/
Description: 获取并显示体育数据
Version: 1.0
Author: Shaumik
Author URI: https://www.sitepoint.com/
License: GPL2
*/
?>

打包和分享插件

將live-score-custom目錄壓縮成zip文件，然後在插件>添加新>上傳插件中上傳。

總結

本教程演示瞭如何在WordPress中通過插件創建小工具並顯示實時體育數據。

常見問題解答 (FAQs) (略，與原文內容重複)

以上是在10分鐘內在WordPress中創建動態小部件的詳細內容。更多資訊請關注PHP中文網其他相關文章！