WordPressでオリジナルウィジェットを自作する方法（クラシックテーマ向け）

class WP_Widget

class WP_Widget_Categories extends WP_Widget {
︙
}

// クラスの基本的な継承方法
class 作成するクラス名 extends 継承するクラス名 {
}

// WP_Widgetを継承して、MY_Original_Widgetクラスを作成
class MY_Original_Widget extends WP_Widget {
  // この中にその他の記述を追加していく
}

// コンストラクタを定義
public function __construct() {
  parent::__construct(
    'my_original_widget', // ウィジェットのID
    '【オリジナル】ウィジェット名', // ウィジェットの名称（管理画面で表示される）
    array(
      'description' => 'ウィジェットの説明文', // ウィジェットの説明（管理画面で表示される）
    )
  );
}

// オリジナルウィジェット「MY_Original_Widget」の登録
add_action( 'widgets_init', function(){
  register_widget( 'MY_Original_Widget' );
} );

<?php
// form出力
public function form( $instance ) {
  $instance = wp_parse_args(
    (array) $instance,
    array(
      'title' => '', // 初期値をココに入力
    )
  );
?>
<p>
  <label for="<?php echo $this->get_field_id( 'title' ); ?>">タイトル</label>
  <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $instance['title'] ); ?>" />
</p>
<?php
}

// データ保存時の処理
public function update( $new_instance, $old_instance ) {
  $instance = $old_instance;
  $instance['title'] = sanitize_text_field( $new_instance['title'] );
  return $instance;
}

// ウィジェットの出力
public function widget( $args, $instance ) {
  echo $args['before_widget'];
  if ( $instance['title'] ) {
    echo $args['before_title'] . $instance['title'] . $args['after_title'];
  }
  
  // ココに表示したい内容を入力
  
  echo $args['after_widget'];
}

<?php
/* オリジナルウィジェット「MY_Original_Widget」の登録 */
add_action( 'widgets_init', function(){
  register_widget( 'MY_Original_Widget' );
} );

/* WP_Widgetを継承して、MY_Original_Widgetクラスを作成 */
class MY_Original_Widget extends WP_Widget {

  /* コンストラクタを定義 */
  public function __construct() {
    parent::__construct(
      'my_original_widget', /* ウィジェットのID */
      '【オリジナル】ウィジェット名', /* ウィジェットの名称（管理画面で表示される）*/
      array(
        'description' => 'ウィジェットの説明文', /* ウィジェットの説明（管理画面で表示される）*/
      )
    );
  }

  /* form出力 */
  public function form( $instance ) {
    $instance = wp_parse_args(
      (array) $instance,
      array(
        'title' => '', /* 初期値をココに入力 */
      )
    );
?>
<p>
  <label for="<?php echo $this->get_field_id( 'title' ); ?>">タイトル</label>
  <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $instance['title'] ); ?>" />
</p>
<?php
  }

  /* データ保存時の処理 */
  public function update( $new_instance, $old_instance ) {
    $instance = $old_instance;
    $instance['title'] = sanitize_text_field( $new_instance['title'] );
    return $instance;
  }

  /* ウィジェットの出力 */
  public function widget( $args, $instance ) {
    echo $args['before_widget'];
    if ( $instance['title'] ) {
      echo $args['before_title'] . $instance['title'] . $args['after_title'];
    }
  
    /* ココに表示したい内容を入力 */
  
    echo $args['after_widget'];
  }

}