Microsoft PowerPoint - widget.ppt

Size: px

Start display at page:

Download "Microsoft PowerPoint - widget.ppt"

ゆめじあさま
4 years ago
Views:

1 WordPress 2.8 用のウィジェットの開発藤本壱 1

2 今日のアジェンダ自己紹介新しいウィジェット API の概要作成するウィジェット ( ステータス表示 ) クラスとコンストラクタの定義 form メソッド update メソッド widget メソッドウィジェットの登録まとめ 2

3 自己紹介 3

4 自己紹介藤本壱 ( ふじもとはじめ ) フリーライターパソコン関係ここ数年は Movable Type 関連の書籍を多数執筆マネー関係主に株式投資関係 Movable Type や WordPress のプラグインを開発 4

5 ブログ 5

6 新しいウィジェット API の概要 6

7 WP_Widget クラス WP2.8 で WP_Widget クラスが新設ウィジェットの基本動作を定義したクラス WP 標準のウィジェットも WP_Widget クラスを使って定義しなおされているこれまでの API よりもウィジェット作成が簡単同一ウィジェットを複数回追加する機能が標準装備されている 7

8 WP2.8 用ウィジェットの開発手順 WP_Widget クラスを継承してオリジナルのウィジェットのクラスを定義 4 つの関数 ( メソッド ) を定義関数 ( メソッド ) コンストラクタ formメソッド updateメソッド widgetメソッド内容ウィジェットの名前等の定義ウィジェットの設定フォームを出力ウィジェットの設定を保存ウィジェットの内容を出力 8

9 作成するウィジェット ( ステータス表示 ) 9

10 ステータス表示ウィジェット最終更新日 / 投稿数 / コメント数を表示 10

11 ウィジェットの設定ウィジェットの管理画面で設定可能 11

12 クラスとコンストラクタの定義 12

13 クラスとコンストラクタの定義 WP_Widget クラスを継承してオリジナルのウィジェットのクラスを定義クラス名は WP_Widget_ コンストラクタでウィジェットの名前等を定義 13

14 クラス定義とコンストラクタ class WP_Widget_Status extends WP_Widget { function WP_Widget_Status() { $widget_ops = array( // ウィジェットを囲む要素に割り当てるクラス名 'classname' => 'widget_status', // ウィジェットの説明 'description' => ' 最終更新日 / 投稿数 / コメント数の表示 ' ); // ウィジェットの ID/ 名前 / オプションを初期化 $this->wp_widget('status', ' ステータス ', $widget_ops); } 14

15 form メソッドの定義 15

16 form メソッドウィジェットの設定フォームを出力 input 等の入力要素でフォームを組み立てるパラメータの $instance で設定値が渡される $instance [ 項目名 ] が各項目の現在の設定値例 :$instance[ title ] は title 項目の設定値各入力要素のid 属性 $this->get_field_id( 項目名 ) 各入力要素のname 属性 $this->get_field_name( 項目名 ') 16

17 form メソッドの例 function form($instance) { // title の設定から HTML のタグを除いて $title に代入 $title = strip_tags($instance['title']);?> <p> <label for="<?php echo $this->get_field_id('title');?>"> タイトル </label> <input class="widefat type="text id="<?php echo $this->get_field_id('title');?> name="<?php echo $this->get_field_name('title');?> value="<?php echo esc_attr($title);?>" /> </p> <?php } 17

18 update メソッドの定義 18

19 update メソッド設定を保存パラメータの $old_instance が元の設定値パラメータの $new_instance が新しく入力された設定値 $instance に $old_instance をコピー $new_instance の値を適宜加工して $instance に代入戻り値として $instance を返す 19

20 update メソッドの例 function update($new_instance, $old_instance) { // $instance に元の設定値 ($old_instance) を代入 $instance = $old_instance; // title の設定値を更新 $instance['title'] = strip_tags($new_instance['title']); // $instance を返す return $instance; } 20

21 widget メソッドの定義 21

22 widget メソッドウィジェットの内容を出力パラメータの $instance からウィジェットの設定を得るパラメータの $args から以下の情報を得る情報 $before_widget $after_widget $before_title $after_title 内容ウィジェットの前に出力する内容ウィジェットの後に出力する内容ウィジェットのタイトルの前に出力する内容ウィジェットのタイトルの後に出力する内容 $instance/$args を組み合わせてウィジェットを出力 22

23 widget メソッドの例 (1) function widget($args, $instance) { extract($args); $title = apply_filters('widget_title', empty($instance['title'])? ' ステータス ' : $instance['title']); echo $before_widget; if ($title) { echo $before_title. $title. $after_title; } 23

24 widget メソッドの例 (2) global $wpdb, $post; $posts = get_posts("numberposts=1&orderby=date&order=desc"); $post = $posts[0]; setup_postdata($post); $post_date = get_the_time('y 年 m 月 d 日 '); $post_count = $wpdb->get_var("select COUNT(*) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post'"); $comment_count = $wpdb->get_var("select COUNT(*) FROM $wpdb- >comments WHERE comment_approved = '1'");?> <ul> <li> 最終更新日 : <?php echo $post_date;?></li> <li> 投稿数 :<?php echo $post_count;?></li> <li> コメント数 :<?php echo $comment_count;?></li> </ul> <?php 24

25 widget メソッドの例 (3) echo $after_widget; } 25

26 ウィジェットの登録 26

27 ウィジェットの登録 WordPress にウィジェットを登録クラス定義の外に以下を追加 add_action('widgets_init', create_function('', 'return register_widget("wp_widget_status");')); 27

28 まとめ 28

29 まとめ WordPress 2.8でWidget APIが一新 WP_Widgetクラスを継承してウィジェットを作成コンストラクタ /formメソッド/updateメソッド /widgetメソッドでウィジェットの動作を定義 29

30 おまけ 30

31 WordPress 開発系書籍近日発売 WordPress の関数を利用してデータに柔軟にアクセス SQL でデータベースに直接アクセスプラグインの基本的な開発手順プラグインの国際対応ウィジェットショートコードのプラグイン開発方法プラグインの管理画面の開発方法 31

32 ご清聴ありがとうございました 32

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション年末年始で 1 つ WordPress で Web サイトを作ってみようイベント株式会社コミュニティコム星野邦敏 330-0802 埼玉県さいたま市大宮区宮町 1-5 銀座ビル 7 階 URL: http://www.communitycom.jp/ E-MAIL: mail@communitycom.jp 1 年末年始でWebサイトを作る (6) 目次 0. 自己紹介 1. 2. 質疑応答 2