WordPressプラグイン化

オープンソースの活用

WordPressで提供されているプラグインに、要求される機能要件が不十分なケースはよくあることです。このような時、GitHubなどで配布されているオープンソースプラグインに適当なものが見つかることがあります。
直接適用する手もありますが、WordPressプラグインに再構成してインストールしたほうが、管理面でメリットがある場合があります。

再構成手順

1. プラグイン用のソースコードファイルを作成
2. ヘッダにプラグイン認識用の記述
   
   /* 　Plugin Name: MyPluginName 　Plugin URI: http://www.example.com/plugin 　Description: 説明 　Author: my name 　Version: 0.1 　Author URI: http://www.example.com 　License: MIT */

   1 2 3 4 5 6 7 8 9

   /* 　Plugin Name: MyPluginName 　Plugin URI: http://www.example.com/plugin 　Description: 説明 　Author: my name 　Version: 0.1 　Author URI: http://www.example.com 　License: MIT */

3. スタイルシート、Javascript、埋め込みコードをadd_actionで設置
// ファイル add_action( 'wp_enqueue_scripts', 'Enqueue_Files'); function Enqueue_Files() { // スタイルシート wp_enqueue_style('style-1', WP_PLUGIN_URL.'/css/style.css', array(), "1.0", "all"); // jquery wp_enqueue_script('script-1', WP_PLUGIN_URL.'/libs/jquery.MyPluginName.js', array('jquery'), "1.0", false); } // 埋め込みコード add_action('wp_footer', 'add_PrintCode'); function add_PrintCode() { $strTag = <<<EOD <script type="text/javascript"> (function ($){ // jQueryコード })(jQuery); </script> EOD; print($strTag); }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

// ファイル add_action( 'wp_enqueue_scripts', 'Enqueue_Files'); function Enqueue_Files() {       // スタイルシート     wp_enqueue_style('style-1', WP_PLUGIN_URL.'/css/style.css', array(), "1.0", "all");       // jquery     wp_enqueue_script('script-1', WP_PLUGIN_URL.'/libs/jquery.MyPluginName.js', array('jquery'), "1.0", false); }   // 埋め込みコード add_action('wp_footer', 'add_PrintCode'); function add_PrintCode() {   $strTag = <<<EOD   <script type="text/javascript">     (function ($){           // jQueryコード     })(jQuery);   </script> EOD; print($strTag);   }

4. js埋め込みコードの確認と変更
   WordPressのテンプレートで使用されているタグと、プラグインでセレクタとして認識するタグが重複していないか確認する。
5. プラグインディレクトリにアップロード
6. 有効化