Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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
プラグインが有効になったとき実行される関数
11
register_deactivation_hook
関数リファレンス/register deactivation hook
プラグインが無効になったとき実行される関数
12
plugins_url() プラグインディレクトリの参照
https://wpdocs.osdn.
jp/Determining_Plugin_and_Content_Directories
プラグイン・コンテンツディレクトリを特定する
...
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(...
15
プラグインの登録と宣伝
https://wpdocs.osdn.jp/Plugin_Submission_and_Promotion
16
プラグインの登録申請
https://wordpress.org/plugins/add/
プラグインの名前
プラグインの説明
githubの「Download ZI」のURL
Plugin Directory Add Your Plug...
17
wapuufall plugin の今後
https://github.com/TickleCode/wapuufall
★管理画面の設置
わぷーの数と種類を指定。
アクションの速度を指定。
わぷー画像をアップロードして使えるように。
ご清聴ありがとうございました。
18
Upcoming SlideShare
Loading in …5
×

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

684 views

Published on

WordPressコントリビュート勉強会 第2回 16.02.13 での発表資料(*^^*)

タイトル:
初めてのプラグイン! wapuufall plugin を作りました!最初のプラグインを作るために必要なことをまとめてみました。

最初にプラグインを制作するときに、色んな情報を探しましたので、次回から簡単に探せるように情報をまとめたいと思います。

初めてプラグインを作る方は、jQueryなどのライブラリを流用して、簡単なものから作り始めるとよいと思います(*^^*)

PHPからJavaScriptに変数の値を渡したいときがあります。大きなデータの場合は、jsonで渡せばよいと思いますが、1つの変数を渡すには大げさすぎます。
そこで、wp_localize_script を使うことになります。

=================


=================

◆制作業務
TickleCodeという屋号でJavaScript、WordPressでのWebサイト制作やSwiftでのアプリ開発、Ruby on RailsでのWebサービス開発などを行なう。
業務請負や受託制作を行いながら、自社ポータルサイト・Webサービスサイトの制作運営を行なう。
地域のポータルサイトや、旅行系サイト、不動産系サイトの制作運営は本人も興味が強いので、めっぽう強い。

[運営サイト]
TickleCode:
技術的な情報を整理して掲載している
http://ticklecode.com/

I Love Yakitori!:
焼き鳥が好きなので焼き鳥店の取材をしてWebサイトへ掲載している
http://yakitori-ya.net/

◆勉強会、コミュニティ
オープンソースであるWordPressのコミュニティ・イベントの運営にも携わりながら、自らも勉強会やイベントを企画運営する。
WordPressもくもく倶楽部、Swiftビギナーズ倶楽部など、多数の勉強会・セミナーの開催を行い、自身もスピーカーや講師を行っている。

[定期開催している勉強会]
Swiftビギナーズ倶楽部:
2014年11月より開催。SwiftでiOSアプリ開発を勉強するための会。
https://swift-beginners.doorkeeper.jp/

WordPressもくもく倶楽部:
2014年11月より開催。WordPressでの制作・運営を勉強するための会。
https://wp-moku.doorkeeper.jp/

WordPressコントリビュート倶楽部:
2015年12月より開催。WordPressコントリビュート(翻訳、プラグインなどの貢献活動)を勉強するための会。
https://wpmake.doorkeeper.jp/

Ruby / Ruby on Rails ビギナーズ勉強会:
2015年1月より開催。Ruby on Railsでの制作・運営を勉強するための会。
https://coedo-rails.doorkeeper.jp/

Published in: Internet
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

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

  1. 1. WordPressコントリビュート勉強会 第2回 16.02.13 TickleCode. Yoshinori Kobayashi 1 初めてのプラグイン! wapuufall plugin を作りました! 最初のプラグインを作るために必要なことをまとめてみました。
  2. 2. 2 生まれは 奈良県 です 小林由憲(こばやしよしのり) Twitter: TickleCodeブログ: @yoshiii514
  3. 3. もくもく会(自主勉強会)を複数の運営メンバーや アドバイザーの方々とともに、定期開催しています。 勉強会を定期開催しています)^o^( 3 【CoEdo.rb】 Ruby / Ruby on Rails ビギナーズ勉強会 Swiftビギナーズ勉強会
  4. 4. 4 WordPressもくもく 勉強会 もくもく会(自主勉強会)を複数の運営メンバーや アドバイザーの方々とともに、定期開催しています。 勉強会を定期開催しています)^o^( WordPress コントリビュート 勉強会
  5. 5. 5 wapuufall plugin を作りました! https://github.com/TickleCode/wapuufall わぷーが雪のように降ってくるプラグインです。
  6. 6. 6 プラグインハンドブック(英語) https://developer.wordpress.org/plugins/ Plugin Handbook
  7. 7. 7 プラグインの作り方(日本語) プラグインの作成 最初に読んでおくとハッピーになれる。
  8. 8. 8 プラグインの名前に重複がないようする。 Googleで検索 プラグインディレクトリを検索 ※プラグイン名に日本語は使えない。 ※英数字、空白、一部の記号?は使える
  9. 9. 9 フック(hook)アクション(action) プラグイン API フックは別名、フィルター(filter)。
  10. 10. 10 register_activation_hook 関数リファレンス/register activation hook プラグインが有効になったとき実行される関数
  11. 11. 11 register_deactivation_hook 関数リファレンス/register deactivation hook プラグインが無効になったとき実行される関数
  12. 12. 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. 13. 13 wp localize script Localizes a registered script with data for a JavaScript variable. 登録しているJSファイルにPHPから変数の値を渡す方法。
  14. 14. 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. 15. 15 プラグインの登録と宣伝 https://wpdocs.osdn.jp/Plugin_Submission_and_Promotion
  16. 16. 16 プラグインの登録申請 https://wordpress.org/plugins/add/ プラグインの名前 プラグインの説明 githubの「Download ZI」のURL Plugin Directory Add Your Plugin
  17. 17. 17 wapuufall plugin の今後 https://github.com/TickleCode/wapuufall ★管理画面の設置 わぷーの数と種類を指定。 アクションの速度を指定。 わぷー画像をアップロードして使えるように。
  18. 18. ご清聴ありがとうございました。 18

×