Yuji Nojima, profile picture
Uploaded byYuji Nojima
KEY, PPTX39,053 views

WordPressプラグイン作成入門

本資料は、WordPress のプラグイン作成の基本を解説しています。エンジニア寄りの解説ですが、デザイナーさんにも読んで頂ける内容かと思います。 セッション内容の出典は WordBench 神戸の元管理人 @horike37 さんです。ご本人に確認して本セッションでの利用の許可いただきました。 僕自身は、@horike37 さんのセッションでWordPress に感動し、WordPress の活用に目覚めた人でございます。本セッションでも、その感動を共有できたらと思っています。

Embed presentation

Download as KEY, PPTX
WordPressプラグイン作成入門 ∼とりあえず「出来そう！」「簡単そう！」って思ってもらいたい∼
はじめに ‣ 本資料は、WordPress のプラグイン作成の基本を解説して います。エンジニア寄りの解説ですが、デザイナーさんにも 読んで頂ける内容かと思います。 ‣ セッション内容の出典は WordBench 神戸の元管理人 @horike37 さんです。ご本人に確認して本セッションでの 利用の許可いただきました。 ‣ 僕自身は、@horike37 さんのセッションでWordPress に 感動し、WordPress の活用に目覚めた人でございます。本 セッションでも、その感動を共有できたらと思っています。
自己紹介 ‣ ノジマユウジ ‣ システム開発、 @yuka2py グラフィックデザイン、 DTPや印刷なども ‣ 株式会社フォーエンキー 代表 ‣ 最近はiPhone/Android のアプリ開発とかスマホ ‣ PythonとJavascriptが大 系のWebとか、WinDTア 好き（Dartに興味深々） プリなど作っています ‣ おしゃれも大好き☆ ‣ リボンやお花が好き☆
自己紹介 ‣ ノジマユウジ ‣ システム開発、 @yuka2py グラフィックデザイン、 DTPや印刷なども ‣ 株式会社フォーエンキー 絶賛 代表 お仕事募 ‣ 最近はiPhone/Android 集中 のアプリ開発とかスマホ ‣ PythonとJavascriptが大 系のWebとか、WinDTア 好き（Dartに興味深々） プリなど作っています ‣ おしゃれも大好き☆ ‣ リボンやお花が好き☆
最近のボク Python Design 1% お嫁 15% Windows(C#) iOS お嫁 Web(PHP/JS) 4% Android Android 40% iOS Design 10% Python Web(PHP/JS) 10% Windows(C#) 2012年11月2日 株式会社フォーエンキー調べ 20%
WordPressのインストール
…は、出来てる前提です (*́ `*)ﾃﾍ♪ Σ(ﾟДﾟ;)
こちらで丁寧に解説されてますよ♪ http://wpdocs.sourceforge.jp/WordPress のインストール
WordPressのプラグインとは？
WPの動作の大まかな理解 初期化
WPの動作の大まかな理解 初期化 URLに対応するデータが検索される
WPの動作の大まかな理解 初期化 URLに対応するデータが検索される URLに対応するテンプレートが開かれる
WPの動作の大まかな理解 初期化 URLに対応するデータが検索される URLに対応するテンプレートが開かれる レスポンス
WPの動作の大まかな理解 割り込み 初期化 フ ク ッ URLに対応するデータが検索される フ ク ッ URLに対応するテンプレートが開かれる フ ク ッ フ ク ッ レスポンス
WPの動作の大まかな理解 割り込み 初期化 フ ク ッ URLに対応するデータが検索される フ ク ッ URLに対応するテンプレートが開かれる フ ク ッ フ ク ッ レスポンス
WPの動作の大まかな理解 割り込み これ!! 初期化 フ ク ッ URLに対応するデータが検索される フ ク ッ URLに対応するテンプレートが開かれる フ ク ッ フ ク ッ レスポンス
WPのプラグインとは？ 「フック」を利用して、 WordPressに様々な機能を 追加するもの
どんなプラグインを作る？
顔文字チェンジャー
顔文字チェンジャー ‣ WordPressの投稿の本文に、表示前にアクセス。
顔文字チェンジャー ‣ WordPressの投稿の本文に、表示前にアクセス。 ‣ 本文中の「。」を顔文字に変換して表示する。
顔文字チェンジャー ‣ WordPressの投稿の本文に、表示前にアクセス。 ‣ 本文中の「。」を顔文字に変換して表示する。 。 (´･ω･`)
プラグイン作成の準備
プラグインファイルの作成 ‣ WPのプラグインディレクトリに、         任意の名前のディレクトリを作成 ‣ 作成したディレクトリ内に、         任意の名前のPHPファイルを作成 /wp-content/plugins/moji-changer/moji-changer.php
プラグインファイルの作成 ‣ WPのプラグインディレクトリに、         任意の名前のディレクトリを作成 ‣ 作成したディレクトリ内に、         任意の名前のPHPファイルを作成 /wp-content/plugins/moji-changer/moji-changer.php プラグインディレクトリ
プラグインファイルの作成 ‣ WPのプラグインディレクトリに、         任意の名前のディレクトリを作成 ‣ 作成したディレクトリ内に、         任意の名前のPHPファイルを作成 /wp-content/plugins/moji-changer/moji-changer.php プラグインディレクトリ 任意のディレクトリ 作成
プラグインファイルの作成 ‣ WPのプラグインディレクトリに、         任意の名前のディレクトリを作成 ‣ 作成したディレクトリ内に、         任意の名前のPHPファイルを作成 /wp-content/plugins/moji-changer/moji-changer.php プラグインディレクトリ 任意のディレクトリ 任意のPHPファイル 作成 作成
プラグインファイルの作成 ‣ WPのプラグインディレクトリに、         任意の名前のディレクトリを作成 ‣ 作成したディレクトリ内に、         任意の名前のPHPファイルを作成 この例では一緒にしてますが、全然違う名前でもOK! /wp-content/plugins/moji-changer/moji-changer.php プラグインディレクトリ 任意のディレクトリ 任意のPHPファイル 作成 作成
メタデータを記述する ‣ moji-changer.php を開いて、以下のように、 プラグインのメタ情報を記述する <?php /* Plugin Name: 顔文字チェンジャー Plugin URI: http://foreinkey.jp/ Description: 投稿本文中の「。」を顔文字に変換するおもろプラグイン♪ Author: yuka2py Version: 1.0.0 Author URI: http://foreinkey.jp/ */
メタデータを記述する ‣ moji-changer.php を開いて、以下のように、 プラグインのメタ情報を記述する WPはこの <?php メタ情報でプ /* ラグインを認 識する Plugin Name: 顔文字チェンジャー Plugin URI: http://foreinkey.jp/ Description: 投稿本文中の「。」を顔文字に変換するおもろプラグイン♪ Author: yuka2py Version: 1.0.0 Author URI: http://foreinkey.jp/ */
 以上。 Σ(ﾟДﾟ;)
これだけで...
(*-`д-;) ｽ ｽｹﾞｪ… WPから プラグインが 認識される!
(*-`д-;) ｽ ｽｹﾞｪ… WPから プラグインが 認識される! でもまだ 何もしない
投稿の本文テキストを加工する ∼フィルターフックの利用∼ WPの カスタマイズ はフックから
フックを追加 ‣ moji-changer.php に以下のコードを追加する add_filter('the_content', 'moji_changer_content_filter'); function moji_changer_content_filter($content) { return str_replace('。', '(́･ω･`)', $content); }
フックを追加 ‣ moji-changer.php に以下のコードを追加する add_filter('the_content', 'moji_changer_content_filter'); フィルター フックの 登録関数 function moji_changer_content_filter($content) { return str_replace('。', '(́･ω･`)', $content); }
フックを追加 ‣ moji-changer.php に以下のコードを追加する add_filter('the_content', 'moji_changer_content_filter'); フィルター 【フック名】 フックの 投稿本文の出力前の 登録関数 フィルターフック function moji_changer_content_filter($content) { return str_replace('。', '(́･ω･`)', $content); }
フックを追加 ‣ moji-changer.php に以下のコードを追加する add_filter('the_content', 'moji_changer_content_filter'); フィルター 【フック名】 フックの 投稿本文の出力前の 実行したい関数を定義して 登録関数 フィルターフック フックに関数名を指定する function moji_changer_content_filter($content) { return str_replace('。', '(́･ω･`)', $content); }
フックを追加 ‣ moji-changer.php に以下のコードを追加する add_filter('the_content', 'moji_changer_content_filter'); フィルター 【フック名】 フックの 投稿本文の出力前の 実行したい関数を定義して 登録関数 フィルターフック フックに関数名を指定する function moji_changer_content_filter($content) { 投稿本文 の文字列 return str_replace('。', '(́･ω･`)', $content); }
フックを追加 ‣ moji-changer.php に以下のコードを追加する add_filter('the_content', 'moji_changer_content_filter'); フィルター 【フック名】 フックの 投稿本文の出力前の 実行したい関数を定義して 登録関数 フィルターフック フックに関数名を指定する function moji_changer_content_filter($content) { 投稿本文 の文字列 return str_replace('。', '(́･ω･`)', $content); 投稿本文 $content に必要な処理を行って返す }
 以上。 Σ(ﾟДﾟ;)
試してみます 有効化 する
変わった!! d(*･` ･
APIを確認するには？ ∼エンジニアだったら気になるその確認方法∼
まずはCodexで検索
ソースコードを読む the_contentフックの引数を確認
ソースコードを読む 良くも悪 くもWPの ソースコード は読み易い the_contentフックの引数を確認
設定画面を追加する ∼アクションフィルタの利用∼
管理画面にメニューを追加する ‣ moji-changer.php に以下のコードを追加する add_action('admin_menu', 'moji_changer_admin_menu'); function moji_changer_admin_menu() { add_menu_page( '顔文字チェンジャー', //HTMLのページタイトル '顔文字チェンジャー設定', //管理画面メニューの表示名 'administrator', //この機能を利用できるユーザー 'moji_changer_admin_menu', //urlに入る名前 'moji_changer_edit_setting' //機能を提供する関数 ); } function moji_changer_edit_setting() { echo "設定画面をここに書くよ！"; }
add_action('admin_menu', 'moji_changer_admin_menu'); function moji_changer_admin_menu() { add_menu_page( '顔文字チェンジャー', //HTMLのページタイトル '顔文字チェンジャー設定', //管理画面メニューの表示名 'administrator', //この機能を利用できるユーザー 'moji_changer_admin_menu', //urlに入る名前 'moji_changer_edit_setting' //機能を提供する関数 ); } function moji_changer_edit_setting() { echo "設定画面をここに書くよ！"; }
add_action('admin_menu', 'moji_changer_admin_menu'); 管理画面にメニューページを追加するフィルターフック function moji_changer_admin_menu() { add_menu_page( '顔文字チェンジャー', //HTMLのページタイトル '顔文字チェンジャー設定', //管理画面メニューの表示名 'administrator', //この機能を利用できるユーザー 'moji_changer_admin_menu', //urlに入る名前 'moji_changer_edit_setting' //機能を提供する関数 ); } function moji_changer_edit_setting() { echo "設定画面をここに書くよ！"; }
add_action('admin_menu', 'moji_changer_admin_menu'); 管理画面にメニューページを追加するフィルターフック function moji_changer_admin_menu() { add_menu_page( 投稿本文の出力前のフィルターフック名 '顔文字チェンジャー', //HTMLのページタイトル '顔文字チェンジャー設定', //管理画面メニューの表示名 'administrator', //この機能を利用できるユーザー 'moji_changer_admin_menu', //urlに入る名前 'moji_changer_edit_setting' //機能を提供する関数 ); } function moji_changer_edit_setting() { echo "設定画面をここに書くよ！"; }
add_action('admin_menu', 'moji_changer_admin_menu'); 管理画面にメニューページを追加するフィルターフック function moji_changer_admin_menu() { add_menu_page( 投稿本文の出力前のフィルターフック名 '顔文字チェンジャー', //HTMLのページタイトル '顔文字チェンジャー設定', //管理画面メニューの表示名 'administrator', //この機能を利用できるユーザー 'moji_changer_admin_menu', //urlに入る名前 'moji_changer_edit_setting' //機能を提供する関数 add_menu_page のオプション ); } function moji_changer_edit_setting() { echo "設定画面をここに書くよ！"; }
add_action('admin_menu', 'moji_changer_admin_menu'); 管理画面にメニューページを追加するフィルターフック function moji_changer_admin_menu() { add_menu_page( 投稿本文の出力前のフィルターフック名 '顔文字チェンジャー', //HTMLのページタイトル '顔文字チェンジャー設定', //管理画面メニューの表示名 'administrator', //この機能を利用できるユーザー 'moji_changer_admin_menu', //urlに入る名前 'moji_changer_edit_setting' //機能を提供する関数 add_menu_page のオプション ); 実行したい関数を定義して } 指定する function moji_changer_edit_setting() { echo "設定画面をここに書くよ！"; }
 以上。 Σ(ﾟДﾟ;)
これだけで...
管理画面に メニューが 追加され
管理画面に メニューが 追加され クリックすると...
管理画面に メニューが 追加され 個別の設定 画面が開く クリックすると...
管理画面に メニューが 追加され 個別の設定 画面が開く クリックすると... moji_changer_edit_setting() 関数内での出力
管理画面に メニューが 追加され add_menu_page()の 個別の設定 第４引数で指定した文字列 画面が開く クリックすると... moji_changer_edit_setting() 関数内での出力
設定機能を実装する ∼データの永続化。Option API の利用∼
データを保存する ‣ moji_changer_edit_setting() 関数を以下に変更 function moji_changer_edit_setting() { if (isset($_POST['kaomoji'])) { update_option('kaomoji_changer_plugin_value', $_POST['kaomoji']); } $kaomoji = get_option('kaomoji_changer_plugin_value'); echo <<<EOD <div> <h2>顔文字チェンジャー</h2> <form action="" method="post"> <p><input type="text" name="kaomoji" value="{$kaomoji}" /></p> <p><input type="submit" value="登録" /></p> </form> </div> EOD; }
function moji_changer_edit_setting() { if (isset($_POST['kaomoji'])) { update_option('kaomoji_changer_plugin_value', $_POST['kaomoji']); } $kaomoji = get_option('kaomoji_changer_plugin_value'); echo <<<EOD <div> <h2>顔文字チェンジャー</h2> <form action="" method="post"> <p><input type="text" name="kaomoji" value="{$kaomoji}" /></p> <p><input type="submit" value="登録" /></p> </form> </div> EOD; }
function moji_changer_edit_setting() { if (isset($_POST['kaomoji'])) { update_option('kaomoji_changer_plugin_value', $_POST['kaomoji']); } $_POSTされてきたデータをオプションAPIで保存する $kaomoji = get_option('kaomoji_changer_plugin_value'); echo <<<EOD <div> <h2>顔文字チェンジャー</h2> <form action="" method="post"> <p><input type="text" name="kaomoji" value="{$kaomoji}" /></p> <p><input type="submit" value="登録" /></p> </form> </div> EOD; }
function moji_changer_edit_setting() { if (isset($_POST['kaomoji'])) { update_option('kaomoji_changer_plugin_value', $_POST['kaomoji']); } $_POSTされてきたデータをオプションAPIで保存する $kaomoji = get_option('kaomoji_changer_plugin_value'); echo <<<EOD オプションAPIから値を取得する <div> <h2>顔文字チェンジャー</h2> <form action="" method="post"> <p><input type="text" name="kaomoji" value="{$kaomoji}" /></p> <p><input type="submit" value="登録" /></p> </form> </div> EOD; }
function moji_changer_edit_setting() { if (isset($_POST['kaomoji'])) { update_option('kaomoji_changer_plugin_value', $_POST['kaomoji']); } $_POSTされてきたデータをオプションAPIで保存する $kaomoji = get_option('kaomoji_changer_plugin_value'); echo <<<EOD オプションAPIから値を取得する <div> <h2>顔文字チェンジャー</h2> <form action="" method="post"> <p><input type="text" name="kaomoji" value="{$kaomoji}" /></p> <p><input type="submit" value="登録" /></p> </form> </div> フォームの出力 EOD; }
function moji_changer_edit_setting() { if (isset($_POST['kaomoji'])) { update_option('kaomoji_changer_plugin_value', $_POST['kaomoji']); } $_POSTされてきたデータをオプションAPIで保存する $kaomoji = get_option('kaomoji_changer_plugin_value'); echo <<<EOD オプションAPIから値を取得する <div> 【ポイント】 formのactionを空にして <h2>顔文字チェンジャー</h2> 同じ画面を呼び出している <form action="" method="post"> <p><input type="text" name="kaomoji" value="{$kaomoji}" /></p> <p><input type="submit" value="登録" /></p> </form> </div> フォームの出力 EOD; }
保存したデータを利用する ‣ moji_changer_content_filter() 関数を以下に変更 function moji_changer_content_filter($content) { $kaomoji = get_option('kaomoji_changer_plugin_value'); return str_replace('。', $kaomoji, $content); }
保存したデータを利用する ‣ moji_changer_content_filter() 関数を以下に変更 function moji_changer_content_filter($content) { $kaomoji = get_option('kaomoji_changer_plugin_value'); オプションAPIから値を取得する return str_replace('。', $kaomoji, $content); }
保存したデータを利用する ‣ moji_changer_content_filter() 関数を以下に変更 function moji_changer_content_filter($content) { $kaomoji = get_option('kaomoji_changer_plugin_value'); オプションAPIから値を取得する return str_replace('。', $kaomoji, $content); }
 以上。 Σ(ﾟДﾟ;)
結果...
入力 フォーム が表示
入力 フォーム が表示 値を 登録保存 できる
完成ー!! ヽ(*´∀`)/
まとめ
<?php 完成した /* Plugin Name: 顔文字チェンジャー Plugin URI: http://foreinkey.jp/ Description: 投稿本文中の「。」を顔文字に変換するおもろプラグイン♪ プラグインの Author: yuka2py Version: 1.0.0 Author URI: http://foreinkey.jp/ */ ソースコード add_filter('the_content', 'moji_changer_content_filter'); function moji_changer_content_filter($content) { $kaomoji = get_option('kaomoji_changer_plugin_value'); return str_replace('。', $kaomoji, $content); } add_action('admin_menu', 'moji_changer_admin_menu'); function moji_changer_admin_menu() { add_menu_page( '顔文字チェンジャー', '顔文字チェンジャー設定', 'administrator', 'moji_changer_admin_menu', 'moji_changer_edit_setting' ); } function moji_changer_edit_setting() { if (isset($_POST['kaomoji'])) { update_option('kaomoji_changer_plugin_value', $_POST['kaomoji']); } $kaomoji = get_option('kaomoji_changer_plugin_value'); echo <<<EOD <div> <h2>顔文字チェンジャー</h2> <form action="" method="post"> <p><input type="text" name="kaomoji" value="{$kaomoji}" /></p> <p><input type="submit" value="登録" /></p> </form> </div> EOD; }
<?php 完成した /* Plugin Name: 顔文字チェンジャー Plugin URI: http://foreinkey.jp/ Description: 投稿本文中の「。」を顔文字に変換するおもろプラグイン♪ プラグインの Author: yuka2py Version: 1.0.0 Author URI: http://foreinkey.jp/ */ プラグインメタ情報 ソースコード add_filter('the_content', 'moji_changer_content_filter'); function moji_changer_content_filter($content) { $kaomoji = get_option('kaomoji_changer_plugin_value'); return str_replace('。', $kaomoji, $content); } add_action('admin_menu', 'moji_changer_admin_menu'); function moji_changer_admin_menu() { add_menu_page( '顔文字チェンジャー', '顔文字チェンジャー設定', 'administrator', 'moji_changer_admin_menu', 'moji_changer_edit_setting' ); } function moji_changer_edit_setting() { if (isset($_POST['kaomoji'])) { update_option('kaomoji_changer_plugin_value', $_POST['kaomoji']); } $kaomoji = get_option('kaomoji_changer_plugin_value'); echo <<<EOD <div> <h2>顔文字チェンジャー</h2> <form action="" method="post"> <p><input type="text" name="kaomoji" value="{$kaomoji}" /></p> <p><input type="submit" value="登録" /></p> </form> </div> EOD; }
<?php 完成した /* Plugin Name: 顔文字チェンジャー Plugin URI: http://foreinkey.jp/ Description: 投稿本文中の「。」を顔文字に変換するおもろプラグイン♪ プラグインの Author: yuka2py Version: 1.0.0 Author URI: http://foreinkey.jp/ */ プラグインメタ情報 ソースコード add_filter('the_content', 'moji_changer_content_filter'); function moji_changer_content_filter($content) { $kaomoji = get_option('kaomoji_changer_plugin_value'); return str_replace('。', $kaomoji, $content); 投稿の本文の加工処理 } add_action('admin_menu', 'moji_changer_admin_menu'); function moji_changer_admin_menu() { add_menu_page( '顔文字チェンジャー', '顔文字チェンジャー設定', 'administrator', 'moji_changer_admin_menu', 'moji_changer_edit_setting' ); } function moji_changer_edit_setting() { if (isset($_POST['kaomoji'])) { update_option('kaomoji_changer_plugin_value', $_POST['kaomoji']); } $kaomoji = get_option('kaomoji_changer_plugin_value'); echo <<<EOD <div> <h2>顔文字チェンジャー</h2> <form action="" method="post"> <p><input type="text" name="kaomoji" value="{$kaomoji}" /></p> <p><input type="submit" value="登録" /></p> </form> </div> EOD; }
<?php 完成した /* Plugin Name: 顔文字チェンジャー Plugin URI: http://foreinkey.jp/ Description: 投稿本文中の「。」を顔文字に変換するおもろプラグイン♪ プラグインの Author: yuka2py Version: 1.0.0 Author URI: http://foreinkey.jp/ */ プラグインメタ情報 ソースコード add_filter('the_content', 'moji_changer_content_filter'); function moji_changer_content_filter($content) { $kaomoji = get_option('kaomoji_changer_plugin_value'); return str_replace('。', $kaomoji, $content); 投稿の本文の加工処理 } add_action('admin_menu', 'moji_changer_admin_menu'); function moji_changer_admin_menu() { add_menu_page( '顔文字チェンジャー', '顔文字チェンジャー設定', 'administrator', 'moji_changer_admin_menu', 'moji_changer_edit_setting' 管理画面への ); メニューページの追加 } function moji_changer_edit_setting() { if (isset($_POST['kaomoji'])) { update_option('kaomoji_changer_plugin_value', $_POST['kaomoji']); } $kaomoji = get_option('kaomoji_changer_plugin_value'); echo <<<EOD <div> <h2>顔文字チェンジャー</h2> <form action="" method="post"> <p><input type="text" name="kaomoji" value="{$kaomoji}" /></p> <p><input type="submit" value="登録" /></p> </form> </div> EOD; }
<?php 完成した /* Plugin Name: 顔文字チェンジャー Plugin URI: http://foreinkey.jp/ Description: 投稿本文中の「。」を顔文字に変換するおもろプラグイン♪ プラグインの Author: yuka2py Version: 1.0.0 Author URI: http://foreinkey.jp/ */ プラグインメタ情報 ソースコード add_filter('the_content', 'moji_changer_content_filter'); function moji_changer_content_filter($content) { $kaomoji = get_option('kaomoji_changer_plugin_value'); return str_replace('。', $kaomoji, $content); 投稿の本文の加工処理 } add_action('admin_menu', 'moji_changer_admin_menu'); function moji_changer_admin_menu() { add_menu_page( '顔文字チェンジャー', '顔文字チェンジャー設定', 'administrator', 'moji_changer_admin_menu', 'moji_changer_edit_setting' 管理画面への ); メニューページの追加 } function moji_changer_edit_setting() { if (isset($_POST['kaomoji'])) { update_option('kaomoji_changer_plugin_value', $_POST['kaomoji']); } $kaomoji = get_option('kaomoji_changer_plugin_value'); echo <<<EOD <div> <h2>顔文字チェンジャー</h2> <form action="" method="post"> <p><input type="text" name="kaomoji" value="{$kaomoji}" /></p> <p><input type="submit" value="登録" /></p> </form> メニューページ関連の </div> 実際の処理 EOD; }
まとめ
まとめ ‣ WPプラグインは「フッ ク」を使って開発する ● 必要な関数をフック登録
まとめ ‣ WPプラグインは「フッ ク」を使って開発する ● 必要な関数をフック登録 ‣ WordPress の組込関数 やオブジェクトを利用し て機能を実現する ● add_menu_page 関数 ● Option API
まとめ ‣ WPプラグインは「フッ ‣ フックやWP組み込み ク」を使って開発する 関数の使い方を除くと、 ● 必要な関数をフック登録 やっぱりただのPHP ‣ WordPress の組込関数 大事!! やオブジェクトを利用し て機能を実現する ● フックや組み込み関数沢 山はたくさんあるけど、 ● add_menu_page 関数 基本的な考え方は非常に ● Option API シンプル
注意点・補足 ‣ key/value ストアの ‣ 外部入力データは key名の重複を避ける クオートされてます ● key名はテーマやプラグイン毎 ● WordPress が独自に に名前空間が分かれてはいない magic_quotesする! ● 一般にはプラグイン名のプリ ● 戻す関数があります。 フィックスを付ける ‣ Option API はプリミティブな ‣ 他のプラグインやテーマの関数 値以外に、配列なども保存可能 との重複を避ける ‣ 説明の簡単の為に、サンプル等 ● 一般にはプラグイン名のプリ フィックスを付ける のコードは最低限のものですの でご注意ください
エンジニア的な発展 ∼キレイに書きたきゃ書けば良い∼
<?php /* Plugin Name: 文字チェンジャー Plugin URI: http://foreinkey.jp/ moji-changer.php Description: 投稿本文中の任意のテキストを任意のテキストに置換する Author: yuka2py Version: 1.0.0 Author URI: http://foreinkey.jp/ */ define('MOJI_CHANGER','MOJI_CHANGER'); add_filter('the_content', 'moji_changer_content_filter'); ‣ 変換元文字も指定 add_action('admin_menu', 'moji_changer_admin_menu'); function moji_changer_content_filter($content) { できるようにした $moji_changer_vars = get_option(MOJI_CHANGER); if (!empty($moji_changer_vars['from'])) { $content = str_replace( $moji_changer_vars['from'], ● １つのキーに $moji_changer_vars['to'], $content); } 配列を保存して } return $content; みてました。 function moji_changer_admin_menu() { add_menu_page( '文字チェンジャー', '文字チェンジャー設定', 'administrator', ‣ Viewを分離した 'moji_changer_admin_menu', 'moji_changer_edit_setting' ); } function moji_changer_edit_setting() { if (isset($_POST['moji_changer_vars'])) { update_option(MOJI_CHANGER, $_POST['moji_changer_vars']); } $moji_changer_vars = get_option(MOJI_CHANGER); include 'setting.html.php'; }
setting.html.php ‣ WP管理画面の <div class="wrap"> <?php screen_icon('edit'); ?> <h2>文字チェンジャー</h2> CSSクラス等を <p>記事本文中の任意の文字を、別の文字に変換するプラグインです。<br /> 「置き換えする文字」を空欄にすると、置換処理は行われません。</p> <form action="" method="post"> 適用して、管理画面 <table class="form-table"> <tr> <th><label for="moji_changer_vars[from]">置き換えする文字</ らしくしてみた label></th> <td><input id="moji_changer_vars[from]" type="text" name="moji_changer_vars[from]" value="<?php echo isset($moji_changer_vars['from']) ? $moji_changer_vars['from'] : '' ?>" /></td> </tr> <tr> <th><label for="moji_changer_vars[to]">置き換える文字</label></th> <td><input id="moji_changer_vars[to]" type="text" name="moji_changer_vars[to]" value="<?php echo isset($moji_changer_vars['to']) ? $moji_changer_vars['to'] : '' ?>" /></td> </tr> </table> <p><input type="submit" class="button-primary" value="登録" /></p> </form> </div>
もし良かったら遊んでください♪ @yuka2py https://twitter.com/yuka2py http://www.facebook.com/yuka2py http://gplus.to/yuka2py (´∀`〃)ゝｷｬﾊ
ご静聴、ありがとうございました！
この文書は クリエイティブ・コモンズ 表示 - 継承 2.1 日本 ライセンスの下に提供されています。

More Related Content

PDF
Djangoによるスマホアプリバックエンドの実装
byNakazawa Yuichi
 
PDF
Wp プラグインapiから理解するword press.share
byYuji Nojima
 
KEY
EC-CUBEプラグイン講義
byria1201
 
PDF
concrete5デザインカスタマイズに必要なPHPの知識
byHishikawa Takuro
 
PDF
.htaccessによるリダイレクト徹底解説
byCherry Pie Web
 
PPTX
仕事で使うちょっとしたコードをOSSとして開発メンテしていく - Django Redshift Backend の開発 - PyCon JP 2016
byTakayuki Shimizukawa
 
PDF
⑯jQueryをおぼえよう！その２
byNishida Kansuke
 
PDF
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
byTakashi Uemura
 
Djangoによるスマホアプリバックエンドの実装
byNakazawa Yuichi
 
Wp プラグインapiから理解するword press.share
byYuji Nojima
 
EC-CUBEプラグイン講義
byria1201
 
concrete5デザインカスタマイズに必要なPHPの知識
byHishikawa Takuro
 
.htaccessによるリダイレクト徹底解説
byCherry Pie Web
 
仕事で使うちょっとしたコードをOSSとして開発メンテしていく - Django Redshift Backend の開発 - PyCon JP 2016
byTakayuki Shimizukawa
 
⑯jQueryをおぼえよう！その２
byNishida Kansuke
 
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
byTakashi Uemura
 

What's hot

PDF
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
byTakashi Uemura
 
PDF
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖！ ～秋バージョン～
byhokori matu
 
PPTX
DjangoでさくっとWeb アプリケーション開発をする話
byNakazawa Yuichi
 
KEY
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
byYuji Nojima
 
PDF
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
byChieko Aihara
 
PDF
Djangoフレームワークの紹介
byShinya Okano
 
PDF
Pyramid入門
byAtsushi Odagiri
 
PDF
今からハジメるHTML5マークアップ
bySwapSkills
 
PDF
HTML5, きちんと。
byMasataka Yakura
 
PDF
jQuery Performance Tips – jQueryにおける高速化 -
byHayato Mizuno
 
PDF
HTML仕様書を読んでみよう
bySaeki Tominaga
 
PDF
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
byTakashi Uemura
 
PDF
WordPressとjQuery
bySeto Takahiro
 
PDF
Html5でword pressテーマを作るよ！
byMuyuu Fujita
 
PDF
GDG Women DevfestW
byTomoko Sato
 
PDF
マークアップ講座 01b HTML
byeiji sekiya
 
PDF
クリーンな WordPress サイトのための PHP コーディングのお作法 ― 計画的に WordPress を拡張していくためのフレームワーク思考 |...
byKazuhiro Hara
 
PDF
What's new! TwentyThirteen + WordPress3.6
byTakashi Uemura
 
PDF
⑳CSSでアニメーション！その１
byNishida Kansuke
 
PDF
⑮jQueryをおぼえよう！その１
byNishida Kansuke
 
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
byTakashi Uemura
 
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖！ ～秋バージョン～
byhokori matu
 
DjangoでさくっとWeb アプリケーション開発をする話
byNakazawa Yuichi
 
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
byYuji Nojima
 
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
byChieko Aihara
 
Djangoフレームワークの紹介
byShinya Okano
 
Pyramid入門
byAtsushi Odagiri
 
今からハジメるHTML5マークアップ
bySwapSkills
 
HTML5, きちんと。
byMasataka Yakura
 
jQuery Performance Tips – jQueryにおける高速化 -
byHayato Mizuno
 
HTML仕様書を読んでみよう
bySaeki Tominaga
 
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
byTakashi Uemura
 
WordPressとjQuery
bySeto Takahiro
 
Html5でword pressテーマを作るよ！
byMuyuu Fujita
 
GDG Women DevfestW
byTomoko Sato
 
マークアップ講座 01b HTML
byeiji sekiya
 
クリーンな WordPress サイトのための PHP コーディングのお作法 ― 計画的に WordPress を拡張していくためのフレームワーク思考 |...
byKazuhiro Hara
 
What's new! TwentyThirteen + WordPress3.6
byTakashi Uemura
 
⑳CSSでアニメーション！その１
byNishida Kansuke
 
⑮jQueryをおぼえよう！その１
byNishida Kansuke
 

Viewers also liked

PDF
WordPressで作るポートフォリオサイト
byTakuma Nishiyama
 
PDF
最強オブジェクト指向言語 JavaScript 再入門！
byYuji Nojima
 
PDF
Webデザインのセオリーを学ぼう
byToshiaki Sasaki
 
PDF
LPデザインに関して〜作成のセオリーとコツ〜
by典子 松本
 
PDF
WordPress を使いこなそう
byWataru OKAMOTO
 
PDF
HTML5時代のWebデザイン
bymasaaki komori
 
PDF
DNS再入門
byTakashi Takizawa
 
PDF
SEOに効くコンテンツの作り方 ver1.1
byINFOBAHN.inc（株式会社インフォバーン）
 
PDF
文系デザイナーでも大丈夫！レスポンシブWEBサイトをWordPressで作ってみよう
byJunko Nukaga
 
PDF
いまさら聞けないAWSクラウド - Java Festa 2013
bySORACOM, INC
 
PDF
「Webデザイナーのためのタイポグラフィと文字組版」
byswwwitch inc.
 
KEY
ノンデザイナーのための配色理論
bytsukasa obara
 
PDF
Illustratorのカンプとうまく付き合う方法
byTakuya Nishitani
 
PDF
サーバ運用の現場でひたすら監視し続けるエンジニアの手の内のすべて
byMasahito Zembutsu
 
PDF
レスポンシブ・ウェブデザイン基礎
bymasaaki komori
 
PDF
最近のブラウザ状況
byyoshikawa_t
 
PPTX
エンジニアが知っておくべきSSL/TLSの知識(仮)
byMasahiro NAKAYAMA
 
PDF
Photoshopで効率よくデザインしよう！
byMarie Suenaga
 
PDF
スマホデザインパターン なう
byAndroid UI勉強会
 
PDF
初心者向けMySQLの始め方
byMasahiro Tomita
 
WordPressで作るポートフォリオサイト
byTakuma Nishiyama
 
最強オブジェクト指向言語 JavaScript 再入門！
byYuji Nojima
 
Webデザインのセオリーを学ぼう
byToshiaki Sasaki
 
LPデザインに関して〜作成のセオリーとコツ〜
by典子 松本
 
WordPress を使いこなそう
byWataru OKAMOTO
 
HTML5時代のWebデザイン
bymasaaki komori
 
DNS再入門
byTakashi Takizawa
 
SEOに効くコンテンツの作り方 ver1.1
byINFOBAHN.inc（株式会社インフォバーン）
 
文系デザイナーでも大丈夫！レスポンシブWEBサイトをWordPressで作ってみよう
byJunko Nukaga
 
いまさら聞けないAWSクラウド - Java Festa 2013
bySORACOM, INC
 
「Webデザイナーのためのタイポグラフィと文字組版」
byswwwitch inc.
 
ノンデザイナーのための配色理論
bytsukasa obara
 
Illustratorのカンプとうまく付き合う方法
byTakuya Nishitani
 
サーバ運用の現場でひたすら監視し続けるエンジニアの手の内のすべて
byMasahito Zembutsu
 
レスポンシブ・ウェブデザイン基礎
bymasaaki komori
 
最近のブラウザ状況
byyoshikawa_t
 
エンジニアが知っておくべきSSL/TLSの知識(仮)
byMasahiro NAKAYAMA
 
Photoshopで効率よくデザインしよう！
byMarie Suenaga
 
スマホデザインパターン なう
byAndroid UI勉強会
 
初心者向けMySQLの始め方
byMasahiro Tomita
 

Similar to WordPressプラグイン作成入門

KEY
WordPress中級者への道！テンプレートタグはどう動くのか!?
byShinichi Nishikawa
 
PDF
第3回WordPress Cafe プラグイン紹介
byfoom_in
 
PDF
はじめてのWord pressプラグイン勉強会
byTakahiro Nakahata
 
PDF
WordBeachDeathMarchWorkshop
bytakashi ono
 
PDF
WordPress実践 導入からカスタマイズまで
byTakashi Uemura
 
PDF
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
byrie05
 
KEY
Prejob wordpress v2_1121
byShohei Aoyama
 
KEY
Prejob wordpress v2_1121
byShohei Aoyama
 
PDF
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
byTakashi Uemura
 
PDF
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
byTsuyoshi.
 
PDF
SaCSS vol. 24
byjun sugimoto
 
PDF
SaCSS vol.24
byjun sugimoto
 
PDF
4時間まったりWordPressテーマ作成講座
byShinichi Nishikawa
 
PDF
WordBech Osaka No.28
byKite Koga
 
PDF
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
byMignon Style
 
KEY
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
byEri Sawada
 
PDF
WordPress 3.2の新機能＆ 新デフォルトテーマ Twenty Eleven 大解剖！
byhokori matu
 
PDF
WordCamp Tokyo 2012 画像のアップロード&アイキャッチ画像をしっかり理解しよう！
byYUKI YAMAGUCHI
 
PDF
日本語フォーラムで回答してみよう！～誰でも出来るWordPressへの貢献〜
byKazue Igarashi
 
PDF
アプリケーションプラットホームとしてのWordPress
byTakayuki Miyauchi
 
WordPress中級者への道！テンプレートタグはどう動くのか!?
byShinichi Nishikawa
 
第3回WordPress Cafe プラグイン紹介
byfoom_in
 
はじめてのWord pressプラグイン勉強会
byTakahiro Nakahata
 
WordBeachDeathMarchWorkshop
bytakashi ono
 
WordPress実践 導入からカスタマイズまで
byTakashi Uemura
 
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
byrie05
 
Prejob wordpress v2_1121
byShohei Aoyama
 
Prejob wordpress v2_1121
byShohei Aoyama
 
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
byTakashi Uemura
 
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
byTsuyoshi.
 
SaCSS vol. 24
byjun sugimoto
 
SaCSS vol.24
byjun sugimoto
 
4時間まったりWordPressテーマ作成講座
byShinichi Nishikawa
 
WordBech Osaka No.28
byKite Koga
 
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
byMignon Style
 
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
byEri Sawada
 
WordPress 3.2の新機能＆ 新デフォルトテーマ Twenty Eleven 大解剖！
byhokori matu
 
WordCamp Tokyo 2012 画像のアップロード&アイキャッチ画像をしっかり理解しよう！
byYUKI YAMAGUCHI
 
日本語フォーラムで回答してみよう！～誰でも出来るWordPressへの貢献〜
byKazue Igarashi
 
アプリケーションプラットホームとしてのWordPress
byTakayuki Miyauchi
 

WordPressプラグイン作成入門

Editor's Notes