18
WordPressコントリビュート勉強会 第2回 16.02.13 TickleCode. Yoshinori Kobayashi 1 初めてのプラグイン! wapuufall plugin を作りました! 最初のプラグインを作るために必要なことをまとめてみました。

初めてのプラグイン! wapuufall plugin を作りました!最初のプラグインを作るために必要なことをまとめてみました。WordPressコントリビュート勉強会

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

プラグインの作り方(日本語)

プラグインの作成

最初に読んでおくとハッピーになれる。

8

プラグインの名前に重複がないようする。

Googleで検索

プラグインディレクトリを検索

※プラグイン名に日本語は使えない。

※英数字、空白、一部の記号?は使える

9

フック(hook)アクション(action)

プラグイン API

フックは別名、フィルター(filter)。

10

register_activation_hook

関数リファレンス/register activation 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

★管理画面の設置

わぷーの数と種類を指定。

アクションの速度を指定。

わぷー画像をアップロードして使えるように。

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

18