快速創(chuàng)建WordPress動態(tài)小工具：無需編程經(jīng)驗(yàn)

本教程將指導(dǎo)您如何在WordPress中創(chuàng)建動態(tài)小工具，即使您只有有限的編程知識也能輕鬆上手。

WordPress小工具是代碼塊，可以添加到WordPress網(wǎng)站的任何特定區(qū)域。 WordPress內(nèi)置了許多小工具（例如標(biāo)籤雲(yún)和分類），但本教程將幫助您快速從零開始創(chuàng)建自定義小工具。

我們將通過一個(gè)示例來演示：創(chuàng)建一個(gè)顯示實(shí)時(shí)板球比賽數(shù)據(jù)的動態(tài)小工具。這將幫助您熟悉WordPress小工具相關(guān)的各種函數(shù)。

準(zhǔn)備工作

在開始編寫任何代碼之前，請務(wù)必備份您的WordPress代碼，以防出現(xiàn)意外錯(cuò)誤。 建議您了解PHP面向?qū)ο缶幊痰幕A(chǔ)知識。 本教程在WordPress 4.9.8版本上創(chuàng)建。

代碼位置

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

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

小工具開發(fā)基礎(chǔ)

要?jiǎng)?chuàng)建WordPress小工具，您需要擴(kuò)展WP_Widget類。在您的widget類中，需要定義以下函數(shù)：

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

在本例中，我們只需要定義前兩個(gè)函數(shù)。創(chuàng)建widget類後，需要使用register_widget函數(shù)進(jìn)行註冊。

基礎(chǔ)：Hello World小工具

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

<?php /*
Plugin Name: 實(shí)時(shí)比分自定義
Plugin URI: https://www.sitepoint.com/
Description: 獲取并顯示體育數(shù)據(jù)
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' => '實(shí)時(shí)比分小工具',
        );
        parent::__construct(
            'live_score_widget', '實(shí)時(shí)比分小工具', $options
        );
    }

    public function widget( $args, $instance ) {
        echo $args['before_widget'];
        echo $args['before_title'] . apply_filters( 'widget_title', '實(shí)時(shí)板球比賽' ) . $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' );

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

添加實(shí)時(shí)比分

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

<?php /*
Plugin Name: 實(shí)時(shí)比分自定義
Plugin URI: https://www.sitepoint.com/
Description: 獲取并顯示體育數(shù)據(jù)
Version: 1.0
Author: Shaumik
Author URI: https://www.sitepoint.com/
License: GPL2
*/
?>

打包和分享插件

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

總結(jié)

本教程演示瞭如何在WordPress中通過插件創(chuàng)建小工具並顯示實(shí)時(shí)體育數(shù)據(jù)。

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

以上是在10分鐘內(nèi)在WordPress中創(chuàng)建動態(tài)小部件的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！