10分でWordPressで動的ウィジェットを作成します-＆＃＆プレス-php.cn

10分でWordPressで動的ウィジェットを作成します

Christopher Nolan

リリース： 2025-02-09 10:51:11

オリジナル

388 人が閲覧しました

Create a Dynamic Widget in WordPress in Ten Minutes

WordPressダイナミックウィジェットをすばやく作成：プログラミングの経験は不要このチュートリアルでは、プログラミングの知識が限られていても簡単に開始できるWordPressで動的ウィジェットを作成する方法をガイドします。

WordPressウィジェットは、WordPress Webサイトの特定の領域に追加できるコードブロックです。 WordPressには多くのウィジェットが組み込まれています（タグクラウドやカテゴリなど）がありますが、このチュートリアルは、カスタムウィジェットをゼロからすばやく作成するのに役立ちます。

例を示します。リアルタイムのクリケットマッチデータを表示する動的ウィジェットを作成します。これは、WordPressウィジェットに関連するさまざまな機能に精通するのに役立ちます。

準備

予期しないエラーが発生した場合にコードの書き込みを開始する前に、WordPressコードを必ずバックアップしてください。 PHPオブジェクト指向プログラミングの基本を理解することをお勧めします。このチュートリアルは、WordPressバージョン4.9.8で作成されました。

コードの場所

特定のトピックでのみウィジェットを使用する場合は、そのトピックの

ファイルにコードを配置できます。ただし、これによりウィジェットの使用が制限されます。

functions.phpこのチュートリアルは、トピック全体で使用できるように、ウィジェットを保存する新しいプラグインを作成します。プラグインはAPIを使用して、ライブクリケットマッチのリストを表示します。

ガジェット開発の基本

WordPressウィジェットを作成するには、クラスを拡張する必要があります。ウィジェットクラスでは、次の関数を定義する必要があります。 constructor（ WP_Widget歩行ツールディスプレイ関数（）：ウィジェットコンテンツを表示

form function（__construct）：入力を受け入れるフォームを定義する必要がある場合は
update function（widget）：ガジェットの設定を更新する必要がある場合
この例では、最初の2つの関数を定義する必要があります。ウィジェットクラスを作成した後、form関数を使用して登録する必要があります。
update基本：Hello World Gadget

register_widget

空のプラグインの作成：

ディレクトリの下に新しいディレクトリ（）を作成し、次のコンテンツを含む

ファイルを作成します。

/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
*/
?>

ログイン後にコピー

プラグインをアクティブにした後、新しく作成したウィジェットを外観に追加します。 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キーの取得が必要です）。 Create a Dynamic Widget in WordPress in Ten Minutes 関数を変更してください：

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

ログイン後にコピー

Create a Dynamic Widget in WordPress in Ten Minutes