Upload
yoshinori-kobayashi
View
455
Download
1
Embed Size (px)
Citation preview
WordPressコントリビュート勉強会 第2回 16.02.13
TickleCode.Yoshinori Kobayashi
1
初めてのプラグイン!wapuufall plugin を作りました!
最初のプラグインを作るために必要なことをまとめてみました。
2
生まれは 奈良県 です
小林由憲(こばやしよしのり)
Twitter:
TickleCodeブログ:
@yoshiii514
もくもく会(自主勉強会)を複数の運営メンバーやアドバイザーの方々とともに、定期開催しています。
勉強会を定期開催しています)^o^(
3
【CoEdo.rb】Ruby / Ruby on Rails
ビギナーズ勉強会
Swiftビギナーズ勉強会
4
WordPressもくもく勉強会
もくもく会(自主勉強会)を複数の運営メンバーやアドバイザーの方々とともに、定期開催しています。
勉強会を定期開催しています)^o^(
WordPressコントリビュート
勉強会
5
wapuufall plugin を作りました!
https://github.com/TickleCode/wapuufall
わぷーが雪のように降ってくるプラグインです。
6
プラグインハンドブック(英語)
https://developer.wordpress.org/plugins/
Plugin Handbook
7
プラグインの作り方(日本語)
プラグインの作成
最初に読んでおくとハッピーになれる。
9
フック(hook)アクション(action)
プラグイン API
フックは別名、フィルター(filter)。
10
register_activation_hook
関数リファレンス/register activation hook
プラグインが有効になったとき実行される関数
11
register_deactivation_hook
関数リファレンス/register deactivation hook
プラグインが無効になったとき実行される関数
12
plugins_url() プラグインディレクトリの参照
https://wpdocs.osdn.jp/Determining_Plugin_and_Content_Directories
プラグイン・コンテンツディレクトリを特定する
plugins_url('/js/wapuufall.js',__FILE__)
Ex.http://.../wp-content/plugins/wapuufall/js/wapuufall.js
plugins_url('',__FILE__)
Ex.http://.../wp-content/plugins/wapuufall
13
wp localize script
Localizes a registered script with data for a JavaScript variable.
登録しているJSファイルにPHPから変数の値を渡す方法。
14
wp localize script
// jsファイルの読み込みwp_enqueue_script('wapuufall-jquery',plugins_url('/js/wapuufall.js',__FILE__),array('snowfall-jquery'));
// jsの変数 wapuufall_plugin_url に値をセットしている。wp_localize_script('wapuufall-jquery','wapuufall_plugin_url',plugins_url('',__FILE__));
<script type='text/javascript'>var wapuufall_plugin_url = "http://yoshiiikoba.lolipop.jp\/wordpress\/wp-content\/plugins\/wapuufall";</script><script type='text/javascript' src='http://yoshiiikoba.lolipop.jp/wordpress/wp-content/plugins/wapuufall/js/wapuufall.js?ver=4.4.2'></script>
送信するときに、JSのグロバール変数(wapuufall_plugin_url)を先に定義して、その後でJSファイルを読み込んでくれる。
15
プラグインの登録と宣伝
https://wpdocs.osdn.jp/Plugin_Submission_and_Promotion
16
プラグインの登録申請
https://wordpress.org/plugins/add/
プラグインの名前
プラグインの説明
githubの「Download ZI」のURL
Plugin Directory Add Your Plugin
17
wapuufall plugin の今後
https://github.com/TickleCode/wapuufall
★管理画面の設置
わぷーの数と種類を指定。
アクションの速度を指定。
わぷー画像をアップロードして使えるように。